jsp生成工具的设计说明书

1、jsp生成工具的设计说明书作者:日期: TOC o 1-5 h z 、网站概述 1 HYPERLINK l bookmark4 o Current Document 1.1开发背景1 HYPERLINK l bookmark6 o Current Document 1。2系统环境2 HYPERLINK l bookmark8 o Current Document 、系统设计3 HYPERLINK l bookmark10 o Current Document 需求分析32。1。1功能描述3 HYPERLINK l bookmark16 o Current Document 用例分析4 HYPE

2、RLINK l bookmark18 o Current Document 三、美工技术6 HYPERLINK l bookmark20 o Current Document 3。1 LOGO 设计6 HYPERLINK l bookmark22 o Current Document FLASH 设计6 HYPERLINK l bookmark24 o Current Document div 设计6 HYPERLINK l bookmark26 o Current Document 四、界面设计8 HYPERLINK l bookmark28 o Current Document 管理员界面

3、8 HYPERLINK l bookmark30 o Current Document 登录界面8 HYPERLINK l bookmark32 o Current Document 类别管理界面8 HYPERLINK l bookmark34 o Current Document 商品管理界面9 HYPERLINK l bookmark36 o Current Document 订单管理界面 10 HYPERLINK l bookmark38 o Current Document 用户界面12 HYPERLINK l bookmark40 o Current Document 舂录界面12

4、HYPERLINK l bookmark42 o Current Document 汴册界面134。2。3订单管理14 HYPERLINK l bookmark46 o Current Document 4。2.4个人管理15 HYPERLINK l bookmark48 o Current Document 查看购物车 15 HYPERLINK l bookmark50 o Current Document 检索商品16 HYPERLINK l bookmark52 o Current Document 总结17 HYPERLINK l bookmark54 o Current Docume

5、nt 参考文献17滨海在线商城 设计说明书1。1开发背景随着计算机技术的发展，计算机应用于网络商务经营及信息管理的必要性和 优越性日益显示出来。企业若想在激烈的竞争中胜出就必须拥有一套完整的且 合适自身特点的网络商务经营及管理信息系统。电子商务是Internet爆炸式发展的直接产物，是网络技术应用的全新发展方 向.电子商务是利用现代信息 进行商务活动的一种先进手段，作为创新的经济 运行方式，其影响已经远远超过商业领域.针对当前蓬勃发展的电子商务浪潮，本 文从理论和实践两个角度出发，对电子商务进行了深入的探讨。报告构建一个 电子商务应用系统-网上购书。本系统是一个基于internet采用B2c

6、(Business to Consumer9模式，并根 据现有的网上购书系统的现状而设计开发的电子商务平台.它不但可以扩大商家 的规模和市场影响力，而且可以减少企业的经营成本，提高工作效率。利用了Access 2003及MyEclipse开发此系统。本文档详细介绍了使用UML进行系统的 分析与设计。JSP技术使用Java编程语言编写类XML的tags和scriptlets,来封装产生动态网 页的处理逻辑.网页还能通过tags和scriptlets访问存在于服务端的资源的应用逻 辑。JSP将网页逻辑与网页设计和显示分离，支持可重用的基于组件的设计，使基于Web的应用程序的开发变得迅速和容易。We

7、b服务器在遇到访问JSP网页的请求时，首先执行其中的程序段，然后将执 行结果连同JSP文件中的HTML代码一起返回给客户。插入的Java程序段可以 操作数据库、重新定向网页等，以实现建立动态网页所需要的功能。该系统能 够实现用户的注册，登录功能，能够实现商品的订购和管理员管理等功能。该 系统基本上具备一个网上商品销售系统应该具备的功能，该系统基本上体现了 构建一个动态商务网站所需要的技术，可以说，目前的带型商务网站也是这种 小型网站的扩充和重复。网购如今已经成为了人们生活的习惯，越来越多的人参与到网购当中，国人通过互联网购物的消费量已经跃居世界第一，在此电子商务大发展的背景下，“滨海在线商城”

8、开发完成正式问世.1.2系统环境系统架构：B/S操作系统： Windows XP / 7开发语言：Java开发环境:JDK 1.6、JavaEE 5开发工具：MyEclipse 8.5应用服务器：Totmcat 6。0数据库：Mysql 5。5UML 建模工具：TrufunPlato数据库建模工具：ERStudio代码管理工具：TortoiseSVN前台工具： Dreamweaver, Photoshop Flash 等运行环境：IE, Firefox, Chrome相关技术：JSP、Struts2、Hibernate、C3P0、Spring、JavaMail、Lucene、JQuery、Aj

9、ax、JSON、Log4J、Junit、Html/CSS 等二、系统设计2。1需求分析2.1.1功能描述会员功能：1）会员注册:买家购物之前需要注册成为会员。2）会员登录：输入正确的登录名，密码进行登录。3）检索商品：输入商品名进行商品检索。4）查看购物车：会员可以在购物车中查看自己选好放入购物车车中的商 品。5）查看订单：会员可以查看自己的订单情况 ，以及选择进行支付或取消支 付。6）订单支付：会员可以通过支付中介向商家进行支付 7）废除订单：如果订单还没进行支付可以废除该订单。8）个人管理：会员可以修改自己的密码和个人资料。管理员功能：1）类别管理：管理员可以查询、添加、修改和删除商品类别

10、。2）商品管理：管理员可以查询、添加、修改和删除商品。3）会员管理：管理员可以查看会员的个人信息并且删除会员。4）订单管理：管理员可以查看所有会员订单信息并且删除订单。5）管理员登录：输入正确的登录名，密码进行登录。2。1.2系统结构根据系统功能分析描述，系统功能结构图如下图所示:潴海在线守城图2.1滨海在线商城结构图会员*Mltir单有相ir单比利国板或高修rl*llR睢加MA询费-M性&要用布津宪中事XI苴WJ2.2用例分析从管理员角度分析，用例图如下图所示:就喜剧图2。2滨海在线商城管理员例图从会员角度分析，用例图如下图所示叁员 IJser)图2。3滨海在线商城会员用例图三、美工技术3.

11、1 logo 设计Logo代表一个网站的标志、徽标。这是我设计的滨海在线购物网站的logo,这个人在提着一个小的篮子在滨海超市购物，看这个人都要跑起来，说明来滨海购物网站里的 人特别多，这个购物网站的生意非常好。在看一下 bh就是代表我们的滨海这个名字，希 望滨海在线购物网站生意越来越好。寸的H图 31 logo3。2 flash 设计Flash动画运用到网站上非常广，我们的网站也不例外，也运用了 flash,使自己的网 站效果更好。在flash中，运用了动作补问动画，从无都有的，再由有到无的一个渐变 过程，还运用了 actionscript.在这个图下面有几个按钮分别写这 1、2、3、4、5

12、,点击这 五个按钮就可以跳到相应的图片，对图片增加了可读性。图32 flash 设计3。3 div设计使用DIV+CSS布局，页面代码精简，这一点相信对 XHTML有所了解的都知道.代 码精简所带来的直接好处有两点：一是提高 spider爬行效率，能在最短的时间内爬完整个页面，这样对收录质量有一定好处；二是由于能高效的爬行，就会受到spider喜欢，这样对收录数量有一定好处。DIV+CSS布局较Table布局减少了页面代码，加载速度得到很大的提高，这在 spider 爬行时是非常有利的.过多的页面代码可能造成爬行超时，spider就会认为这个页面无法 访问，影响收录及权重.这是一小段div代码

13、,这段代码设计了它的宽度、浮动，可以用任意一个图片去引用 这段div小代码.例如：div id=style ” /div不光是这个图片可以引用，其它的图片或是按钮也可以去引用这一段代码。四、界面设计4。1管理员界面4。1.1登录界面本模块最主要得到是系统管理员登录的主界面。该系统主要界面如下图所示欢 进人ddll管理员登录网上两域管理系统OS.图4-1管理员登录界面4.1。2类别管理界面本模块最主要得到是对商品进行分类管理界面，实现功能主要有添加商品类别和查iu&nt.如X心彳融吉击齿洞tl叫翊W*翎於IHg . M5 A 日 口天 H看修改商品类别。该系统主要界面如下图所示:LjtlS 19

14、图42类别管理界面主要代码:$(.upd).click(function () var jchTd = $ (this).parent ()。prev ();var jtxtTd = $(this) .parent。siblings。ctype);if ($ (this).val()= 更新)$ (this).val ( 确认);jchTd。children().removeAttr ( disabled);jtxtTd。html( ); else $ (this) o val (更新)；jchTd.children。.attr ( disabled , disabled);jtxtTd。ht

15、ml (jtxtTd。children ().val();var isChecked = jchTd.children ()。attr(checked)= checked ？ true:false;$ o postf categoryAction_updateCategory action”, category.cid : $ (this).attr ( “ lang”)， category.ctype : jtxtTd.html (), category。chot”: isChecked);)；4。1。3商品管理界面本模块最主要是添加商品，查询修改商品.该系统主要界面如下图所示:同曲工口 7

16、 -HMMAAjdM2看工” *a-tenaflJ*WT亡rtwOQC?即rtifl一典士看州DDCK*itEL史仝也用!M*IIVW?*W*主要代码:function option () $ ( # shuju td“).addClass(bg1);$ ( # shuju td).mouseover (function () $ (this) .removeClass(bg1”);$ (this).parent ()。children().addClass(bg);)。 mouseout (function。 $(this).parent ().children ()。removeClass

17、 ( bg);$(this)0 parent。children。addClass(“ bg1” );)；$ (.del) .clickfunction ()if (confirm(你确定要删除这件商品吗？)$ .post (goodsAction_deleteGoodsById.action” goods.gid ： goods.gid);/删除自身行$ (this).parents ( tr： first ).remove();).mouseover (function。 $(this) .css( cursor, hand );)；4。1。4订单管理界面用户注册主要功能是详细查询和修改。如

18、下图所示：注序曲五l*IHi. 国举1话至1M就satif涧通LFWe&*iJ4图4-4 订单管理界面主要代码:$ (#pageNow).change(function () window o open (eNow= $ (this) .val(), _self)； )；$。 formValidator.initConfig ( formid : form1 ”， onerror : function(msg) alert (msg);$ (#csny)。focus (function () WdatePicker( skin :whyGreen,oncleared : function。 $

19、(this)。blur ()；, onpicked : function ()$ (this) o blur (););)； )；4。2用户界面4.2.1登录界面这个模块主要是用户登录。如图所示:图4-5 用户登录界面登录主要代码：table width=284 height=113 border=0th height=29 scope=col” table width=100% height= 69% border= 0trth width=3% height=21 scope= col” /input type= text name= user。ulogin id= texfield” /

20、th width=2%scope= col/table4.2.2注册界面这个模块主要是用户注册.如图所示:图4-6 用户注册界面主要代码：messages:user.ulogin: required:登陆名必须填写”，rangelength： jQuery.format (夹 输入字符长度应该在remote：”对不起！ ！此用户名已经被占用”,力 user.uname:required:必须得填写真实姓名”user。upass required:请填写密码！ !,rangelengthi： jQuery.format（ 密码的字符长度,upass2 equalTo:两次密码/&入不一致”, u

21、ser.uemail: required:请填写 E-mail 地址！ !,email:请输入正确的E-mail地址”,ccode: required:必须填写验证码,remote:您输入的马证码错误, user。upost” : required:请填写邮政编码”，number：请输入数字”，rangelengthi: jQuery。format （ 输入的字符长度应该是 0位”） : user。uaddress? required:请填写您的详细地址，可更好的送货”）；4.2.3订单管理这个模块主要是订单管理，主要功能有查看订单，删除订单，订单支付。如图所示第日罚rwm遇r是，警通白员 誉

22、止到现在你目前已有n张订单扰累R限门打元ii单肆他找人总件订期统订单详情潮信去倒寸ji券生书36,心未支付杳书仃单注悟野百订单去重句11前生方珞上口东支付否看订摩鼻懵町百订单左支伺共1 %星而总市3至日由国小可:莫匡贡上一55下一览尾直图4-7 用户订单管理界面4。2.4个人管理这个模块主要是账户管理、个人信息管理。如图所示:宇爱眄用户：耐然到唇由近坡南鼻中A也建空小如育曲写，*平名再讲，图4-8用户个人界面4.2.5查看购物车这个模块主要是查看购物车，查看自己要买的东西。如图所示:鼻 hflje r us 芸wit图4-9用户查看购物车4.2.6检索商品这个模块主要是检索商品，以最快的速度找

23、到自己想要的商品。如图所示:图410用户检索商品界面mm里苗I*1 工HIM * 11总结回顾该系统从选题，到调研、需求分析、设计、编码实现、测试等，论文的撰写，这 系列连贯的过程，感想颇多，收获也很多。大致的总结几点，如下：1 .设计开发一个管理系统，首先要了解所涉及到行业的现状，一定要想办法进行行业 调研，从不同途径获取该行业的专业知识。合理安排系统设计开发时间，进行实际开发 会发现需求分析与系统设计占主要的时间，如果前面的工作做好了，编码实现占用的时间 很短。再根据所了解的情况进行详细的编程阶段。2。在开发一个系统时，前期的分析准备工作非常的重要.对于系统的需求要明确， 这样才能做到有的放矢.特别是对于系统中数据的存储和表单格式的设计，设计的不好会 出现会出现大量的数据库内存的浪费和页面与数据库连接不成功等问题 .3.在设计的初期，对一个网页功能模块，要构想出详细的方案，这样可以根据所需 要完成的功能来进行编写，从而使设计方案更加完美，设计开发过程中一定要吸取经