1、JAVAEE 课程设计课 程 设 计 报 告（2012 2013 学年 第 2 学期）系 别：专业名称：课程设计科目：学生姓名：学 号：指导教师：成 绩：完成时间：大型数据库实践课程设计报告I项目组成员及分工目录一、网上商城系统概述 .1二、需求分析与总体设计 .1三、界面设计 14四、数据库设计 19五、代码设计 24六、运行调试 24七、结论与心得 24八、致谢 24九、参考文献 24大型数据库实践课程设计报告1一、网上商城 xmutmall 系统概述购物网站网上商城，为用户提供购物需求。拥有前台客户注册、登录、登出，个人信息修改，商品展示，商品详情浏览，搜索商品，购物车，商品评价，网上新
2、闻，后台登录，后台商品管理、用户管理、评论管理、新闻管理、数据库管理等功能。本购物网站是专门针对网上学生和老师而创建的，旨在为网上师生们提供方便快捷的生活。2、需求分析与总体设计开发流程图：图 1 开发流程图大型数据库实践课程设计报告22.1 需求分析1、系统名称网上商城（XMUTMALL）2、任务概述应用 JSP 与 Servlet 技术，实现 B/S 三层架构的 WEB 应用系统设计。WEB容器选用 Tomcat7.0、数据库服务器选用 Oracle。要求实现 MVC 架构，视图用JSP 实现、模型用 JavaBean 实现、控制器用 Servlet 实现。完成项目的需求分析与设计，包括数
3、据库设计、功能设计、编码与测试；3、设计目的这是针对网上师生的购物网站，在注册之后可以进行校内商品销售和购买，每个客户都拥有买卖的权限，同时也包括旧物拍卖等交易方式，同时还有用户评论功能，用户可以对商品进行。同时还有网上实时新闻报道，动态更新各种最新的学校信息。不仅仅可以方便师生们的购物和交易，同时也使师生能够更加实时的了解学校最新的信息。4、系统功能1) 前台系统a. 注册b. 登录c. 登出d. 个人资料修改e. 商品展示f. 商品详情浏览g. 搜索商品h. 参与评论i. 确定购买j. 网上新闻展示大型数据库实践课程设计报告32) 后台管理系统a. 管理员登录b. 账号管理c. 商品管理d
4、. 购物车管理e. 发表网上新闻f. 评论管理g. 搜索商品5、详细功能1)前台系统a. 注册使用邮箱账号注册重复验证密码个人资料填写b. 登录使用邮箱账号登录验证密码c. 登出登出账号后回到登录页面d. 个人资料修改修改用户名、密码、个人介绍等e. 商品展示最新商品热门商品推荐商品f. 商品详情浏览商品图片展示添加到购物车添加到用户关注列表大型数据库实践课程设计报告4g. 搜索商品根据关键字从数据库中找出相类似的信息h. 参与评论为商城提建议i. 确定购买选择线上交易选择线下交易j. 网上新闻展示查看网上新闻2)后台管理系统a. 管理员登录登录登出b. 账号管理修改用户信息c. 商品管理商品
5、添加修改商品信息d. 购物车管理商品管理费用统计e. 发表网上新闻管理员发表新闻f. 评论管理评论管理/删除/修改g. 搜索商品大型数据库实践课程设计报告52.2 总体设计系统角色：用户和管理员用例图：图 2 用例图系统功能的总体划分框图：图 3 系统功能总体划分图大型数据库实践课程设计报告6项目整体流转图：图 4 流转图1、登录注册模块设计注册：在这一模块中，我们分为三个小模块。第一部分：让用户输入邮箱号码，并判断邮箱的格式，并且让用户输入两次密码，并判断用户两次输入的密码是否正确，并可以跳转到第二部分；图 5 注册页面一大型数据库实践课程设计报告7第二部分：需要让用户输入自己的用户名，与此
6、同时判断是否与数据库里的用户名重名。其次让用户输入真实姓名。这一部分可以跳转到第一部分，同时也可以跳转到第二部分。图 6 注册页面二第三部分：输入用户简介，可以选择提交，并可以跳转到第二部分与登录部分。图 7 注册页面三大型数据库实践课程设计报告8前台登录：用户登录时需要进行用户名和密码的验证。用户名是注册时候的邮箱，在输入用户名时，需要验证邮箱格式，接着输入密码，并且用户名、密码需要与数据库匹配。正确填写提交之后跳转到主页。如果没有帐号可以通过点击“注册”进入注册页面。图 8 登录页面2、商品展示功能模块设计：商品展示的方式分为三种：以静态页面的形式展示，从数据库已经存入的商品信息中，在前台
7、页面展示并且有分页功能图 9 商品展示页面一以滚动的形式展示，不同的商品信息在页面底部以滚动的形式展示大型数据库实践课程设计报告9图 10 商品展示页面二具体商品展示。可以点击某一商品，进入详细说明的页面中，在此页面中可以加入购物车。图 11 商品展示页面三3、修改个人信息功能模块设计：登录成功后，进入主页，可以进入个人信息页面，可以修改所有在注册时候所填入的信息，即：用户名、密码、E-mail 、个人简介等功能，并可以与数大型数据库实践课程设计报告10据库关联，实时更新。图 12 修改个人信息页面4、评论功能模块设计：在商品页面点击“ 我要评价 ”，可以进入发表评论的页面。图 13 评论页面
8、一在该页面中，可以填入标题，与评论内容，并且有文字编辑系统，改变字体，字号，与颜色。点击提交之后，保存到后台数据库，并呈现到下一个评论详细页面。大型数据库实践课程设计报告11图 14 评论页面二之后会进入评论的详情页面，即用户的具体评论信息。图 15 评论页面三5、搜索功能模块设计：进入主页，即使可看到搜索框。通过搜索功能，匹配数据库中的数据，用户可以找到站内所有的商品及其详细信息。如输入“ 苹果” 。大型数据库实践课程设计报告12图 16 主页以下是通过搜索之后的具体商品信息，即有关“苹果”的具体商品信息。图 17 搜索结果页面6、后台管理功能模块设计后台登录所需要的帐号密码，是在数据库中把
9、特定的帐号设置为管理员身份。只有管理员才能登录到后台管理。界面如下图所示：大型数据库实践课程设计报告13图 18 后台管理登录页面登录之后，在左侧有许多管理项目，每个项目代表不同的管理内容，如在“用户管理”中，可以对用户进行添加、删除、修改。修改的内容，除了注册时所填内容之外，还能设置用户的角色（管理员、用户） ，单击“save“就可以保存修改。具体界面如下图所示：图 19 后台管理页面7、购物车功能模块设计：在购物车页面中，可以看到所购买物品详细的信息，有订单编号、货物图片、收货人、货物名称、货物价格、数量、下单时间、订单状态。同时可以自动计算应付总额。并且可以删除已经添加至购物车的商品。具
10、体相信页面如下图所示大型数据库实践课程设计报告14图 20 购物车页面三、界面设计界面整体设计参照淘宝网站，偏向简单化。每个页面都有统一的格式，例如顶部和底部的脚本设计都是固定的，整个页面的风格也是统一的。1、登录注册模块的界面设计注册页面：以新颖的流动方式吸引人们的眼球，不再是大众化的页面。不仅实现了注册的功能，同时给用户带来了不一样的新奇体验。图 21 注册页面大型数据库实践课程设计报告15登录页面：参照淘宝登录页面，简单大方。以 logo 点缀，加以图片突出系统的主题。 图 22 登录页面2、系统主页的界面设计主页面设计拥有分类、图片展示、评论列表、新闻列表、商品展示以及推荐商品的功能。
11、可以根据分类查找需要的商品，查看评论、新闻，底部的商家推荐商品还有滑动的功能，可以推荐多个商品。图 23 主页一大型数据库实践课程设计报告16图 24 主页二图 25 主页三3、商品详情信息模块的界面设计参照淘宝的商品详情展示页面，具有图片展示，产品描述，图片放大镜功能。大型数据库实践课程设计报告17图 26 商品详情信息页面4、购物车功能模块的界面设计当用户添加一个商品就会增加一栏，并计算出总金额。图 27 购物车页面5、评论功能模块的界面设计在商品底部有评论的功能，发布的评论将会显示到主页。图 28 评论页面一图 29 评论页面二大型数据库实践课程设计报告18图 30 评论页面三6、个人资
12、料修改模块的界面设计根据需求列出个人资料的可供修改项，并提示填写要求。图 31 个人资料修改页面7、后台登录登出模块的界面设计后台登录页面相对比较简单，没有那么花俏。图 32 后台登录页面8、后台管理功能模块的界面设计后台管理界面趋向于简单化设计，给人一目了然的感觉，是管理员更加方便的进行管理。采用统一的格式，实现了功能的简单化。图 33 后台管理页面大型数据库实践课程设计报告19四、数据库设计4.1 表设计表 1 用户表 ACCOUNT序号 字段名称 字段类型 说明 备注1 ACCOUNT VARCHAR2(50) 用户名2 USER_ID VARCHAR2(50) 主键,用户 ID UUI
13、D 生成not null3 LOGIN_PASSWD VARCHAR2(50) 用户密码 not null4 EMAIL VARCHAR2(70) 用户邮箱5 REGISTER_TIME DATE 注册时间 YYYY-MM-DD HH:MM:SS6 LAST_LOGIN_TIME DATE 上次登录时间 YYYY-MM-DD HH:MM:SS7 USER_INTRODUCE VARCHAR2(1000) 用户简介8 PHOTO VARCHAR2(150) 照片表 2 商品表 MALL.PRODUCT序号 字段名称 字段类型 说明 备注1 PRODUCT_NAME VARCHAR2(200) 商
14、品名称2 PRODUCT_PRICE VARCHAR2(50) 商品价格3 PRODUCT_ID VARCHAR2(50) 主键，用户密码UUID 生成not null4 PRODUCING_AREA VARCHAR2(100) 商品产地5 PRODUCT_INFORMATION VARCHAR2(4000) 产品信息6 INBERTORY INTEGER 商品库存7 NEW_PRODUCT INTEGER 新产品 状态设置为08 RECOMMEND_PRODUCT INTEGER 推荐产品 状态设置为19 CONVENTION INTEGER 常规 状态设置为2大型数据库实践课程设计报告20
15、10 PICTURE1 VARCHAR2(150) 图片111 PICTURE2 VARCHAR2(150) 图片212 PICTURE3 VARCHAR2(150) 图片313 PICTURE4 VARCHAR2(150) 图片414 PICTURE5 VARCHAR2(150) 图片515 PICTURE6 VARCHAR2(150) 图片6表 3 订单表 MALL.ORDERS序号 字段名称 字段类型 说明 备注1 PRODUCT_ID VARCHAR2(50) 产品 ID 外键2 USER_ID VARCHAR2(50) 用户 ID 外键3 COUNTS Integer 数量4 ORD
16、ER_ID VARCHAR2(50) 主键，订单 ID UUID 生成not null5 BUYING_TIME DATE 购买时间 YYYY-MM-DD HH:MM:SS表 4 收藏列表 MALL.COLLECT序号 字段名称 字段类型 说明 备注1 COLLECT_ID VARCHAR2(50) 主键，收藏 ID UUID 生成not null2 PRODUCT_ID VARCHAR2(50) 产品 ID 外键3 USER_ID VARCHAR2(50) 用户 ID 外键4 COLLECT_TIME DATE 收藏时间 YYYY-MM-DD HH:MM:SS表5 评论表 MALL.COMM
17、ENTS：序号 字段名称 字段类型 说明 备注1 COMMENT_ID VARCHAR2(50) 主键，评论 ID UUID 生成not null大型数据库实践课程设计报告212 USER_ID VARCHAR2(50) 用户 ID 外键3 TITLE VARCHAR2(50) 评论标题4 CONTENT VARCHAR2(4000) 评论内容5 COMMNET_TIME DATE 评论时间 YYYY-MM-DD HH:MM:SS表 6 新闻表 MALL.NEWS：序号 字段名称 字段类型 说明 备注1 NEWS_ID VARCHAR2(50) 主键，新闻 ID UUID 生成not null
18、2 TITLE VARCHAR2(200) 新闻标题3 CONTENT VARCHAR2(4000) 新闻内容4 PUB_TIME DATE 新闻时间 YYYY-MM-DD HH:MM:SS数据库 E-R 图：大型数据库实践课程设计报告22A C C O U N TP K U S E R _ I DA C C O U N TL O G I N _ P A S S W DE M A I LR E G I S T E R _ T I M EL A S T _ L O G I N _ T I M EU S E R _ I N T R O D U C EP H O T OR O L EP R O D
19、U C TP K P R O D U C T _ I DP R O D U C T _ N A M EP R O D U C T _ P R I C EP R O D U C I N G _ A R E AP R O D U C T _ I N F O R M A T I O NI N B E R T O R YN E W _ P R O D U C TR E C O M M E N D _ P R O D U C TC O N V E N T I O NP I C T U R E 1P I C T U R E 2P I C T U R E 3P I C T U R E 4P I C T U
20、R E 5P I C T U R E 6O R D E R SP K O R D E R _ I DP R O D U C T _ I DU S E R _ I DC O U N T SB U Y I N G _ T I M EC O L L E C TP K C O L L E C T _ I DP R O D U C T _ I DU S E R _ I DC O L L E C T _ T I M EC O M M E N T SP K C O M M E N T _ I DU S E R _ I DT I T L EC O N T E N TC O M M N E T _ T I M
21、EN E W SP K N E W S _ I DT I T L EC O N T E N TP U B _ T I M E图 33 数据库 E-R 图4.2 建立 JDBC 连接五、代码设计大型数据库实践课程设计报告231、拦截器和过滤器：2、登录创建一个回话大型数据库实践课程设计报告24六、运行调试七、结论与心得从这次的课程设计后，我们团队在开发的整个过程中都很走规范的过程，需求分析、业务分析、数据库设计、概要设计、详细设计、界面设计、html 编码、后台编码、系统整合、系统测试。在整个团队开发过程中，我们相互沟通，团队合作能力、编码能力、文档能力。对项目项目开发的了解程度有了进一步的提升。由于时间关系，我们项目开发之前提出的一些需求没能完成，但是在接下来的学习中，提高自己的各方面能力，特别是专业能力，来完成和做好整个项目的测试。达到最好的状态。争取申请一个域名，在线体验自己的劳动成果。最后，我们体会到，团队合作的重要性，一个好的团队决定我们的成功，之所以我们能有这样的成功，归根结底都是我们的团队建设的好，合作默契。八、致谢感谢老师和同学们的大力支持，感谢百度公司和 google 公司给予我们大力支持。九、参考文献1、 Ckeditor http:/ easyui 框架 http:/ 3、 svn 客服端 http:/
