jsp生成工具的设计说明书.doc

目 录 一 网站概述一 网站概述 1 1 1 开发背景 1 1 2 系统环境 2 二 系统设计二 系统设计 3 2 1 需求分析 3 2 1 1 功能描述 3 2 2 用例分析 4 三 美工技术三 美工技术 6 3 1 LOGO设计 6 3 2 FLASH 设计 6 3 3 DIV设计 6 四 界面设计四 界面设计 8 4 1 管理员界面 8 4 1 1 登录界面 8 4 1 2 类别管理界面 8 4 1 3 商品管理界面 9 4 1 4 订单管理界面 10 4 2 用户界面 12 4 2 1 登录界面 12 4 2 2 注册界面 13 4 2 3 订单管理 14 4 2 4 个人管理 15 4 2 5 查看购物车 15 4 2 6 检索商品 16 总结总结 17 参考文献参考文献 18 1 滨海在线商城 设计说明书 一 网站概述 1 1 开发背景 随着计算机技术的发展 计算机应用于网络商务经营及信息管理的必要性和优 越性日益显示出来 企业若想在激烈的竞争中胜出就必须拥有一套完整的且合适自 身特点的网络商务经营及管理信息系统 电子商务是 Internet 爆炸式发展的直接产物 是网络技术应用的全新发展方向 电子商务是利用现代信息 进行商务活动的一种先进手段 作为创新的经济运行方 式 其影响已经远远超过商业领域 针对当前蓬勃发展的电子商务浪潮 本文从理 论和实践两个角度出发 对电子商务进行了深入的探讨 报告构建一个电子商务应 用系统 网上购书 本系统是一个基于 internet 采用 B2C Business to Consumers 模式 并根据现 有的网上购书系统的现状而设计开发的电子商务平台 它不但可以扩大商家的规模 和市场影响力 而且可以减少企业的经营成本 提高工作效率 利用了 Access 2003 及 MyEclipse 开发此系统 本文档详细介绍了使用 UML 进行系统的分析与设 计 JSP 技术使用 Java 编程语言编写类 XML 的 tags 和 scriptlets 来封装产生动态网页 的处理逻辑 网页还能通过 tags 和 scriptlets 访问存在于服务端的资源的应用逻辑 JSP 将网页逻辑与网页设计和显示分离 支持可重用的基于组件的设计 使基于 Web 的应用程序的开发变得迅速和容易 Web 服务器在遇到访问 JSP 网页的请求时 首先执行其中的程序段 然后将执行 结果连同 JSP 文件中的 HTML 代码一起返回给客户 插入的 Java 程序段可以操作 数据库 重新定向网页等 以实现建立动态网页所需要的功能 该系统能够实现用 户的注册 登录功能 能够实现商品的订购和管理员管理等功能 该系统基本上具 备一个网上商品销售系统应该具备的功能 该系统基本上体现了构建一个动态商务 网站所需要的技术 可以说 目前的带型商务网站也是这种小型网站的扩充和重复 2 网购如今已经成为了人们生活的习惯 越来越多的人参与到网购当中 国人通过互 联网购物的消费量已经跃居世界第一 在此电子商务大发展的背景下 滨海在线 商城 开发完成正式问世 1 2 系统环境 系统架构 B S 操作系统 Windows XP 7 开发语言 Java 开发环境 JDK 1 6 JavaEE 5 开发工具 MyEclipse 8 5 应用服务器 Totmcat 6 0 数据库 Mysql 5 5 UML 建模工具 TrufunPlato 数据库建模工具 ERStudio 代码管理工具 TortoiseSVN 前台工具 Dreamweaver Photoshop Flash 等 运行环境 IE Firefox Chrome 相关技术 JSP Struts2 Hibernate C3P0 Spring JavaMail Lucene JQuery Ajax JSON Log4J Junit Html CSS 等 3 二 系统设计 2 1 需求分析 2 1 1 功能描述 会员功能 1 会员注册 买家购物之前需要注册成为会员 2 会员登录 输入正确的登录名 密码进行登录 3 检索商品 输入商品名进行商品检索 4 查看购物车 会员可以在购物车中查看自己选好放入购物车车中的商品 5 查看订单 会员可以查看自己的订单情况 以及选择进行支付或取消支付 6 订单支付 会员可以通过支付中介向商家进行支付 7 废除订单 如果订单还没进行支付可以废除该订单 8 个人管理 会员可以修改自己的密码和个人资料 管理员功能 1 类别管理 管理员可以查询 添加 修改和删除商品类别 2 商品管理 管理员可以查询 添加 修改和删除商品 3 会员管理 管理员可以查看会员的个人信息并且删除会员 4 订单管理 管理员可以查看所有会员订单信息并且删除订单 5 管理员登录 输入正确的登录名 密码进行登录 4 2 1 2 系统结构 根据系统功能分析描述 系统功能结构图如下图所示 图 2 1 滨海在线商城结构图 2 2 用例分析 从管理员角度分析 用例图如下图所示 图 2 2 滨海在线商城管理员例图 5 从会员角度分析 用例图如下图所示 图 2 3 滨海在线商城会员用例图 6 三 美工技术 3 1 logo 设计设计 Logo 代表一个网站的标志 徽标 这是我设计的滨海在线购物网站的 logo 这个 人在提着一个小的篮子在滨海超市购物 看这个人都要跑起来 说明来滨海购物网站 里的人特别多 这个购物网站的生意非常好 在看一下 bh 就是代表我们的滨海这个名 字 希望滨海在线购物网站生意越来越好 图 3 1 logo 3 2 flash 设计设计 Flash 动画运用到网站上非常广 我们的网站也不例外 也运用了 flash 使自己的 网站效果更好 在 flash 中 运用了动作补间动画 从无都有的 再由有到无的一个渐 变过程 还运用了 actionscript 在这个图下面有几个按钮分别写这 1 2 3 4 5 点 击这五个按钮就可以跳到相应的图片 对图片增加了可读性 图 3 2 flash 设计 3 3 div 设计设计 使用 DIV CSS 布局 页面代码精简 这一点相信对 XHTML 有所了解的都知道 代码精简所带来的直接好处有两点 一是提高 spider 爬行效率 能在最短的时间内爬 7 完整个页面 这样对收录质量有一定好处 二是由于能高效的爬行 就会受到 spider 喜 欢 这样对收录数量有一定好处 DIV CSS 布局较 Table 布局减少了页面代码 加载速度得到很大的提高 这在 spider 爬行时是非常有利的 过多的页面代码可能造成爬行超时 spider 就会认为这个 页面无法访问 影响收录及权重 这是一小段 div 代码 这段代码设计了它的宽度 浮动 可以用任意一个图片去引 用这段 div 小代码 例如 不光是这个图片可以引用 其它的图片或是按钮也可以去引用这一段代码 8 四 界面设计 4 1 管理员界面管理员界面 4 1 1 登录界面 本模块最主要得到是系统管理员登录的主界面 该系统主要界面如下图所示 图 4 1 管理员登录界面 4 1 2 类别管理界面 本模块最主要得到是对商品进行分类管理界面 实现功能主要有添加商品类别和查 看修改商品类别 该系统主要界面如下图所示 图 4 2 类别管理界面 主要代码 upd click function var jchTd this parent prev var jtxtTd this parent siblings ctype 9 if this val 更新 this val 确认 jchTd children removeAttr disabled jtxtTd html else this val 更新 jchTd children attr disabled disabled jtxtTd html jtxtTd children val var isChecked jchTd children attr checked checked true false post categoryAction updateCategory action category cid this attr lang category ctype jtxtTd html category chot isChecked 4 1 3 商品管理界面 本模块最主要是添加商品 查询修改商品 该系统主要界面如下图所示 图 4 3 商品管理界面 10 主要代码 function option shuju td addClass bg1 shuju td mouseover function this removeClass bg1 this parent children addClass bg mouseout function this parent children removeClass bg this parent children addClass bg1 del click function if confirm 你确定要删除这件商品吗 post goodsAction deleteGoodsById action goods gid goods gid 删除自身行 this parents tr first remove mouseover function this css cursor hand 4 1 4 订单管理界面 用户注册主要功能是详细查询和修改 如下图所示 11 图 4 4 订单管理界面 主要代码 pageNow change function window open eNow this val self formValidator initConfig formid form1 onerror function msg alert msg csny focus function WdatePicker skin whyGreen oncleared function this blur onpicked function this blur 12 4 2 用户界面用户界面 4 2 1 登录界面 这个模块主要是用户登录 如图所示 图 4 5 用户登录界面 登录主要代码 用户名 13 4 2 2 注册界面 这个模块主要是用户注册 如图所示 图 4 6 用户注册界面 主要代码 messages user ulogin required 登陆名必须填写 rangelength jQuery format 输入字符长度应该在 remote 对不起 此用户名已经被占用 user uname required 必须得填写真实姓名 14 user upass required 请填写密码 rangelength jQuery format 密码的字符长度 upass2 equalTo 两次密码输入不一致 user uemail required 请填写 E mail 地址 email 请输入正确的 E mail 地址 ccode required 必须填写验证码 remote 您输入的验证码错误 user upost required 请填写邮政编码 number 请输入数字 rangelength jQuery format 输入的字符长度应该是 0 位 user uaddress required 请填写您的详细地址 可更好的送货 4 2 3 订单管理 这个模块主要是订单管理 主要功能有查看订单 删除订单 订单支付 如图所示 15 图 4 7 用户订单管理界面 4 2 4 个人管理 这个模块主要是账户管理 个人信息管理 如图所示 图 4 8 用户个人界面 4 2 5 查看购物车 这个模块主要是查看购物车 查看自己要买的东西 如图所示 16 图 4 9 用户查看购物车 4 2 6 检索商品 这个模块主要是检索商品 以最快的速度找到自己想要的商品 如图所示 图 4 10 用户检索商品界面 17 总结 回顾该系统从选题 到调研 需求分析 设计 编码实现 测试等 论文的撰写 这系列连贯的过程 感想颇多 收获也很多 大致的总结几点 如下 1 设计开发一个管理系统 首先要了解所涉及到行业的现状 一定要想办法进行 行业调研 从不同途径获取该行业的专业知识 合理安排系统设计开发时间 进行实 际开发会发现需求分析与系统设计占主要的时间 如果前面的工作做好了 编码实现 占用的时间很短 再根据所了解的情况进行详细的编程阶段 2 在开发一个系统时 前期的分析准备工作非常的重要 对于系统的需求要明确 这样才能做到有的放矢 特别是对于系统中数据的存储和表单格式的设计 设计的不 好会出现会出现大量的数据库内存的浪费和页面与数据库连接不成功等问题 3 在设计的初期 对一个网页功能模块 要构想出详细的方案 这样可以根据所 需要完成的功能来进行编写 从而使设计方案更加完美 设计开发过程中一定要吸取 经验教训 避免返工 尤其是一些重要语句 在对具体实现功能进行编程时 要养成 良好的加注释的习惯 这样的话不仅能理清思路 而且可以为以后的调试程序带来很 大的方便 4 懂得充分利用网络资源 因为个人的思考方式是非常有限的 所以需求通过网 络来寻求帮助 网络资料后得出的 由于在资源的量很大及其它原因 只能靠自己根 据已有的书籍资料对网络资源进行分析总结 这无形当中培养了我通过网络获取资料 信息的能力 18 19 参考文献 1 美 Eruce Ecke