javaEE课程设计报告

JAVAEE 课程设计 课课 程程 设设 计计 报报 告告 2012 2013 学年 第 2 学期 系 别 专业名称 课程设计科目 学生姓名 学 号 指导教师 成 绩 完成时间 大型数据库实践 课程设计报告 I 项目组成员及分工项目组成员及分工 目录目录 一 网上商城系统概述 1 二 需求分析与总体设计 1 三 界面设计 14 四 数据库设计 19 五 代码设计 24 六 运行调试 24 七 结论与心得 24 八 致谢 24 九 参考文献 24 大型数据库实践 课程设计报告 1 一 网上商城一 网上商城 xmutmall 系统概述系统概述 购物网站网上商城 为用户提供购物需求 拥有前台客户注册 登录 登 出 个人信息修改 商品展示 商品详情浏览 搜索商品 购物车 商品评价 网上新闻 后台登录 后台商品管理 用户管理 评论管理 新闻管理 数据 库管理等功能 本购物网站是专门针对网上学生和老师而创建的 旨在为网上 师生们提供方便快捷的生活 2 需求分析与总体设计需求分析与总体设计 开发流程图 图 1 开发流程图 大型数据库实践 课程设计报告 2 2 1 需求分析需求分析 1 系统名称 网上商城 XMUTMALL 2 任务概述 应用 JSP 与 Servlet 技术 实现 B S 三层架构的 WEB 应用系统设计 WEB 容器选用 Tomcat7 0 数据库服务器选用 Oracle 要求实现 MVC 架构 视图用 JSP 实现 模型用 JavaBean 实现 控制器用 Servlet 实现 完成项目的需求分析 与设计 包括数据库设计 功能设计 编码与测试 3 设计目的 这是针对网上师生的购物网站 在注册之后可以进行校内商品销售和购买 每个客户都拥有买卖的权限 同时也包括旧物拍卖等交易方式 同时还有用户 评论功能 用户可以对商品进行 同时还有网上实时新闻报道 动态更新各种 最新的学校信息 不仅仅可以方便师生们的购物和交易 同时也使师生能够更 加实时的了解学校最新的信息 4 系统功能 1 前台系统 a 注册 b 登录 c 登出 d 个人资料修改 e 商品展示 f 商品详情浏览 g 搜索商品 h 参与评论 i 确定购买 j 网上新闻展示 大型数据库实践 课程设计报告 3 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 搜索商品 大型数据库实践 课程设计报告 5 2 2 总体设计总体设计 系统角色 用户和管理员 用例图 图 2 用例图 系统功能的总体划分框图 图 3 系统功能总体划分图 大型数据库实践 课程设计报告 6 项目整体流转图 图 4 流转图 1 登录注册模块设计 注册 在这一模块中 我们分为三个小模块 第一部分 让用户输入邮箱号码 并判断邮箱的格式 并且让用户输入两 次密码 并判断用户两次输入的密码是否正确 并可以跳转到第二部分 图 5 注册页面一 大型数据库实践 课程设计报告 7 第二部分 需要让用户输入自己的用户名 与此同时判断是否与数据库里 的用户名重名 其次让用户输入真实姓名 这一部分可以跳转到第一部分 同时也可以跳转到第二部分 图 6 注册页面二 第三部分 输入用户简介 可以选择提交 并可以跳转到第二部分与登录 部分 图 7 注册页面三 大型数据库实践 课程设计报告 8 前台登录 用户登录时需要进行用户名和密码的验证 用户名是注册时候的邮箱 在输 入用户名时 需要验证邮箱格式 接着输入密码 并且用户名 密码需要与数 据库匹配 正确填写提交之后跳转到主页 如果没有帐号可以通过点击 注册 进入注册页面 图 8 登录页面 2 商品展示功能模块设计 商品展示的方式分为三种 以静态页面的形式展示 从数据库已经存入的商品信息中 在前台页面展示 并且有分页功能 图 9 商品展示页面一 以滚动的形式展示 不同的商品信息在页面底部以滚动的形式展示 大型数据库实践 课程设计报告 9 图 10 商品展示页面二 具体商品展示 可以点击某一商品 进入详细说明的页面中 在此页面中可 以加入购物车 图 11 商品展示页面三 3 修改个人信息功能模块设计 登录成功后 进入主页 可以进入个人信息页面 可以修改所有在注册时 候所填入的信息 即 用户名 密码 E mail 个人简介等功能 并可以与数 大型数据库实践 课程设计报告 10 据库关联 实时更新 图 12 修改个人信息页面 4 评论功能模块设计 在商品页面点击 我要评价 可以进入发表评论的页面 图 13 评论页面一 在该页面中 可以填入标题 与评论内容 并且有文字编辑系统 改变字 体 字号 与颜色 点击提交之后 保存到后台数据库 并呈现到下一个评论 详细页面 大型数据库实践 课程设计报告 11 图 14 评论页面二 之后会进入评论的详情页面 即用户的具体评论信息 图 15 评论页面三 5 搜索功能模块设计 进入主页 即使可看到搜索框 通过搜索功能 匹配数据库中的数据 用 户可以找到站内所有的商品及其详细信息 如输入 苹果 大型数据库实践 课程设计报告 12 图 16 主页 以下是通过搜索之后的具体商品信息 即有关 苹果 的具体商品信息 图 17 搜索结果页面 6 后台管理功能模块设计 后台登录所需要的帐号密码 是在数据库中把特定的帐号设置为管理员身 份 只有管理员才能登录到后台管理 界面如下图所示 大型数据库实践 课程设计报告 13 图 18 后台管理登录页面 登录之后 在左侧有许多管理项目 每个项目代表不同的管理内容 如在 用户管理 中 可以对用户进行添加 删除 修改 修改的内容 除了注册时 所填内容之外 还能设置用户的角色 管理员 用户 单击 save 就可以保存 修改 具体界面如下图所示 图 19 后台管理页面 7 购物车功能模块设计 在购物车页面中 可以看到所购买物品详细的信息 有订单编号 货物图 片 收货人 货物名称 货物价格 数量 下单时间 订单状态 同时可以自 动计算应付总额 并且可以删除已经添加至购物车的商品 具体相信页面如下 图所示 大型数据库实践 课程设计报告 14 图 20 购物车页面 三 界面设计三 界面设计 界面整体设计参照淘宝网站 偏向简单化 每个页面都有统一的格式 例 如顶部和底部的脚本设计都是固定的 整个页面的风格也是统一的 1 登录注册模块的界面设计 注册页面 以新颖的流动方式吸引人们的眼球 不再是大众化的页面 不仅实现了 注册的功能 同时给用户带来了不一样的新奇体验 图 21 注册页面 大型数据库实践 课程设计报告 15 登录页面 参照淘宝登录页面 简单大方 以 logo 点缀 加以图片突出系统的主 题 图 22 登录页面 2 系统主页的界面设计 主页面设计拥有分类 图片展示 评论列表 新闻列表 商品展示以及 推荐商品的功能 可以根据分类查找需要的商品 查看评论 新闻 底部 的商家推荐商品还有滑动的功能 可以推荐多个商品 图 23主页一 大型数据库实践 课程设计报告 16 图 24 主页二 图 25 主页三 3 商品详情信息模块的界面设计 参照淘宝的商品详情展示页面 具有图片展示 产品描述 图片放大镜功 能 大型数据库实践 课程设计报告 17 图 26 商品详情信息页面 4 购物车功能模块的界面设计 当用户添加一个商品就会增加一栏 并计算出总金额 图 27 购物车页面 5 评论功能模块的界面设计 在商品底部有评论的功能 发布的评论将会显示到主页 图 28 评论页面一 图 29 评论页面二 大型数据库实践 课程设计报告 18 图 30 评论页面三 6 个人资料修改模块的界面设计 根据需求列出个人资料的可供修改项 并提示填写要求 图 31 个人资料修改页面 7 后台登录登出模块的界面设计 后台登录页面相对比较简单 没有那么花俏 图 32 后台登录页面 8 后台管理功能模块的界面设计 后台管理界面趋向于简单化设计 给人一目了然的感觉 是管理员更加方便的进行管 理 采用统一的格式 实现了功能的简单化 图 33 后台管理页面 大型数据库实践 课程设计报告 19 四 数据库设计四 数据库设计 4 1 表设计表设计 表表 1 用户表用户表 ACCOUNT 序号字段名称字段类型说明备注 1ACCOUNTVARCHAR2 50 用户名 2USER IDVARCHAR2 50 主键 用户 IDUUID 生成 not null 3LOGIN PASSWDVARCHAR2 50 用户密码 not null 4EMAILVARCHAR2 70 用户邮箱 5REGISTER TIMEDATE 注册时间 YYYY MM DD HH MM SS 6LAST LOGIN TIMEDATE 上次登录时间 YYYY MM DD HH MM SS 7USER INTRODUCEVARCHAR2 1000 用户简介 8PHOTOVARCHAR2 150 照片 表表 2 商品表商品表 MALL PRODUCT 序号字段名称字段类型说明备注 1PRODUCT NAMEVARCHAR2 200 商品名称 2PRODUCT PRICEVARCHAR2 50 商品价格 3PRODUCT IDVARCHAR2 50 主键 用户密 码 UUID 生成 not null 4PRODUCING AREAVARCHAR2 100 商品产地 5PRODUCT INFORMATIONVARCHAR2 4000 产品信息 6INBERTORYINTEGER 商品库存 7NEW PRODUCTINTEGER 新产品状态设置为0 8RECOMMEND PRODUCTINTEGER 推荐产品状态设置为1 9CONVENTIONINTEGER 常规状态设置为2 大型数据库实践 课程设计报告 20 10PICTURE1VARCHAR2 150 图片1 11PICTURE2VARCHAR2 150 图片2 12PICTURE3VARCHAR2 150 图片3 13PICTURE4VARCHAR2 150 图片4 14PICTURE5VARCHAR2 150 图片5 15PICTURE6VARCHAR2 150 图片6 表表 3 订单表订单表 MALL ORDERS 序号字段名称字段类型说明备注 1PRODUCT IDVARCHAR2 50 产品 ID外键 2USER IDVARCHAR2 50 用户 ID外键 3COUNTSInteger 数量 4ORDER IDVARCHAR2 50 主键 订单 IDUUID 生成 not null 5BUYING TIMEDATE 购买时间 YYYY MM DD HH MM SS 表表 4 收藏列表收藏列表 MALL COLLECT 序号字段名称字段类型说明备注 1COLLECT IDVARCHAR2 50 主键 收藏 IDUUID 生成 not null 2PRODUCT IDVARCHAR2 50 产品 ID外键 3USER IDVARCHAR2 50 用户 ID外键 4COLLECT TIMEDATE 收藏时间 YYYY MM DD HH MM SS 表表5 评论表评论表 MALL COMMENTS 序号字段名称字段类型说明备注 1COMMENT IDVARCHAR2 50 主键 评论 IDUUID 生成 not null 大型数据库实践 课程设计报告 21 2USER IDVARCHAR2 50 用户 ID外键 3TITLEVARCHAR2 50 评论标题 4CONTENTVARCHAR2 4000 评论内容 5COMMNET TIMEDATE 评论时间 YYYY MM DD HH MM SS 表表 6 新闻表新闻表 MALL NEWS 序号字段名称字段类型说明备注 1NEWS IDVARCHAR2 50 主键 新闻 IDUUID 生成 not null 2TITLEVARCHAR2 200 新闻标题 3CONTENTVARCHAR2 4000 新闻内容 4PUB TIMEDATE 新闻时间 YYYY MM DD HH MM SS 数据库数据库 E R 图 图 大型数据库实践 课程设计报告 22 ACCOUNT PKUSER ID ACCOUNT LOGIN PASSWD EMAIL REGISTER TIME LAST LOGIN TIME USER INTRODUCE PHOTO ROLE PRODUCT PKPRODUCT ID PRODUCT NAME PRODUCT PRICE PRODUCING AREA PRODUCT INFORMATION INBERTORY NEW PRODUCT RECOMMEND PRODUCT CONVENTION PICTURE1 PICTURE2 PICTURE3 PICTURE4 PICTURE5 PICTURE6 ORDERS PKORDER ID PRODUCT ID USER ID COUNTS BUYING TIME COLLECT PKCOLLECT ID PRODUCT ID USER ID COL