1、 长 沙 学 院 课程设计说明书 题目 Web 应用程序设计 系 ( 部 ) 数学与计算机科学系 专业 ( 班级 ) 姓名 学号 指导教师 起止日期 2015.11.30 2015.12.11 课程设计任务书 课程名称： Web 应用程序课程设计 设计题目： 网上商店前台功能的设计与实现 已知技术参数和设计要求： 1. 问题描述 （功能要求）： （ 1） 分析设计一个网上商店的前台功能部分。完成本系统的如下功能： 用户注册和登陆 展示特定的某类商品：展示的方式有多种，可以按类别 、按销售排行榜、按上架时间等，有层次的展示商品，提高用户的购买兴趣。对于某种商品，除显示商品信息以外，还可以附加评论
2、、推荐相关类型商品。 商品查询：根据多种条件来查询，比如商品名称、价格、颜色等特征信息。能进行模糊匹配，包含关键字的商品都能查到。 购物车：只有注册用户才能购买。为用户提供购物车，购物车内同类商品的数量可以修改，也可以删除购物车里已有的商品。购物车信息保存，便于下次购物时继续选购商品。 2. 运行环境要求： 正确安装、配置和运行 Tomcat。 正确安装、配置和运行 MyEclipse。 正确 安装、配置和运行 MySQL 数据库和 JDBC 驱动程序。 3. 技术要求： 要求使用 Java 语言，利用面向对象的方法、编程思想来完成系统的设计；在设计的过程中，建立清晰的类层次；在系统设计中要分
3、析和定义各个类，每个类中要有各自的属性和方法。 写出需求分析， UML 设计图，数据库设计图。 设计工作量： 40 课时 工作计划： 1.班级 13 计科 1、 2 班、 13 信息 1、 2 班 2.课时及教室安排 4 课时：相关知识介绍。机房内多媒体教室 10 课时：设计。普通教室。 2426 课时：上机、调试。计算机系机房 46 课时：调试答 辩。计算机系机房 长沙学院课程设计鉴定表 姓名 学号 3 专业 班级 设计题目 Web 应用程序课程设计 指导教师 指导教师意见： 评定等级： 教师签名： 日期： 答辩小组意见： 评定等级： 答辩小组长签名： 日期： 教研室意见： 教研室主任签名：
4、 日期： 系（部）意见： 系主任签名： 日期： 说明 课程设计成绩分“优秀”、“良好”、“中等”、“及格”、“不及格”五类； 摘要 为了更好的巩固和加强本学期所学的知识，把所学的东西转化为实际应用。我们学习了 MyEclipse、 Dreamweaver、 Tomcat 等应用程序的使用。并应用了 SQL 语言。对数据库的创建、修改、删除方法有了一定的了解。通过导入表和删除表、更改表学会了对表的一些操作。为了建立一个好的合理的网上商店，我们必须经过需求分析、数据逻辑分析、用户接口类设计及界面布局的设计。最后编码实现，调试及系统维护的一般过程，为毕业设计打下 基础。 需求分析阶段，建立 UML
5、用例图，并给出复杂用例（如“展示商品”）的功能说明。数据逻辑分析阶段，建立数据存储结构，类图， ER 图。用户接口类设计阶段，并建立实体类之间的关系，界面布局的设计阶段，使用Dreamweaver 应用程序进行设计，使用 CSS、 HTML 语言进行实现。 通过网上书店的构造以及用户的信息、购物车的信息、还有商品的相关信息制成表格，输入到数据库中，使之能够进行查询、修改、删除、插入并且与网上商店执行相同的操作。 关键词： MyEclipse、 Dreamweaver、 SQL 语言、数据存储结构 、 UML 用例图、CSS、 HTM 目录 1 需求分析 . 1 1.1 UML 用例图 . 1
6、1.2 ER 图 . 3 2 程序设计 . 4 2.1 实体类 . 4 2.2 用户接口类 . 5 2.2.1 登录界面 . 5 2.2.2 注册界面 . 6 2.2.3 主界面 . 7 2.2.4 商品详情页面 . 8 2.2.5 购物车界面 . 9 3 编码 .10 3.1 程序流程图 .10 3.2 模块列表 . 11 4 测试 . 11 4.1 用户登录 .12 4.2 用户注册 .14 4.3 用户注销 .16 4.5 商品浏览 .17 4.6 商品搜索 .18 4.7 商品购买 .20 4.8 从购物车中删除 .25 5 总结 .26 参考文献 .27 附录 .28 附录 A 部分
7、程序源代码 .28 1 1 需求分析 1.1 UML 用例图 图 1-1 用例图 用 例说明： 用例：商品查询 参与者：游客或者用户 说明： 1. 游客或者用户进入主页，用例开始。 2. 游客或者用户在搜索框输入搜索关键字。 3. SearchServlet 接收到关键字，调用 SearchDAO 的相关方法，找出与之相关的商品。 4. SearchServlet 将 SearchDAO 获得的商品信息保存到 request 中，并且转发到 jsp 页面。 5. Jsp 将搜索到的商品显示出来。 2 用例：查看购物车 参与者：游客或者用户 说明： 1. 游客或用户在主页点击商品进入商品详情页面
8、。 2. 游客或者用户在商品详情点击查看购物 车图标。 3. CartServlet 判断用户是否已经登录，若用户还没有登录，则提示用户先去登录。 4. 用户去登录后，在 Login 这个 Servlet 中调用 CartDAO 中相应的代码将数据库 cart 表中该用户对应的记录，读取出来存入 session 中。执行步骤 5。 5. 若用户已经登录，则跳转到 cart.jsp 将 session 中该用户所有的购买信息读取，并显示出来。 用例：购买商品 参与者：用户 说明： 1. 用户在主页点击商品进入商品详情页面。 2. 游客或者用户在商品详情点击加入购物车图标。 3. CartServ
9、let 将购买记录存入 session 中。同时，调用 CartDAO 的相关方法，将该记录插入数据库 cart 表中。 4. 弹出窗口显示购物信息。 5. 回到商品详情页面，点击查看购物车就可以查看相关的购物记录。 3 1.2 ER 图 1 1 n 1 n n 1 1 1 1 n 1 n 1 图 1-2 ER 图 订单项 (orderitem) 商品 (goods) 商品种类 (category) 评价 (discuss) 用户 (user) 拥有 包含 关于 属于 id name password statue id userid statue id orderid goodid number statue id catid name price image descript author statue id name statue id goodid comment statue 商品订单 (order) 购物车项(cartitem) userid goodsid number stock 4 2 程序设计 2.1 实体类 图 2-1 实体类图
