当前课程知识点:软件开发实训--动态网站开发 > 3 接口设计 > 3.1前台模板约定 > 3.1.1前台模板约定
同学你好
欢迎回到软件开发实训课堂
在前面的课程里
咱们针对网站的需求
也就是客户的需求
对网站做了一个分析
已经了解了整个网站的基本的实现结构
那么从今天的课堂开始
我们将进行具体的网站的设计
那么在设计之前
咱们需要先做一个简单的约定
也就是我们在制作后台模板以及前台界面时
所需要的约定内容
首先我们来说一下
在后台使用模板时
需要约定的一个内容就是所有的模板要放在
templates目录下
一定要注意
不能随意的去放置
第2个
对于静态的资源内容
比如说查JAVAscrip的脚本文件
还有CSS的样式表文件
以及html等等
包括图片
视频等内容
这些静态的资源
把它放到static目录下
在前端网页的设计中
咱们约定使用Vue.js作为主要的前端实现框架
以提高咱们的前端网页的制作效率
这是一个
第2个
如果前端去请求数据时
我们约定把所有的请求路径
以斜杠C为前缀
也就是说把斜杠C
作为虚拟的或者物理的请求路径之一
这样有利于我们对前台和后台的区分
这是有关前后台模板数据以及使用框架做了
一个简单的约定
当然在实际的编写时
前台的所有内容在获取时一定要使用AJAX技术
用AJAX可以快速
而且能够简易的去获取你想要的数据
可以做到局部的刷新
所以我们选择AJAX作为前台的数据请求方式
那么
所有前台使用的静态的内容都来自于后台
比如说我们用到的菜单
所有的菜单项都来自数据库
所以我们需要通过AJAX去请求数据库内容
而不是把内容固定到模板中
这个也要注意
有了这样的约定
那么我们需要具体把请求的数据的相关的
关键字再做一个约定
比如说我们对于菜单的请求
我们约定可以使用路径
用menu以及当我们获取到数据时
用menu来获得我们想要的所有菜单的数据
其他的比如说我们需要得到一篇文章
这样我们可以去请求content的路径
或者是我们得到的数据里面包括了一个content的关键字
来表示我们得到了内容数据
再一个比如说幻灯片
我们用slide
以及我们想要在界面上滚动的内容
采用scroll这样的关键字
最后包括版权
logo等等都需要去约定一些关键字
那么你在设计中首先要把这些约定写到你的
设计文档里
这个一定要注意
当然了我们还有其他的一些约定
比如说我们请求的具体的数据格式
这将会在我们接口的设计中给你来讲解
那么每一次我们在前台去请求数据时
所有的数据格式采用JSON格式
而每一种数据它所使用的具体的数据格式
这在每一种数据的接口中进行定义
所以你把这些个文档一定要写到你的设计说明书中
以供所有的开发人员
合作人员去阅读
去理解你所设计的相关的框架或者是相关的功能
这个就是我们对于下一阶段我们要讲内容的
一个基本的约定
好
这节课我们就讲这么多
下一节课咱们再见
-1.1课程介绍
--1.1.3随堂测试
-1.2网站需求分析
--1.2.4随堂测试
-1.3网站首页分析
--1.3.3随堂测试
-1.4导航菜单分析
--1.4.3随堂测试
-1.5内容区域分析
--1.5.3随堂测试
-1.6内容副页面分析
-1.7编写需求文档
-2.1后端页面总体分析
--2.1.3随堂测试
-2.2用户管理功能设计
--2.2.3随堂测试
-2.3内容与分类功能分析
--2.3.3随堂测试
-2.4网站配置功能设计
--2.4.4随堂测试
-2.5数据库及表结构分析
-总体设计文档
-3.1前台模板约定
--3.1.3随堂测试
-3.2网站配置接口设计
--3.2.3随堂测试
-3.3菜单接口设计
--3.3.3随堂测试
-3.4内容接口设计
--3.4.3随堂测试
-3.5幻灯片接口设计
--3.5.3随堂测试
-补充设计文档
-4.1用户管理功能设计
--4.1.3随堂测试
-4.2菜单管理功能设计
--4.2.3随堂测试
-4.3内容管理功能设计
--4.3.3随堂测试
-4.4网站配置信息设计
--4.4.3随堂测试
-完成设计文档
-4.6随堂测试
-5.1开发环境搭建
--5.1.2随堂测试
-5.2Web前端环境搭建
-5.3创建用户实体
--5.3.2随堂测试
-5.4用户实体表创建与初始化
--5.4.2随堂测试
-5.5用户数据访问接口实现
--5.5.2随堂测试
-5.6环境搭建问题
-6.1用户服务层接口实现
--6.1.2随堂测试
-6.2用户列表和编辑控制器实现
--6.2.2随堂测试
-6.3用户存储和删除控制器实现
-6.4用户添加、编辑界面实现
-6.5用户管理添加用户调试
-7.1用户查询模板实现
--7.1.2随堂测试
-7.2用户信息编辑的实现
-7.3单个用户删除实现
-7.4多个用户删除实现
-8.1用户列表分页基本实现
-8.2用户列表查询结果分页实现
-8.3通用日期处理
-8.4整型日期处理
--8.4.2随堂测试
-8.5枚举数据的应用
-9.1登录逻辑实现
--9.1.2随堂测试
-9.2登录界面及流程调试
--9.2.2随堂测试
-9.3管理主界面实现
--9.3.2随堂测试
-9.4授权验证拦截器实现
--9.4.2随堂测试
-9.5拦截器调试
-10.1分类接口实现
-10.2分类添加、编辑实现
-10.3分类树结构实现
-10.4分类删除实现
--10.4.2随堂测试
-11.1内容实体定义
-11.2相关接口定义
-11.3服务接口实现
-11.4内容添加、编辑模板实现
-11.5内容添加、编辑控制器实现
-11.6内容检索页面实现
-11.7内容分类树实现
-12.1修改UEditor相关问题
-12.2整合UEditor到内容编辑界面
-12.3UEditor图片对话框应用
-12.4文件上传问题处理
-13.1网站配置相关类实现
-13.2网站配置界面模板实现
-13.3网站配置调试
-14.1网站首页布局实现
-14.2菜单Vue组件实现
--14.2.2随堂测试
-14.3幻灯片Vue组件实现
-14.4滚动Vue组件实现
--14.4.2随堂测试
-14.5滚动接口实现
-14.6滚动接口调试
-14.7幻灯片接口实现
-15.1首页区域实现
-15.2首页内容脚本实现
-15.3首页完善
-15.4Vue组件放入单文件
-15.5详细页面实现
-16.1网站测试介绍
-16.2功能测试
-16.3打包发布
-16.4部署运行
--16.4.2随堂测试