本天猫整站项目中,关于前端的关注点,着重落在如何获取服务端的数据,显示在页面上,以及前端页面与服务端的同步/异步数据交互上。
> 拿到前端静态demo页面,向老师要相关资料
> 说明 :这些是前端页面原型的整合代码,在实际开发中是不会像这样把那么多的标签,元素,样式,js放在一个页面里的。 在项目中会把大的页面拆分成为容易理解,维护的小文件,在后续的章节会讲解到。
## 步骤 1 : 真正开发的时候会直接使用这些前端静态页面吗?
事实上,这些前端页面都是相当复杂的,真正开发的时候,也不会完全在这些页面上进行,而是把一个复杂的前端页面拆成了多个便于维护与理解的小的jsp文件。
比如首页home.jsp就是由多个home.jsp 公共文件和一个homePage.jsp组成。
![](https://box.kancloud.cn/7f84f9db4c072f457c162678dccc685b_400x506.png)
## 步骤 2 : homePage.jsp 又由多个子jsp文件组成
homePage.jsp 又由多个子jsp文件组成,这样每个文件就相对于整篇的前端页面来讲,简单了不少,更加利于理解与消化
![](https://box.kancloud.cn/7789c78f6e0bb9f31beec5f03b28a918_674x498.png)
- 项目简介
- 功能一览
- 前台
- 后台
- 开发流程
- 需求分析-展示
- 首页
- 产品页
- 分类页
- 搜索结果页
- 购物车查看页
- 结算页
- 确认支付页
- 支付成功页
- 我的订单页
- 确认收货页
- 确认收货成功页
- 评价页
- 需求分析-交互
- 分类页排序
- 立即购买
- 加入购物车
- 调整订单项数量
- 删除订单项
- 生成订单
- 订单页功能
- 确认付款
- 确认收货
- 提交评价信息
- 登录
- 注册
- 退出
- 搜索
- 前台需求列表
- 需求分析后台
- 分类管理
- 属性管理
- 产品管理
- 产品图片管理
- 产品属性设置
- 用户管理
- 订单管理
- 后台需求列表
- 表结构设计
- 数据建模
- 表与表之间的关系
- 后台-分类管理
- 可运行的项目
- 静态资源
- JSP包含关系
- 查询
- 分页
- 增加
- 删除
- 编辑
- 修改
- 做一遍
- 重构
- 分页方式
- 分类逆向工程
- 所有逆向工程
- 后台其他页面
- 属性管理实现
- 产品管理实现
- 产品图片管理实现
- 产品属性值设置
- 用户管理实现
- 订单管理实现
- 前端
- 前台-首页
- 可运行的项目
- 静态资源
- ForeController
- home方法
- home.jsp
- homePage.jsp
- 前台-无需登录
- 注册
- 登录
- 退出
- 产品页
- 模态登录
- 分类页
- 搜索
- 前台-需要登录
- 购物流程
- 立即购买
- 结算页面
- 加入购物车
- 查看购物车页面
- 登录状态拦截器
- 其他拦截器
- 购物车页面操作
- 订单状态图
- 生成订单
- 我的订单页
- 我的订单页操作
- 评价产品
- 总结