详细设计基于J2EE架构的网上商城设计与实现

南昌航空大学软件学院东软班 详细设计报告 版本：1.01基于 J2EE 网上商城设计与实现详细设计总页数 22 正文 19 附录 生效日期编制 批准南昌航空大学软件学院东软班 详细设计报告 版本：1.02修 改 履 历修改编号 日期 修改人 版本号 修改内容1 0.1.0 初始做成2 0.1.1 一次修改南昌航空大学软件学院东软班 详细设计报告 版本：1.03目 录1 引言 .11.1 编制目的 .11.2 参考资料 .11.3 系统开发环境 .11.4 词汇表 .12 系统开发环境 .43 系统设计思路 .44 系统公用代码设计 .54.1 数据访问工具类 .54.2 数据转换工具类 .54.3 数据 JAVABEAN 类 .64.4 404.JSP， 500.JSP .74.5 CSS: CSS.84.6 页面图片文件夹：IMAGES .85 功能模块设计 .95.1 用户前台模块设计 .96 数据库设计 .166.1 功能说明 .166.2 数据表设计 .176.3 视图设计 .196.4 序列设计 .19南昌航空大学软件学院东软班 详细设计报告 版本：1.011 引言1.1 编制目的本报告详细描述网上商城系统的统计子系统的整体设计，达到指导开发的目的，同时实现和测试人员及用户的沟通。本报告面向详细设计人员、开发人员、测试人员及最终用户而编写，是了解系统的导航。1.2 参考资料耿祥义,张跃平.JSP 实用教程. 清华大学出版社,2003 年 5 月 1 日:1-354朱红,司光亚.JSP Web 编程指南.电子工业出版社, 2001 年 9 月:34-3071.3 系统开发环境1.4 词汇表词汇名称 词汇含义 备注商品类别显示 以树状图的方式显示商品类别 1.进入首页后，在首页左侧显示商品类别；商品类别列表以树状图的方式显示。2.点击树状图中类别名，可根据商品类别查询商品显示购物车简要信息简要信息可包括: 购物中商品总个数，商品种类总数，总金额等1.进入首页后, 在首页左侧显示购物车简要信息；简要信息可包括: 购物中商品总个数，商品种类总数，总金额等；2.用户可点“进入购物车”链接，直接进入购物车管理南昌航空大学软件学院东软班 详细设计报告 版本：1.02页；前台用户注册 在用户注册页面输入用户名、密码、确认密码、真实姓名、性别、出生日期、电子邮箱、电话号码、地址、邮编等信息后,点 提交按钮，进行客户端验证，验证通过后进行注册，如注册失败提示失败原因及验证要求:1)用户名: 必填； 且必须是英文字母或数字, 长度 3-15；2)密码: 必填； 且长度3-15；3)确认密码: 值要和密码框的值相同4)真实姓名: 必填； 中文，2-10 个字符。5)出生日期: 必填，格式yyyy-mm-dd，按此日期算出的年龄应大于等于 10 岁。6)电子邮箱: 必填, 且格式要正确；7)电话号码: 必填, 且是数字；8)地址: 必填, 且长度不能大于 100；9)邮编: 必填, 且是 6 位数字购物车管理 以表格的方式显示购物车的商品信息和汇总信息 1.在购物车管理页中, 以友好方式显示购物车的商品信息和汇总信息； 如购物车中无商品，则提示；商品信息包括: 商品名称，商品缩略图，商品单价，商品数量，商品小计；南昌航空大学软件学院东软班 详细设计报告 版本：1.03汇总信息包括: 商品总价，商品总个数，商品种类数；2.可以修改购物车中某种商品的数量，用户输入的新商品数量需是大于 0 的数字,并且不能大于商品库存数。3.可以删除购物车中某种商品。4.单击“清空购物车”可以清空购物车。5.单击“继续购物”可以回到首页继续购物。6.单击“结算中心”去结算下订单显示用户订单 简要信息内容如：订单编号；下单时间；订单状况；订单金额；商品总数；用户可根据下单日期,审核状态查询订单；用户可在简要信息列表中点“查看订单”查看某订单的详细信息（包括所购买的商品） ；商品类别菜单显示 产品分类显示 it 及外设，通讯设备，办公设备，时尚数码1.进入首页左边显示可伸缩的树状菜单产品分类。2.点击产品分类显示 it 及外设，通讯设备，办公设备，时尚数码商品类别添加 选择父类别，输入类别名称后保存。父类别包括“无”+所有大类别。说明：如果添加的是大类，父类别选择“无”验证要求：1) 类别名称长度3-15。各大类别名称之间不能重复，南昌航空大学软件学院东软班 详细设计报告 版本：1.04同一个大类的小类名称之间也不能重复.不同大类之间的小类名称允许重复2 系统开发环境操作系统： Win7集成开发工具：MyEclipse 8.5编译环境：J2SDK 1.6Web 服务器：Tomcat 6.03 系统设计思路本系统按设计模式分，整个商城系统采用 BrowserWebDatabase 的三层体系结构。采用 Tomcat 作为 Web 服务器，开发工具采用 JSP，数据库则采用了 MSSQL SERVER。选择 JSP，主要是因为 JSP 秉承了 Java 语言的优势，真正与平台无关。具有真正的跨平台特性，可以在任何服务器中运行；具有标准的数据库接口，可以简单快捷地访问任何常见的数据库；开发效率和运行效率更高。而 tomcat 的稳定性则比较好。作为研究，整个前后台用一台机器，即 WEB 服务器、应用服务器和数据库服务器均安装在一台服务器上。按功能划分，本系统可分为用户界面层，业务处理层，数据存储层三层架构用户晃面层通过统一的接口向业务层发送请求，业务处理层按相应的逻辑规则将请求处理之后进行数据库操作，然后将数据库返回的数据封装成类的形式返回给用户界面层。这样用户界面层甚至可以不知道数据库的结构，它只要维护与业务层之间的接口即可。这种方式在一定程度上增加了数据库的安全性，同时也降低了对用户界面层开发人员的要求。南昌航空大学软件学院东软班 详细设计报告 版本：1.054 系统公用代码设计4.1 数据访问工具类：DBConn4.1.1 功能描述完成访问数据库接口，完成了连接数据库驱动的加载，连接数据库。4.1.2 类、方法描述DBConn 类返回值 方法名 功能 参数说明Connection getConn() 加载完驱动，再完成与数据库的连接空void close(Connection conn,Statement st,ResultSet rs)关闭与数据库的连接 Conn 是完成加载驱动创建的连接，st 是创建的语句，rs 是查询后的结果4.2 数据转换工具类：Validate4.2.1 功能描述完成字符编码转换和验证字符串为数字，英文，特殊字符,完成字符编码的转换。返回值 方法名 功能 参数说明南昌航空大学软件学院东软班 详细设计报告 版本：1.06Int getIntAndChar(String str)是否为数字和英文验证要验证的字符串Int getInt(String str) 是否为整数验证 要验证的字符串boolean getLawlessChar(String str)是否为非法字符验证 要验证的字符串String getUnicode(String str) 将 gb2312 编码转换成unicode 编码要验证的字符串4.3 数据 javabean 类:userLoginBean,adminLoginBean,selectBean,reckoningBean4.3.1 功能描述完成数据模型的转换，由数据库数据模型转换为 java 数据模型4.3.2 类、方法描述UserLoginBean 类返回值 方法名 功能 参数说明Int login(String name,String pwd)普通员用户登陆 Name 用户名字Pwd 用户密码ArrayListgetArrayLst() 普通员数据数组链表 空南昌航空大学软件学院东软班 详细设计报告 版本：1.0 adminLoginBean返回值 方法名 功能 参数说明Int login(String name,String pwd)管理员用户登陆 Name 用户名字Pwd 用户密码ArrayListgetArrayLst() 管理员数据数组链表空 SelectBean返回值 方法名 功能 参数说明ArrayListgetArrayLst() 进行 sql 语句查询，并把查询结果保存到Arraylist 中sql 查询语句args 参数 4.4 404.jsp， 500.jsp4.4.1 功能说明该页面显示捕获的异常信息，并提供返回超链接。4.4.2 设计说明 界面设计图 4-2 404 异常处理南昌航空大学软件学院东软班 详细设计报告 版本：1.08图 4-3 500 异常处理 逻辑设计该页面使用标签显示 Struts 捕获的异常信息。并使用 JavaScript 代码作为返回发生异常的请求。4.5 CSS: css4.5.1 功能说明为本系统各页面提供 CSS 支持，使得样式统一化。4.5.2 设计说明分别为 HTML 基本元素（body 、table、select 、a 等） 、去掉图片和表单边框、按钮、普通信息、分页页码、后台任务链接等设计统一的样式。4.6 页面图片文件夹：imag es4.6.1 功能说明该文件夹中包含了本系统页面需要使用的图片文件。南昌航空大学软件学院东软班 详细设计报告 版本：1.095 功能模块设计5.1 用户前台模块设计5.1.1 功能说明用户通过在线注册成为网站的用户，可以获得以下功能：用户登陆，商品浏览，购买商品，查看订单，修改订单，修改密码，修改个人信息，商品简介、购物车等用户登陆.1模块功能对用户进行身份验证，通过验证则登入系统登录入口取得用户名和密码将 UserID 存入 session 中查询用户是否存在核对密码是否正确登录成功是是 否否南昌航空大学软件学院东软班 详细设计报告 版本：1.0.2界面设计.3 类、方法设计userLoginBean 类该类的功能：对于任务单所有操作均提供相应的方法。返回值 方法名 功能 参数说明Int login(String name,String pwd)普通员用户登陆 Name 用户名字Pwd 用户密码ArrayListgetArrayLst() 普通员数据数组链表 空DBConn 类返回值 方法名 功能 参数说明Connection getConn() 加载完驱动，再完成与数据库的连接空void close(Connection 关闭与数据库的连接 Conn 是完成加南昌航空大学软件学院东软班 详细设计报告 版本：1.011conn,Statement st,ResultSet rs)载驱动创建的连接，st 是创建的语句，rs 是查询后的结果便民公告.1模块功能通过给模块可以在网站上发布公告查询公告修改、删除满意否返回添加公告是否公告模块南昌航空大学软件学院东软班 详细设计报告 版本：1.0.2界面设计.3类、方法设计AddAfficheServlet()类返回值 方法名 功能 参数说明void destroy() 实现父类接口的函数，不做操作空void init() 实现父类接口的函数，不做操作空Void doPost(HttpServletRequest request, HttpServletResponse response)调用函数doGet(request,respons)Request 是从浏览器传过来参数Response 是向浏览器传递数据Void doGet(HttpServletRequest request, HttpServletResponse response)完成 sql 的语句查询公告内容，可以添加公告，然后插入数据库Request 是从浏览器传过来参数Response 是向浏览器传递数据南昌航空大学软件学院东软班 详细设计报告 版本：1.0商品搜索.1模块功能.2界面设计开始搜索输入条件搜索结果查看商品 购物车下订单是否继续搜索南昌航空大学软件学院东软班 详细设计报告 版本：1.0.3类、方法设计searchServlet 类返回值 方法名 功能 参数说明void destroy() 实现父类接口的函数，不做操作空void init() 实现父类接口的函数，不做操作空Void doPost(HttpServletRequest request, HttpServletResponse response)调用函数doGet(request,respons)Request 是从浏览器传过来参数Response 是向浏览器传递数据Void doGet(HttpServletRequest request, HttpServletResponse response)完成 sql 的语句查询，查询的结果放入request,然后跳转页面Request 是从浏览器传过来参数Response 是向浏览器传递数据购物车.1模块功能提供网络用户对所选购商品的订购确定，并选择商品数量。南昌航空大学软件学院东软班 详细设计报告 版本：1.0.2界面.3类、方法设计6 ShoppingServlet()类返回值 方法名 功能 参数说明void destroy() 实现父类接口的函数，不做操作空void init() 实现父类接口的函数，不做操作空南昌航空大学软件学院东软班 详细设计报告 版本：1.016Void doPost(HttpServletRequest request, HttpServletResponse response)调用函数doGet(request,respons)Request 是从浏览器传过来参数Response 是向浏览器传递数据Void doGet(HttpServletRequest request, HttpServletResponse response)获取 books_id,获取购物车修改数量, 然后跳到购物车页面Request 是从浏览器传过来参数Response 是向浏览器传递数据7 数据库设计数据库系统是在文件系统的基础上发展而来的，经历了层次数据库、网状数据库、关系数据库三个阶段。由于关系数据库采用人们比较容易理解和接受的二维表格来组织数据，发展迅速，已成为数据库产品的主流。本系统的前端开发是使用 JSP 技术，通过 JavaBeans 进行逻辑控制和数据库连接，而后台数据库采用的是Mysql。M ysql 数据库管理系统是一项全面完整的数据库与分析产品。M ysql 非常容易学习、使用，介绍、学习资料比较多，M ysql 全面支持 Web 功能的数据库解决方案，与此同时，M ysql 还在可伸缩性