javaEE课程设计报告.docx

1、javaEE课程设计报告JAVAEE课程设计课 程 设 计 报 告（2012 2013学年 第 2 学期）系 别：专业名称：课程设计科目： 学生姓名：学 号：指导教师：成 绩：完成时间：项目组成员及分工三、界面设计 14一、网上商城xmutmall系统概述购物网站网上商城，为用户提供购物需求。拥有前台客户注册、登录、登出，个人信息修改，商品展示，商品详情浏览，搜索商品，购物车，商品评价，网上新闻，后台登录，后台商品管理、用户管理、评论管理、新闻管理、数据库管理等功能。本购物网站是专门针对网上学生和老师而创建的，旨在为网上师生们提供方便快捷的生活。2、需求分析与总体设计开发流程图：图1 开发流程

2、图 需求分析1、系统名称网上商城（XMUTMALL）2、任务概述应用JSP与Servlet技术，实现B/S三层架构的WEB应用系统设计。WEB容器选用、数据库服务器选用Oracle。要求实现MVC架构，视图用JSP实现、模型用JavaBean实现、控制器用Servlet实现。完成项目的需求分析与设计，包括数据库设计、功能设计、编码与测试；3、设计目的这是针对网上师生的购物网站，在注册之后可以进行校内商品销售和购买，每个客户都拥有买卖的权限，同时也包括旧物拍卖等交易方式，同时还有用户评论功能，用户可以对商品进行。同时还有网上实时新闻报道，动态更新各种最新的学校信息。不仅仅可以方便师生们的购物和交

3、易，同时也使师生能够更加实时的了解学校最新的信息。4、系统功能1) 前台系统a. 注册b. 登录c. 登出d. 个人资料修改e. 商品展示f. 商品详情浏览g. 搜索商品h. 参与评论i. 确定购买j. 网上新闻展示2) 后台管理系统a. 管理员登录b. 账号管理c. 商品管理d. 购物车管理e. 发表网上新闻f. 评论管理g. 搜索商品5、详细功能1)前台系统a. 注册使用邮箱账号注册重复验证密码个人资料填写b. 登录使用邮箱账号登录验证密码c. 登出登出账号后回到登录页面d. 个人资料修改修改用户名、密码、个人介绍等e. 商品展示最新商品热门商品推荐商品f. 商品详情浏览商品图片展示添加到

4、购物车添加到用户关注列表g. 搜索商品根据关键字从数据库中找出相类似的信息h. 参与评论为商城提建议i. 确定购买选择线上交易选择线下交易j. 网上新闻展示查看网上新闻2)后台管理系统a. 管理员登录登录登出b. 账号管理修改用户信息c. 商品管理商品添加修改商品信息d. 购物车管理商品管理费用统计e. 发表网上新闻管理员发表新闻f. 评论管理评论管理/删除/修改g. 搜索商品 总体设计系统角色：用户和管理员用例图：图2 用例图系统功能的总体划分框图：图3 系统功能总体划分图项目整体流转图：图4 流转图1、登录注册模块设计注册： 在这一模块中，我们分为三个小模块。第一部分：让用户输入邮箱号码，

5、并判断邮箱的格式，并且让用户输入两次密码，并判断用户两次输入的密码是否正确，并可以跳转到第二部分； 图5 注册页面一第二部分：需要让用户输入自己的用户名，与此同时判断是否与数据库里的用户名重名。其次让用户输入真实姓名。这一部分可以跳转到第一部分，同时也可以跳转到第二部分。图6 注册页面二第三部分：输入用户简介，可以选择提交，并可以跳转到第二部分与登录部分。图7 注册页面三前台登录： 用户登录时需要进行用户名和密码的验证。用户名是注册时候的邮箱，在输入用户名时，需要验证邮箱格式，接着输入密码，并且用户名、密码需要与数据库匹配。正确填写提交之后跳转到主页。如果没有帐号可以通过点击“注册”进入注册页

6、面。图8 登录页面2、商品展示功能模块设计：商品展示的方式分为三种：以静态页面的形式展示，从数据库已经存入的商品信息中，在前台页面展示并且有分页功能图9 商品展示页面一以滚动的形式展示，不同的商品信息在页面底部以滚动的形式展示 图10 商品展示页面二具体商品展示。可以点击某一商品，进入详细说明的页面中，在此页面中可以加入购物车。图11 商品展示页面三3、修改个人信息功能模块设计：登录成功后，进入主页，可以进入个人信息页面，可以修改所有在注册时候所填入的信息，即：用户名、密码、E-mail、个人简介等功能，并可以与数据库关联，实时更新。图12 修改个人信息页面4、评论功能模块设计：在商品页面点击

7、“我要评价”，可以进入发表评论的页面。图13 评论页面一在该页面中，可以填入标题，与评论内容，并且有文字编辑系统，改变字体，字号，与颜色。点击提交之后，保存到后台数据库，并呈现到下一个评论详细页面。图14 评论页面二之后会进入评论的详情页面，即用户的具体评论信息。图15 评论页面三5、搜索功能模块设计：进入主页，即使可看到搜索框。通过搜索功能，匹配数据库中的数据，用户可以找到站内所有的商品及其详细信息。如输入“苹果”。图16 主页以下是通过搜索之后的具体商品信息，即有关“苹果”的具体商品信息。图17 搜索结果页面6、后台管理功能模块设计后台登录所需要的帐号密码，是在数据库中把特定的帐号设置为管

8、理员身份。只有管理员才能登录到后台管理。界面如下图所示：图18 后台管理登录页面登录之后，在左侧有许多管理项目，每个项目代表不同的管理内容，如在“用户管理”中，可以对用户进行添加、删除、修改。修改的内容，除了注册时所填内容之外，还能设置用户的角色（管理员、用户），单击“save“就可以保存修改。具体界面如下图所示：图19 后台管理页面7、购物车功能模块设计：在购物车页面中，可以看到所购买物品详细的信息，有订单编号、货物图片、收货人、货物名称、货物价格、数量、下单时间、订单状态。同时可以自动计算应付总额。并且可以删除已经添加至购物车的商品。具体相信页面如下图所示图20 购物车页面三、界面设计界面

9、整体设计参照淘宝网站，偏向简单化。每个页面都有统一的格式，例如顶部和底部的脚本设计都是固定的，整个页面的风格也是统一的。1、登录注册模块的界面设计注册页面：以新颖的流动方式吸引人们的眼球，不再是大众化的页面。不仅实现了注册的功能，同时给用户带来了不一样的新奇体验。图21 注册页面登录页面：参照淘宝登录页面，简单大方。以logo点缀，加以图片突出系统的主题。 图22 登录页面2、系统主页的界面设计主页面设计拥有分类、图片展示、评论列表、新闻列表、商品展示以及推荐商品的功能。可以根据分类查找需要的商品，查看评论、新闻，底部的商家推荐商品还有滑动的功能，可以推荐多个商品。图23 主页一图24 主页二

10、图25 主页三3、商品详情信息模块的界面设计参照淘宝的商品详情展示页面，具有图片展示，产品描述，图片放大镜功能。图26 商品详情信息页面4、购物车功能模块的界面设计当用户添加一个商品就会增加一栏，并计算出总金额。图27 购物车页面5、评论功能模块的界面设计在商品底部有评论的功能，发布的评论将会显示到主页。图28评论页面一图29 评论页面二图30 评论页面三6、个人资料修改模块的界面设计根据需求列出个人资料的可供修改项，并提示填写要求。图31 个人资料修改页面7、后台登录登出模块的界面设计后台登录页面相对比较简单，没有那么花俏。图32 后台登录页面8、后台管理功能模块的界面设计后台管理界面趋向于

11、简单化设计，给人一目了然的感觉，是管理员更加方便的进行管理。采用统一的格式，实现了功能的简单化。图33 后台管理页面四、数据库设计 表设计表1 用户表ACCOUNT序号字段名称字段类型说明备注1ACCOUNTVARCHAR2(50)用户名2USER_IDVARCHAR2(50)主键,用户IDUUID生成not null3LOGIN_PASSWDVARCHAR2(50)用户密码not null4EMAILVARCHAR2(70)用户邮箱5REGISTER_TIMEDATE注册时间YYYY-MM-DD HH:MM:SS6LAST_LOGIN_TIMEDATE上次登录时间YYYY-MM-DD HH:

12、MM:SS7USER_INTRODUCEVARCHAR2(1000)用户简介8PHOTOVARCHAR2(150)照片表2 商品表序号字段名称字段类型说明备注1PRODUCT_NAMEVARCHAR2(200)商品名称2PRODUCT_PRICEVARCHAR2(50)商品价格3PRODUCT_IDVARCHAR2(50)主键，用户密码UUID生成not null4PRODUCING_AREAVARCHAR2(100)商品产地5PRODUCT_INFORMATIONVARCHAR2(4000)产品信息6INBERTORYINTEGER商品库存7NEW_PRODUCTINTEGER新产品状态设置

13、为08RECOMMEND_PRODUCTINTEGER推荐产品状态设置为19CONVENTIONINTEGER常规状态设置为210PICTURE1VARCHAR2(150)图片111PICTURE2VARCHAR2(150)图片212PICTURE3VARCHAR2(150)图片313PICTURE4VARCHAR2(150)图片414PICTURE5VARCHAR2(150)图片515PICTURE6VARCHAR2(150)图片6表3 订单表序号字段名称字段类型说明备注1PRODUCT_IDVARCHAR2(50)产品ID外键2USER_IDVARCHAR2(50)用户ID外键3COUNT

14、SInteger数量4ORDER_IDVARCHAR2(50)主键，订单IDUUID生成not null5BUYING_TIMEDATE购买时间YYYY-MM-DD HH:MM:SS表4 收藏列表序号字段名称字段类型说明备注1COLLECT_IDVARCHAR2(50)主键，收藏IDUUID生成not null2PRODUCT_IDVARCHAR2(50)产品ID外键3USER_IDVARCHAR2(50)用户ID外键4COLLECT_TIMEDATE收藏时间YYYY-MM-DD HH:MM:SS表5 评论表：序号字段名称字段类型说明备注1COMMENT_IDVARCHAR2(50)主键，评论

15、IDUUID生成not null2USER_IDVARCHAR2(50)用户ID外键3TITLEVARCHAR2(50)评论标题4CONTENTVARCHAR2(4000)评论内容5COMMNET_TIMEDATE评论时间YYYY-MM-DD HH:MM:SS表6 新闻表：序号字段名称字段类型说明备注1NEWS_IDVARCHAR2(50)主键，新闻IDUUID生成not null2TITLEVARCHAR2(200)新闻标题3CONTENTVARCHAR2(4000)新闻内容4PUB_TIMEDATE新闻时间YYYY-MM-DD HH:MM:SS数据库E-R图：图33 数据库E-R图建立JD

16、BC连接 五、代码设计1、拦截器和过滤器：2、登录创建一个回话六、运行调试七、结论与心得 从这次的课程设计后，我们团队在开发的整个过程中都很走规范的过程，需求分析、业务分析、数据库设计、概要设计、详细设计、界面设计、html编码、后台编码、系统整合、系统测试。在整个团队开发过程中，我们相互沟通，团队合作能力、编码能力、文档能力。对项目项目开发的了解程度有了进一步的提升。 由于时间关系，我们项目开发之前提出的一些需求没能完成，但是在接下来的学习中，提高自己的各方面能力，特别是专业能力，来完成和做好整个项目的测试。达到最好的状态。争取申请一个域名，在线体验自己的劳动成果。 最后，我们体会到，团队合作的重要性，一个好的团队决定我们的成功，之所以我们能有这样的成功，归根结底都是我们的团队建设的好，合作默契。八、致谢感谢老师和同学们的大力支持，感谢XX公司和google公司给予我们大力支持。九、参考文献1、 Ckeditor 框架 svn客服端