[TOC]
> 拿到本章节对应图片,css,js静态资源压缩包,向老师要相关资料。
## 步骤 1 : 图片资源-site目录
和**分类管理中讲到的图片资源**一样,在img目录下的site目录放着所有要用到的静态图片,如猫耳朵什么的
![](https://box.kancloud.cn/5c9a507b04ab973b92287af2d475738f_1690x742.png)
## 步骤 2 : 图片资源-轮播图片
除了图片资源-site目录之外,还有轮播用的图片资源
![](https://box.kancloud.cn/5e238092118b7f7d0d9ea948042aa2c0_727x208.png)
## 步骤 3 : 图片资源-分类图片
![](https://box.kancloud.cn/480f767703be10b4f02fb043819d7f29_1699x423.png)
## 步骤 4 : 图片资源-产品图片
产品对应的图片有4个目录,分别是
1. productSingle
产品正常尺寸图片
2. productSingle_middle
产品中等尺寸图片
3. productSingle_small
产品小号尺寸图片
4. productDetail
产品详情图片
![](https://box.kancloud.cn/76cfefca3196f0fd4eecae0befd600a1_563x279.png)
## 步骤 5 : css
在css目录里有3个子目录
1. back
这个目录里有一个style.css,这是后台界面用到的样式
2. bootstrap
这里存放的是bootstrap的css样式文件
3. fore
这个目录里**也有一个style.css**,这是前台界面用到的样式
![](https://box.kancloud.cn/11f96a6fa78971a63e3d30375f1f9712_740x184.png)
## 步骤 6 : js
js目录下有两个子目录
/bootstrap
bootstrap用到的js文件
/jquery
jquery用到的js文件
![](https://box.kancloud.cn/7f444a7560496c8efbf6d1e057946af0_651x152.png)
- 项目简介
- 功能一览
- 前台
- 后台
- 开发流程
- 需求分析-展示
- 首页
- 产品页
- 分类页
- 搜索结果页
- 购物车查看页
- 结算页
- 确认支付页
- 支付成功页
- 我的订单页
- 确认收货页
- 确认收货成功页
- 评价页
- 需求分析-交互
- 分类页排序
- 立即购买
- 加入购物车
- 调整订单项数量
- 删除订单项
- 生成订单
- 订单页功能
- 确认付款
- 确认收货
- 提交评价信息
- 登录
- 注册
- 退出
- 搜索
- 前台需求列表
- 需求分析后台
- 分类管理
- 属性管理
- 产品管理
- 产品图片管理
- 产品属性设置
- 用户管理
- 订单管理
- 后台需求列表
- 表结构设计
- 数据建模
- 表与表之间的关系
- 后台-分类管理
- 可运行的项目
- 静态资源
- JSP包含关系
- 查询
- 分页
- 增加
- 删除
- 编辑
- 修改
- 做一遍
- 重构
- 分页方式
- 分类逆向工程
- 所有逆向工程
- 后台其他页面
- 属性管理实现
- 产品管理实现
- 产品图片管理实现
- 产品属性值设置
- 用户管理实现
- 订单管理实现
- 前端
- 前台-首页
- 可运行的项目
- 静态资源
- ForeController
- home方法
- home.jsp
- homePage.jsp
- 前台-无需登录
- 注册
- 登录
- 退出
- 产品页
- 模态登录
- 分类页
- 搜索
- 前台-需要登录
- 购物流程
- 立即购买
- 结算页面
- 加入购物车
- 查看购物车页面
- 登录状态拦截器
- 其他拦截器
- 购物车页面操作
- 订单状态图
- 生成订单
- 我的订单页
- 我的订单页操作
- 评价产品
- 总结