Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tyra9/serenitea-pot-furnishing
web项目——尘歌壶摆设购买系统
https://github.com/tyra9/serenitea-pot-furnishing
ajax db druid el-jstl filter html-css-javascript javase jdbc jquery json jsp mysql servlet session tomcat
Last synced: about 1 month ago
JSON representation
web项目——尘歌壶摆设购买系统
- Host: GitHub
- URL: https://github.com/tyra9/serenitea-pot-furnishing
- Owner: TYRA9
- Created: 2023-09-04T03:31:08.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-10-09T09:34:05.000Z (about 1 year ago)
- Last Synced: 2024-10-13T04:03:06.588Z (about 1 month ago)
- Topics: ajax, db, druid, el-jstl, filter, html-css-javascript, javase, jdbc, jquery, json, jsp, mysql, servlet, session, tomcat
- Language: Java
- Homepage:
- Size: 21 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
**提示 : 点击README.md文件(该文件)左上角的目录图案(三个点过来三条杠)————可以查看文章目录。**
web项目——尘歌壶摆设购买系统(Serenitea-Pot-Furnishing)，采用原生Servlet + JSP完成开发，用到了HTML+CSS+JS, JSON, Tomcat, Servlet, JSP, EL+JSTL, Session, Filter, JQuery, Ajax等内容。
**PS1: 项目十大功能————(_功能演示及具体的实现思路见下文_)**
**(1)用户注册; (2)用户登录; (3)管理员后台登录; (4)摆设管理[摆设展示，摆设添加，摆设修改，摆设删除]; (5)首页展示摆设[分页]**
**(6)首页搜索; (7)用户退出; (8)购物车管理[展示，添加，修改，删除，清空]; (9)订单管理[结账，查看订单，订单详情]; (10)上传更新摆设图片**
**PS2: 测试时运行环境————**
**(1)操作系统：Windows 10**
**(2)编译器：IDEA**
**(3)JDK版本：JDK 17.0**
**(4)数据库及版本：MySQL 8.0**
**(5)Tomcat版本：Tomcat 10.0**
___
# 一、前言
## 1.软件开发的各个阶段
### 1.1 需求分析阶段
> (1) **人员** : 需求分析师/产品经理(前者针对于客户；后者针对于自身)
> (2) **技能** : 技术背景 + 行业背景
> (3) **任务** : 完成需求分析 --> 需求分析白皮书
> (4) **要求** : 必须准确地分析出客户/项目需要完成的功能
### 1.2 设计阶段
> (1) 人员 : 项目架构师/项目经理
> (2) 技能 : 技术全面 + 项目管理 + 人员管理
> (3) 任务 :
1> 设计工作(UML类图 + 时序图 + 流程图 + 数据库设计 + 项目模块划分 + 界面UI + ...) --> 设计文档
2> 组建团队(选人)
3> 技术选型([JSP + servlet], SSM, [spring boot + spring cloud + Vue], 数据库)
> (4) 原型开发/搭建基本界面，签署协议
### 1.3 开发阶段
> (1) 人员 : 程序⚪/码农，软件开发工程师(前端 + 后端)
> (2) 技能 : 软件开发
> (3) 任务 : 查阅文档 + 理解需求 + 完成指定模块功能，交付小组组长(组长会review代码)
> (4) 自行测试代码
### 1.4 测试阶段
> (1) 人员 : 测试工程师
> (2) 技能 : 编写测试用例 + 黑盒测试 + 白盒测试 + 压力测试 + 自动化测试工具 + 测试脚本 + ...
> (3) 任务 : 完成单元测试，集成测试，系统测试...
> (4) **测试和开发阶段是交替进行的**。
### 1.5 实施阶段
> (1) 人员 : 实施工程师
> (2) 技能 : 了解开发，熟悉各种环境，熟悉网络及网络设备/配置，熟悉操作系统，熟悉框架软件安装
> (3) 任务 : 将开发好的项目部署到本地或对方公司内部的系统上，往往设计出差和用户交互用户
### 1.6 维护阶段
> (1) 人员 : 大公司/大项目 --> 维护部门；小公司/小项目 --> 售后对接，也可以是实施人员来维护
> (2) 任务 : 解决项目使用过程中的出现的错误
> (3) 先重启 --> 重新安装软件配置 --> 重装系统 --> 反馈给开发(项目经理)
## 2.项目架构相关
### 2.1 Java后端经典三层架构
如下图所示 :
项目分包情况如下图所示 :
### 2.2 MVC
(1) MVC，全称Model(模型)，View(视图)，Controller(控制器)。
(2) **Model** : 将与业务逻辑相关的数据**封装**为具体的JavaBean类(JavaBean/Domain/POJO)，其中不掺杂任何与数据处理相关的代码。
**View** : 只负责数据和界面的显示，不接受任何与**显示**数据无关的代码，便于程序员和美工的分工合作。(Vue/Jsp/Thymeleaf/HTML)。
**Controller** : 只负责接收请求，调用Service层的代码处理请求，然后派发页面，起到“**调度者**”的作用。
(3) MVC最早出现于JavaEE三层架构中的Web层，可以指导Web层的代码实现有效分离，单独工作，其本质就是将软件代码拆分成为组件单独开发，组合使用，达到了**解耦**的目的。MVC是一种思想，体现的是数据显示，数据处理和业务调用的分离解耦。SpringMVC就是一种基于MVC思想的框架。
MVC思想在WEB层的应用如下图所示 :
# 二、功能演示及具体实现
## 1.用户注册 :
### 1.1 演示
当前pot_user表中有8位用户，如下图所示 : (PS : 管理员也可以作为普通用户登录，只不过登录窗口不同。)
启动web应用后会自动跳转到首页，在首页可以点击"Log in|Sign up"进行注册功能：
用户注册表单中，任何一项数据不满足格式都会提交失败。
提交成功后，可以在pot_user表中查看到新的用户信息，如下图所示 :
### 1.2 实现思路
**(1) 创建表和对应的JavaBean类 :**
pot_user表字段的设计可参考前端提供的界面，此处仅定义了id,username,password,email四个字段。
对应地，给出PotUser类，并给出无参和带参构造，以及四个字段的getter和setter方法。
**(2) DAO层 :**
DAO层分为DAO的接口类型和它的实现类型,这么设计是为了提高可拓展性；并且，DAO层的实现类型还要继承BasicDAO类。PotUserDAOImpl中要实现savePotUser方法，通过INSERT INTO的sql语句，将形参列表传入的PotUser对象中保存的信息写入到pot_user表中，注意密码要以MD5加密形式保存，不要明文保存。
PotUserDAOImpl中还要定义一个queryPotUserByUsername方法，即根据传入的username判断该用户是否已经存在于pot_user表中，用于后端判断用户名是否可用，实际上，前端已经可以通过Ajax实现用户名是否可用的判断。
**(3) Service层 :**
Service层同样分为Service的接口类型和它的实现类型(以下功能都同理，之后不再赘述)。遵循Service层调用DAO层的原则，首先要在PotUserServiceImpl类中定义一个私有的PotUserDAO对象(多态)。然后分别定义用户注册和判断用户名是否存在的方法，在方法中通过类成员位置定义好的PotUserDAO对象来调用DAO层的方法。PotUserServiceImpl中的registerPotUser方法和IsExistsByUsername方法，可利用三元运算符，将返回值类型变为boolean类型。
**(4) Web层 ：**
定义PotUserServlet。遵循“Web层调用Service层”的原则，首先在PotUserServlet类中定义一个私有的PotUserService类对象(多态)。PotUserServlet类不去直接继承HttpServlet类，即不直接在PotUserServlet类中重写doPost和doGet方法；而是采用**模板设计模式**，额外定义一个BasicServlet抽象类，让该类去继承HttpServlet方法，并重写doPost和doGet方法；合并doPost和doGet方法，在doPost方法中，先得到一个请求参数action，然后利用action，**反射调用**该action对应的方法。[反射调用——即基本的通过反射机制来调用方法]。对应的，在PotUserServlet类中要定义一个用户注册的方法，只有当action的值与该方法名相同时，BasicServlet中的doPost方法中的反射调用机制才能成功地调用PotUserServlet类中的用于用户注册的该方法。
为防止恶意注册，使用验证码机制,此时需要导入两个jar包，kaptcha和filter。由于Tomcat10统一使用Jakarta，**因此直接使用kaptcha会提示不兼容的报错。解决之道**————在Web层下自定义一个类，eg : CyanKaptchaServlet, 然后将com.google.code.kaptcha.servlet包下的KaptchaServlet类中的代码拷贝过来，将servlet相关的javax全部替换为jakarta。最终使用的就是该自定义的CyanKaptchaServlet。PotUserServlet的register方法中，要根据KAPTCHA_SESSION_KEY来获取session域中保存的已生成的正确的验证码，获取到正确的验证码后，要立即删除session域中的**KAPTCHA_SESSION_KEY**。然后与表单提交的验证码进行比较，若不一致，不进行注册操作，并向前端页面回显相关提示信息(用户名，邮箱，错误信息)。若验证码一致，进行注册操作，首先通过potUserService对象的isExistsByUsername方法判断用户名是否可用，若用户名可用，完成注册功能并转发到注册成功的页面。
PotUserServlet中还需要再单独定义一个判断用户名是否可用的方法，用以回送Ajax异步请求，该方法中要先将验证结果放入到Map集合中，再返回该Map集合的JSON字符串形式.(此处需要用到JSON相关的jar包)
**(5) 前端 ：**
为注册表单的提交按钮绑定点击事件，通过正则表达式对用户输入的数据进行校验，若不匹配则拒绝提交并给出提示信息。为注册表单的验证码图片绑定点击事件，使得用户每次点击该图片，都会访问"<%=request.getContextPath()%>/cyanKaptcha?date=" + new Date(),以生成一张随机的新的验证码图片.为用户注册表单的用户名输入框绑定失去焦点事件,使用Ajax发送异步请求，即时判断该用户名是否可用。
## 2.用户登录 :
### 2.1 演示
注册成功后，用户可以在首页点击"Log in|Sign up"进行登录操作，如下图所示 :
同用户注册一样，如果用户输入的用户名，密码或验证码不合法，则无法登录。若输入信息合法但用户名或密码错误，则登录失败。
登录成功后，跳转到登录成功页面。如下图所示 :
### 2.2 实现思路
**(1) 创建表和对应的JavaBean类 :**
沿用pot_user和PotUser.
**(2) DAO层 :**
在PotUserDAOImpl类中新实现一个queryPotUserByUsernameAndPassword方法，该方法通过传入的用户名和密码，来判断数据库中是否存在该用户。注意，密码仍然要使用MD5加密模式，否则找不到。
**(3) Service层 :**
login方法中调用DAO层的queryPotUserByUsernameAndPassword方法，返回一个PotUser对象。
**(4) Web层 ：**
为防止恶意破解密码，刷票，灌水等行为，用户登录也要使用验证码机制，使用方式及原理同用户注册，此处不再赘述。
定义一个login方法。首先根据用户传入的用户名和密码构建一个只有username和password不为空的PotUser对象。然后通过调用Service层中的login方法返回一个PotUser对象。判断该对象如果不为空，说明用户名密码存在且正确，登录成功，将正确的PotUser对象放入到session域中，并请求转发到登录成功页面。若判断为空，说明该用户不存在，可能是用户名或密码输入错误，因此要回显给前端页面提示信息，回显的工作可以通过放入request域 + EL表达式实现。
**(5) 前端 ：**
为用户登录表单的提交按钮绑定点击事件，通过正则表达式对用户输入的数据进行校验，若不匹配则拒绝提交并给出提示信息。为登录表单的验证码图片绑定点击事件，使得用户每次点击该图片，都会访问"<%=request.getContextPath()%>/cyanKaptcha?date=" + new Date(),以生成一张随机的新的验证码图片.首页需要判断当前是否有用户登录，并根据用户是否登录，给出不同的功能界面。
## 3.管理员后台登录 :
### 3.1 演示
管理员登录的页面不对外开放，用户在首页看不到管理员的登录页面，只有管理员知道该页面在哪儿，如下图所示 :
管理员也可以作为用户登录。但是，若在管理员登录界面登入，将直接进入摆设后台管理页面，也就是说，管理员在执行管理操作时，并不参与普通用户的功能。
### 3.2 实现思路
**(1) 创建表和对应的JavaBean类 :**
新创建pot_manager表以及对应的PotManager类.(区别于普通用户，管理员有自己的表和对应的JavaBean,以及自己的一套DAO-Service-Web实现)
**(2) DAO层 :**
DAO层实现与普通用户登录时相似，定义queryPotManagerByUsernameAndPassword方法查询pot_manager表中有无对应的管理员。注意，查询密码时仍然要使用MD5加密的格式，否则查不到。
**(3) Service层 :**
同普通用户登录类似，login方法中调用DAO层的queryPotManagerByUsernameAndPassword方法，返回一个PotManager对象。
**(4) Web层 ：**
定义一个login方法。首先根据传入的用户名和密码构建一个临时的PotManager对象。调用potManagerService中的login方法，通过该临时对象得到一个从数据库中查询得到的PotManager对象。判断该对象如果不为空，说明用户名密码存在且正确，登录成功，将正确的PotManager对象放入到session域中，并请求转发到后台管理页面manage_menu.jsp。若判断为空，说明该管理员不存在，可能是用户名或密码输入错误，因此要回显给前端页面提示信息，回显的工作可以通过放入request域 + EL表达式实现。PS : 将正确的PotManager对象放入到session域中的同时，还要将该PotManager对象的id，此处key命名为mgrId，单独放入到request域中，此举的目的是为了服务于前端页面，前端页面会根据request域中是否存在该mgrId，来给出不同的服务(通过JSTL的标签实现)。并且，由于管理员和普通用户之后会共用order.jsp以及order_detail.jsp，因此也可以用这种方法来区分当前访问页面的是管理员还是普通用户[体现出了request域的精确性]。
**(5) 前端 ：**
manage_login.jsp依然是为提交按钮绑定点击事件，通过正则表达式对传入的数据进行前端的校验.
## 4.摆设管理(展示，添加，修改，删除) :
### 4.1 演示
管理员登录后会进入后台管理页面，如下图所示 :
后台管理页面会显示当前管理员的username，在后台管理页面可以进入“摆设管理”和“订单管理”两大界面。(只有这三个页面会显示管理员的username)
摆设管理界面如下 ：
摆设要进行分页展示。
在摆设管理页面furn_manage.jsp，可以进行摆设的修改，删除和添加；其中，摆设的修改会单独跳转到furn_update.jsp页面，而摆设的添加会单独跳转到furn_add.jsp页面。
### 4.2 实现思路
**(1) 创建表和对应的JavaBean类 :**
新创建furnishing表以及对应的Furnishing类。为了实现摆设管理界面的分页显示，需要在domain包下额外定义一个Page类，Page并不与数据库中某一张真正的表相对应，而是一个抽象出来的数据模型，对furnishing表进行了处理，包含了你想要展示的furnishing表中的特定部分，也包含了分页相关的各种信息(总共的记录条数；每张分页要展示的记录条数；总共的分页数；当前分页的页码；分页要展示的所有摆设的集合；以及用于前端进行分页导航处理的url)；并且，为提高可扩展性，应该给Page数据模型一个泛型.
**(2) DAO层 :**
摆设展示————定义一个queryFurnishings方法用于获取所有的摆设，返回一个List集合。
摆设添加————定义一个addFurnishing方法，以对象的形式为INSERT INTO语句中的参数赋值。
摆设修改————定义一个queryFurnishingById方法，用以前端页面修改摆设时的数据回显；再定义一个updateFurnishing方法，用于提交修改后的数据到数据库中。
摆设删除————定义一个deleteFurnishing方法，根据摆设唯一对应的id，从数据库furnishing表中删除对应的记录。
分页展示的实现————1>通过统计函数COUNT(*)统计数据库中furnishing表中总共的记录条数，并以intValue返回。2>通过分页查询LIMIT start rows语句获取furnishing表中要展示的数据。
**(3) Service层 :**
摆设展示————Service层调用DAO层，DQL语句。
摆设添加————Service层调用DAO层，DML语句，返回受影响的行数。
摆设修改————Service层调用DAO层，DQL语句返回要修改的摆设;DML语句执行修改操作.。
摆设删除————Service层调用DAO层，DML语句，返回受影响的行数。
分页展示的实现————定义一个getPage方法,对Page抽象数据模型进行初始化；之前在DAO层定义的统计furnishing表中总的记录条数的方法和通过分页查询获取展示数据的方法都是为Service层的getPage方法进行服务的；getPage方法需要传入两个形参，pageNumber和rows，rows的作用自不必多说，pageNumber是当前分页的页码，该参数用于计算分页查询中的start, start = (pageNumber - 1) * rows, 得到start后，就可以通过调用DAO层定义的分页查询的getPageItems方法获取要展示的items集合; 分页总数pageAmount用recordSum / rows计算得出，需要注意的是，若recordSum % rows > 0，代表有记录数不足rows的一页，需要对pageAmount + 1；通过Page抽象数据模型提供的setter方法完成对Page对象的初始化，最后返回Page对象。
**(4) Web层 ：**
摆设展示————Web层调用Service层，定义paging方法，获取请求参数中的pageNumber和rows，然后调用Service层的getPage方法得到page对象；将page对象放入到request域中，然后请求转发到摆设管理页面furn_manage.jsp。
摆设添加————使用Apache的BeanUtils来完成数据的封装,调用Service层的addFurnishing方法完成摆设的添加；furn_manage.jsp的Add超链接将最后一页的页码传入，以实现“添加摆设”后自动跳转到最后一页(通过请求参数中的pageNumber属性，请求重定向到用于分页展示的paging方法)。
摆设修改————较为复杂。首先需要listSpecificOne方法用于给管理员回显要修改的摆设的数据，将要修改的摆设对象放入到request域中，然后请求转发到furn_update页面；其次，当管理员提交修改操作时，调用需update方法。要用户“文件上传与下载”的三个jar包。首先根据id获取到要修改的摆设对象，该对象是一个临时对象，为了达到“取出--修改--放入--再取出”的目的；通过文件上传与下载jar包中的一套API得到表单提交的数据的集合，然后遍历获取到的集合，如果是文本类型，就一一判断各自是什么文本类型，通过Furnishing对象的setter方法修改对应的属性；如果是文件类型，说明要修改摆设的图片，创建目录，写入文件，然后修改furnishing对象的imgPath属性。[**尤其要注意路径相关的问题**]，最后，在通过调用Service层的updateFurnishing方法，完成对数据库中数据的更改，和摆设添加同理，也要通过请求参数获取当前的pageNumber，然后请求重定向到用于分页展示的paging方法，不过同摆设添加时不一样的是，摆设修改后要停留在修改摆设的那一页。
摆设删除————通过id删除指定摆设，删除成功后，请求重定向到删除时所在分页。
**(5) 前端 ：**
摆设展示————每一分页都通过JSTL的标签循环展示request域中的page对象的items属性中保存的摆设；使用分页导航实现分页展示的功能，借助JSTL的标签，通过算法控制显示的页数。
摆设添加————furn_manage.jsp页面点击Add Furnishing, 会跳转到furn_add.jsp页面。
摆设修改————在furn_update.jsp页面中，前端要通过正则表达式对数据进行校验。注意，修改摆设数据的表单的action属性中，要通过EL的内置对象param取出pageNumber属性，并传递下去。
摆设删除————为删除按钮绑定点击事件，通过confirm方法确认管理员是否要删除摆设。.
## 5.首页展示摆设 :
### 5.1 演示
web工程启动后，会自动跳转到首页，如下图所示 :
首页要求分页展示。
若检测到用户未登录，首页仅提供"Log in|Sign up"，并且操作购物车时会自动跳转到用户登录页面；若用户已登录，则显示Order Admin和Log out功能模块。
### 5.2 实现思路
表及domain : 不需要新建新的表，使用furnishing表。
DAO层，Service层及Web用到的API与“首页搜索功能”高度重合，可以说是“首页兼容”功能兼容了"首页展示"的功能。
下文见"首页搜索"的演示及实现思路。
## 6.首页搜索摆设 :
### 6.1 演示
首页搜索摆设关键词，可以找到指定的摆设，如下图所示 :
### 6.2 实现思路
**表及domain :**
不需要新建新的表，使用furnishing表。
**DAO层 :** FurnishingDAOImpl类，在后台管理"摆设分页展示"用到的获取总的记录条数的getRecordSum方法和获取展示记录的getPageItems方法的基础上，另外定义getRecordSumByName方法和getPageItemsByName方法，顾名思义，就是在原来这俩方法的基础上，增加对name的校验————即增加LIKE模糊查询。另外，第五个功能“首页展示”，底层也要用到这俩个方法;因此，需要在WHERE子句中增加对stock库存的校验，要求`stock` > 0。
**Service层 :**
FurnishingServiceImpl类，区别于getPage方法，另外定义一个getPageByName方法，相比于getPage方法要多传入一个形参name，即用户在首页搜索摆设时从表单input输入的值。Service层的getPageByName方法，自然会调用到DAO层的getRecordSumByName和getPageItemsByName方法，但是整体上和getPage方法几无二致。
**Web层 :**
区别于面向管理员的实现“摆设后台管理”的FurnishingServlet，由于“首页展示”和“首页搜素”都只针对于普通用户的，因此此处要另外定义一个PresentToUsersServlet类，用于完成首页的分页展示(包括了搜索结果的分页展示),PresentToUsersServlet类依然要继承自BasicServlet类。在PresentToUsersServlet类中定义一个pagingByName方法，通过req对象获取请求参数中的name，注意，若传入的参数携带有name但没有值，接收到的name = ""，若传入的参数没有携带name，接收到的name = null；利用 if 条件语句，将name = ""和name = null的两种情况合并起来，使得两种情况下的name均为""，根据DAO层sql语句中模糊查询的特点，name=""，相当于%%，会返回所有的摆设，从而实现了“首页分页展示”和“首页搜索”两个功能共用一个方法。构造一个StringBuilder类型的字符串表示url，若name不为""，就通过append方法在url中追加name；设置page对象的url属性，请求转发到首页index.jsp。如下图所示 :
**前端 :**
隐藏真正的首页index.jsp，在web包下另定义一个index.jsp用作入口页面，使用JSTL请求转发标签转发到真正的隐藏起来的首页index.jsp,如下图所示 :
通过EL表达式取出Page对象的url属性，即可实现首页的分页导航。注意，“首页展示”和“首页搜索”功能下，该url的值是不同的，区别就是那个name。
此外，前端要通过JQuery为分页导航按钮绑定事件，防止“页码越界”和“无效点击”。
在“首页搜索”的表单中，通过hidden类型的input标签提交pageNumber,rows和action。
## 7.用户退出 :
### 7.1 演示
在首页点击Log Out,会跳出确认弹窗，如下 :
退出成功后会跳转回首页，如下 ：
### 7.2 实现思路
表及domain : 不需要新建表，使用pot_user表即可。
DAO层 : 只是退出网站的登录状态，并不是删除用户，因此PotUserDAOImpl无变化。
Service层 : 没有涉及到直接与用户本身相关的业务，即没有直接对用户操作，因此PotServiceImpl无变化。
Web层 : 定义一个logout方法，在该方法中，首先令当前的session会话立刻无效，然后请求重定向到首页即可。
## 8.购物车管理 ——（展示，添加，修改，删除，清空） :
### 8.1 演示
鼠标悬浮到首页的图片上，会显示“Add to Cart”按钮，点击可以将商品添加到购物车，如下图所示 :
点击首页的Shopping Cart，可以查看自己的购物车，如下图所示 :
在购物车界面可以对购物车中的任意商品进行修改或删除操作，如下图所示 :
购物车界面的左下角会实时的显示当前购物车中总共的商品种数，以及总共的价格，点击右下角的"CLEAR ALL"可以清空购物车。如下：
### 8.2 实现思路
**表及domain :**
设计将购物车中的数据保存到数据库中，新建一张shopping_cart表用于存储所有的购物车数据。使用fid(摆设id),和uid(用户id)来唯一确定shopping_cart表中的一项条目。shopping_cart表字段的设计如下图所示 :
对应的JavaBean类定义为CartItem，表示购物车中某一具体的条目。
**DAO层 :**
购物车展示———— ShoppingCartDAOImpl类中定义一个queryCartItemsByUid方法，该方法根据uid返回指定用户所有的购物车条目。
购物车添加———— 由于用户在首页面添加购物车时会出现两种情况————(1)之前没添加过该商品，第一次添加；(2)已经添加过该商品，不是第一次添加；因此ShoppingCartDAOImpl类中也要根据这两种情况定义不同的方法。对于(1)情况，定义addCartItem方法，INSERT INTO语句完成表的添加操作；对于(2)情况，定义updateCartItem方法，通过UPDATE语句完成表的修改操作，注意，此处的updateCartItem中的SQL语句写成了固定格式————即数量 = 数量 + 1,总价 = 总价 + 单价；因为updateCartItem只是为首页重复添加商品而服务的，所以采用了“逐次增1”的思想，并不等同于“摆设修改”的方法。
购物车修改———— 定义updateCntAndTotalPrice方法，当用户在购物车中修改指定商品的数量时，底层会根据该方法，修改op数据库shopping_cart表中对应条目的cnt和total_price字段；还需要定义一个querySpecificCartItemByFidAndUid方法，该方法的目的是为了取出数据库shopping_cart表中要修改的条目，返回一个临时的CartItem对象，利用了"**取出--修改--放入--再取出**"的思想。
购物车删除———— 定义deleteCartItem方法，根据传入的fid和uid删除shopping_cart表中唯一对应的购物车条目。
购物车清空———— 定义deleteAllCartItems方法，根据传入的uid删除指定用户的所有购物车条目，即清空指定用户的购物车。
**Service层 :**
购物车展示———— Service层调用DAO层，返回List类型。
购物车添加———— Service层调用DAO层，传入CartItem cartItem, Integer uid两个形参。首先通过querySpecificCartItemByFidAndUid方法判断该条目是否已经在购物车中了，如果是，就调用DAO层的updateCartItem方法对该商品进行“逐个增1”，如果不是，就调用DAO层的addCartItem方法，将新的条目添加到shopping_cart表中。
购物车修改———— Service层调用DAO层，updateCntAndTotalPrice方法需要传入CartItem cartItem, Integer uid两个形参。
购物车删除———— Service层调用DAO层，传入Integer fid, Integer uid用以确定shopping_cart表中唯一的条目。
购物车清空———— Service层调用DAO层，传入uid即可。
**Web层 :**
购物车展示———— 在ShoppingCartServlet类中定义一个showCart方法，首先获取请求参数中的uid，判断当前是否有用户正确登录，如果没有，就请求重定向到用户登录页面login.jsp;若用户已经正确登录，Web层调用Service层的queryCartItemsByUid方法，得到当前用户购物车中的所有数据List，然后放入session域中，此外，还需要遍历拿到的List，计算出该用户购物车中所有商品的总价totalPrice,也放入到session域中，此举是为了给前端页面能够即时显示购物车中总的商品的价格。
购物车添加———— 仍然使用Apache提供的工具类BeanUtils完成对数据的封装，通过CartItem对象的uid属性判断用户是否正常登录，若没有，则请求重定向到用户登录页面;若已经合法登录，Web层调用Service层的addCartItem(cartItem, cartItem.getUid())方法，完成购物车的添加。此外，首页在点击“Add to Cart”添加商品时，还需要将pageNumber和rows通过请求参数的方式传入ShoppingCartServlet，ShoppingCartServlet通过/presentToUsersServlet的分页方法pagingByName，使得用户在第几页添加到商品，添加后就停留在第几页。
购物车修改———— 不多说，利用了"**取出--修改--放入--再取出**"的思想，直接看代码，注意要更新session域中的cartItems和totalPrice属性。
购物车删除———— Web层调用Service层，传入Integer fid, Integer uid删除唯一确定的条目，删除成功后，请求重定向到showCart方法。
购物车清空———— Web层调用Service层，传入uid即可，清空后，请求重定向到showCart方法。
**前端 :**
购物车展示———— 使用JSTL遍历cartItems集合，循环显示摆设；通过List集合的size方法，获取当前购物车中总的条目数；通过已经放入到session域中的totalPrice属性，获取当前购物车中总的价格。
购物车添加———— 在首页index.jsp中，通过标签包裹标签的形式，发出HTTP请求。
购物车修改———— 利用前端代码，将js文件中的一部分代码拷贝过来加以利用(将前端js文件中对应的源码注释掉)，获取购物车中摆设的实时数量cnt，然后通过location.href=发出HTTP请求。
购物车删除———— 通过JQuery绑定点击事件，确认用户是否删除。
购物车清空———— 通过JQuery绑定点击事件，确认用户是否清空。
## 9.订单管理 :
### 9.1 演示
在购物车中，点击"CHECKOUT"即可进行结账，如下图所示：
若当前购物车中没有添加任何商品，点击结账会提示信息，如下图所示 :
结账成功后，会生成唯一订单号，如下：
点击订单号/Order Admin，会跳转到订单管理页面(管理员可以查看所有用户的订单，普通用户只能查看自己的所有订单)，如下所示:
可以查看每个订单的详情页，详情页会显示当前订单包含了哪些商品，如下图所示 :
### 9.2 实现思路
**表及domain :**
设计两张表：order和order_item,order表用户存储所有的订单信息，因此，order表显然要包括uid，number,date_time这些字段；order_item，见名知意，用以保存订单中的所有订单项，除了商品信息相关的字段外，显然还要包括order_number字段。PS：为保证性能，未设置外键约束。
定义对应的JavaBean类Order和OrderItem。
“订单管理”的实现有一个特点———定义的OrderDAOImpl和OrderItemDAOImpl两个DAO，仅服务于OrderServiceImpl一个Service，不再定义其他Service。
**DAO层 :**
生成订单———— OrderDAOImpl类中定义saveOrder(Order order)方法，用以将生成的订单的数据保存到op数据库中的order表中；对应地，OrderItemDAOImpl类中要定义saveOrderItem(OrderItem orderItem)方法，用以将每一个订单项数据保存到op数据库中的order_item表中。
显示订单———— OrderDAOImpl类中分别定义queryAllOrders()和queryOrdersByUid(Integer uid)两个方法，分别用于管理员查看所有用户的订单 和 普通用户查看自己的订单；OrderItemDAOImpl由于与订单本身并无直接关系，因此不需要定义方法。
订单详情———— OrderItemImpl类中定义queryOrderItems(String orderNumber)方法，根据传入的订单编号orderNumber从数据库中的order_item表查询该编号对应的订单的所有订单项信息，返回List类型。
**Service层 :**
生成订单———— OrderServiceImpl中要同时调用4个DAO，这是因为“生成订单”相当于购买成功了，所以“生成订单”的方法要同时涉及order,order_item,furnishing,shopping_cart四张表；Service层调用DAO层，定义saveOrder(BigDecimal sums, List cartItems, Integer uid)方法，该方法要同时完成四件事情：(1)生成一张订单，并将该订单保存到order表中 (2)将生成订单的全部订单项，依次保存到order_item表中 (3)修改furnishing表中对应的sales和stock (4)清空当前用户的购物车(需要操作到shopping_cart表)，该方法最终要返回生成订单的订单号.
对于如何生成订单，首先要获取一个唯一的订单编号，使用System.currentTimeMillis() + "" + uid拼接的形式，然后调用DAO层的saveOrder方法；遍历传入的List集合，通过调用DAO层的saveOrderItem方法，在遍历的同时将每一项保存到order_item方法中；通过furnishingDAO.queryFurnishingById(cartItem.getFid())得到当前商品在furnishing表中的对应的记录，数据保存到Furnishing对象中，通过setter方法修改sales和stock字段的值，然后再调用furnishingDAO.updateFurnishing(furnishing)将修改操作提交到数据库中；最后在遍历结束后，调用shoppingCartDAO.deleteAllCartItems(uid)清空当前用户的购物车。
显示订单———— Service层调用DAO层。
订单详情———— Service层调用DAO层。
**Web层 :**
生成订单———— Web层调用Service层，在OrderServlet中定义saveOrder方法，获取session域中的totalPrice,cartItems,和PotUser属性，并对它们进行后端的校验；将返回的订单编号放入到session域中，并请求重定向到checkout.jsp页面。
显示订单———— 普通用户在checkout.jsp页面点击订单号后发出HTTP请求访问OrderServlet的showMyOrders方法，该方法将获取到的订单的集合放入到request域中，并请求转发到order.jsp。
订单详情———— showOrderItems方法如下图所示 :
该方法请求转发到order_detail.jsp页面。
**前端 :**
生成订单———— 用户在购物车页面结账时，进行前端校验，防止生成空订单；OrderServlet的saveOrder方法生成订单后，进入checkout.jsp页面，通过EL表达式取出session域中的订单编号orderNumber。
显示订单———— 利用JSTL的标签，判断request域中是否存在mgrId属性，以此来判断发出请求的是普通用户还是管理员；如果mgrId存在，显示所有用户的订单，反之，仅显示当前用户的订单。同时，菜单栏也要利用JSTL的标签，判断是普通用户还是管理员，显示不同的功能，如下图所示 :
。
订单详情———— 菜单栏的功能变化及实现与order.jsp同理；通过EL表达式取出request域中保存的orderItems,totalPrice。
## 10.上传更新摆设图片 :
### 10.1 演示
在furn_update.jsp页面中，
选择文件后，提交即可更新摆设图片，如下所示:
### 10.2 实现思路
(1)在furn_update页面增加关于上传文件的css/js代码。
(2)修改furn_update页面中的提交表单(新增enctype属性;将img标签使用div包起来，在该div中增加一个之前用过的type=file的input标签)
(去除hidden标签，直接追加到url后)
(3)更新FurnishingServlet中的update方法(因为前端表单中修改了enctype属性为multipart/form-data，因此不能再使用BeanUtils进行数据的封装)
[update方法中就是正常"上传文件"的代码]
(4)同之前“修改摆设”一样，修改后要跳转到修改前所在的页面(包括分页页码也要一致)
(5)若发现管理员在修改摆设时没有上传新的图片，就不对摆设图片作处理。
PS : 以代码实践为主。
# 三、项目优化
## 1.配置过滤器
在web.xml配置文件中配置两个过滤器(PotManagerFilter和PotUserFilter，分别用来拦截对后台管理页面和用户前台页面的非法访问。注意，对于两个登录页面要给予放行)
## 2.操作数据库的事务控制
事务管理是为了确保数据库中表的数据的一致性。
(1)对JDBCUtilsDruid工具类进行升级，增加private static ThreadLocal threadLocalConn = new ThreadLocal<>();属性。新定义一个获取连接的方法，该方法先从ThreadLocal中获取连接，如果判断该连接为空，就从连接池中获取一个连接，紧接着开启一个事务，然后将该连接放入到ThreadLocal中进行绑定，保证每次访问数据库时从连接池获取的连接都是同一个。再单独定义一个提交事务的方法commit，通过Connection封装好的commit方法进行事务的提交，commit后，需要调用threadLocalConn.remove()方法把threadLocal中绑定的connection数据清除掉，这是因为Tomcat底层使用线程池技术，若一个连接长期被ThreadLocal持有，会影响运行效率。单独定义一个rollback方法用于回滚，通过Connection封装好的rollback方法进行事务的回滚。
(2)JDBCUtilsDruid工具类中的commit和rollback方法中已经关闭连接，所以可以撤掉BasicDAO中关闭连接的部分。
(3)另定义过滤器TransactionFilter，利用Filter的特性(最后执行后置代码)，完成事务控制:
