jsp生成工具的设计说明书

1、一、 网站概述11.1开发背景11.2系统环境2二、系统设计 32.1需求分析32.1.1 功能描述322用例分析4三、美工技术53.1 LOGO 设计53.2 flash 设计53.3 div 设计6四、界面设计74.1管理员界面7登录界面7类别管理界面7商品管理界面 8订单管理界面 94.2用户界面10登录界面10注册界面12订单管理13个人管理14查看购物车14检索商品 14总结15参考文献15滨海在线商城 设计说明书一、网站概述1.1开发背景随着计算机技术的发展，计算机使用于网络商务经营及信息管理的必要性和优 越性日益显示出来。企业若想在激烈的竞争中胜出就必须拥有一套完整的且合适自 身

2、特点的网络商务经营及管理信息系统。电子商务是In ternet爆炸式发展的直接产物，是网络技术使用的全新发展方向。 电子商务是利用现代信息进行商务活动的一种先进手段，作为创新的经济运行方 式，其影响已经远远超过商业领域。针对当前蓬勃发展的电子商务浪潮，本文从理 论和实践两个角度出发，对电子商务进行了深入的探讨。报告构建一个电子商务使 用系统-网上购书。本系统是一个基于in ternet，采用B2C(Busi ness to Co nsumers模式，并根据现有 的网上购书系统的现状而设计开发的电子商务平台。它不但可以扩大商家的规模和 市场影响力，而且可以减少企业的经营成本，提高工作效率。利用了

3、Access 2003及MyEclipse开发此系统。本文档详细介绍了使用 UML进行系统的分析和设计。 JSP技术使用Java编程语言编写类XML的tags和scriptlets，来封装产生动态网页 的处理逻辑。网页还能通过tags和scriptlets访问存在于服务端的资源的使用逻辑。 JSP将网页逻辑和网页设计和显示分离，支持可重用的基于组件的设计，使基于Web 的使用程序的开发变得迅速和容易。Web服务器在遇到访问JSP网页的请求时，首先执行其中的程序段，然后将执行结 果连同JSP文件中的HTML代码一起返回给客户。插入的 Java程序段可以操作数 据库、重新定向网页等，以实现建立动态

4、网页所需要的功能。该系统能够实现用户 的注册，登录功能，能够实现商品的订购和管理员管理等功能。该系统基本上具备 一个网上商品销售系统应该具备的功能，该系统基本上体现了构建一个动态商务网 站所需要的技术，可以说，目前的带型商务网站也是这种小型网站的扩充和重复。 网购如今已经成为了人们生活的习惯，越来越多的人参和到网购当中，国人通过互 联网购物的消费量已经跃居世界第一，在此电子商务大发展的背景下，“滨海在线商城”开发完成正式问世1.2系统环境系统架构：B/S操作系统： Win dows XP / 7开发语言：Java开发环境：JDK 1.6、JavaEE 5开发工具：MyEclipse 8.5使用

5、服务器：Totmcat 6.0数据库：Mysql 5.5UML 建模工具：TrufunPlato数据库建模工具：ERStudio代码管理工具：TortoiseSVN前台工具： Dreamweave， Photoshop Flash 等运行环境：IE， Firefox， Chrome相关技术：JSP、Struts2、Hibernate、C3P0、Spring、JavaMail、Lucene、JQuery、Ajax、JSON、Log4J、Jun it、Html/CSS 等1、系统设计2.1需求分析功能描述会员功能：1）会员注册：买家购物之前需要注册成为会员。2）会员登录：输入正确的登录名，密码进行

6、登录。3）检索商品：输入商品名进行商品检索。4）查看购物车：会员可以在购物车中查看自己选好放入购物车车中的商品。5）查看订单：会员可以查看自己的订单情况，以及选择进行支付或取消支付6）订单支付：会员可以通过支付中介向商家进行支付。7）废除订单：如果订单还没进行支付可以废除该订单。8）个人管理：会员可以修改自己的密码和个人资料。管理员功能：1）类别管理：管理员可以查询、添加、修改和删除商品类别。2）商品管理：管理员可以查询、添加、修改和删除商品。3）会员管理：管理员可以查看会员的个人信息并且删除会员。4）订单管理：管理员可以查看所有会员订单信息并且删除订单。5）管理员登录：输入正确的登录名，密码

7、进行登录。系统结构根据系统功能分析描述，系统功能结构图如下图所示:査 看W riT即tAwlf*flmRmJK举rr单真单 ff ft图2.1滨海在线商城结构图2.2用例分析从管理员角度分析，用例图如下图所示:盡别它理诠改商品£>|杳湖会员订单骨理查词订单W - u岂空口如图2.2滨海在线商城管理员例图从会员角度分析，用例图如下图所示:图2.3滨海在线商城会员用例图三、美工技术3.1 logo 设计Logo代表一个网站的标志、徽标。这是我设计的滨海在线购物网站的logo，这个人在提着一个小的篮子在滨海超市购物，看这个人都要跑起来，说明来滨海购物网站里的 人特别多，这个购物网站的

8、生意非常好。在看一下bh就是代表我们的滨海这个名字，希望滨海在线购物网站生意越来越好。图 3-1 logo3.2 flash 设计Flash动画运用到网站上非常广，我们的网站也不例外，也运用了flash，使自己的网站效果更好。在flash中，运用了动作补间动画，从无都有的，再由有到无的一个渐 变过程，还运用了 actionscript。在这个图下面有几个按钮分别写这1、2、3、4、5，点击这五个按钮就可以跳到相应的图片，对图片增加了可读性。图3-2 flash 设计3.3 div设计使用DIV+CSS布局，页面代码精简，这一点相信对XHTML有所了解的都知道。代码精简所带来的直接好处有两点：一

9、是提高spider爬行效率，能在最短的时间内爬完整个页面，这样对收录质量有一定好处；二是由于能高效的爬行，就会受到spider喜欢，这样对收录数量有一定好处。DIV+CSS布局较Table布局减少了页面代码，加载速度得到很大的提高，这在spider 爬行时是非常有利的。过多的页面代码可能造成爬行超时，spider就会认为这个页面无法访问，影响收录及权重。<div style="width: 980px; marg in: Opx auto;">这是一小段div代码，这段代码设计了它的宽度、浮动，可以用任意一个图片去引 用这段div小代码。例如：<div i

10、d="style"><img style="float: left;"src="$pageC on text.request.c on textPath/image/i ndex/logo.p ng" width="220" height="80" /></div>不光是这个图片可以引用，其它的图片或是按钮也可以去引用这一段代码。四、界面设计4.1管理员界面4.1.1 登录界面本模块最主要得到是系统管理员登录的主界面。该系统主要界面如下图所示:ELCOME管理员登录

11、I* K A II欢越粧入* 0.45图4-1管理员登录界面类别管理界面本模块最主要得到是对商品进行分类管理界面，实现功能主要有添加商品类别和查 看修改商品类别。该系统主要界面如下图所示：1產Gou主要代码：$(".upd").click(fun cti on() var jchTd = $(this).pare nt().prev();var jtxtTd = $(this).pare nt().sibli ngs(".ctype"); if ($(this).val()="更新")$(this).val("确认"

12、;);jchTd.childre n().removeAttr("disabled");jtxtTd.html("<i nput value='" + jtxtTd.html()+ "' />"); else $(this).val("更新");jchTd.childre n().attr("disabled", "disabled"); jtxtTd.html(jtxtTd.childre n().val();var isChecked = jc

13、hTd.childre n().attr("checked") = "checked" ? true:false;$.post("categoryActio n_ updateCategory.actio n","category.cid" : $(this).attr("la ng"),"category.ctype": jtxtTd.html(),"category.chot" : isChecked);)；商品管理界面本模块最主要是添加商品，查询修改

14、商品。该系统主要界面如下图所示:fjEPVii金自輩晞总呂！S3Ail上#IH«aatws-ildlOtt-2£E£¥*01* a»rjIWWi.SIXKl¥6 3IWCCEEE?5 ilfZ1ID««Jfc 七IWR¥S.5c* 出 IJ图4-3商品管理界面function opti on() $("#shuju td").addClass("bg1");$("#shuju td").mouseover(fu nctio n() $(this)

15、.removeClass("bg1");$(this).pare nt().childre n().addClass("bg");).mouseout(fu nctio n() $(this).pare nt().childre n().removeClass('bg');$(this).pare nt().childre n().addClass("bg1"););$(".del").click(fu nctio n() if (confirm("你确定要删除这件商品吗?")

16、$.post("goodsActio n_deleteGoodsByld.actio n", "goods.gid" : goods.gid);/删除自身行$(this).pare nts("tr:first").remove();).mouseover(fu nctio n() $(this).css("cursor", "ha nd"););Jh订单管理界面用户注册主要功能是详细查询和修改。如下图所示:三虽GI亘图4-4 订单管理界面$("#pageNow").cha n

17、ge(function。win dow.ope n( eNow= $(this).val(), "_self"); );$.formValidator.i ni tCo nfig( formid : "form1", on error : function( msg) alert(msg);$("#cs ny").focus(fu nctio n() WdatePicker( skin : 'whyGree n', on cleared : function。 $(this).blur();,on picked : f

18、un cti on() $(this).blur();););）；4.2用户界面登录界面这个模块主要是用户登录。如图所示:oiqev><4/><MV><4/>v/o6=odoos “乙戸屮P!M 屮<MV></ “p|O!#xoi“=p! “uQo|rrosn“=oiueudui><11|oo11=8doos “09“=屮PW 屮 v/o6=odoos “乙戸屮P!M 屮 <MV>:多H宙<11|0011=8d00S “田人丄s产ssep “0G=屮P!M 屮v/“|O6=odoos j 乙冃“Qu “&

19、amp;二屮P!m 屮Vl><11011=jepjoq “69“=1U6qii “00=U1P!m Q|qe><11|oo11=8doos “6乙冃u6qu 屮vl><110.1=J8pJoq £|4“=1葩!列“西乙戸屮pm 8|qe>：咸甘壷王咨爲哩苗沓憂吕宙 9- 0422注册界面这个模块主要是用户注册。如图所示:4盒GidgO SfMXHflEjUiWVS-豎为为lEHIL AftKUYtABtl图4-6 用户注册界面主要代码：messages:"user.ulogi n":required:"登陆名必须

20、填写", rangelength:jQuery.format(”探输入字符长度应该在 remote:'对不起！!！此用户名已经被占用","user.u name":required:"必须得填写真实姓名"，"user.upass":required:"请填写密码!",ran gele ngth:jQuery.format( 密码的字符长度，upass2:equalTo:"两次密码输入不一致."，"user.uemail":required:&quo

21、t;请填写 E-mail 地址!"，email:"请输入正确的E-mail地址"，ccode:required:'必须填写验证码",remote:"您输入的验证码错误","user.upost":required:"请填写邮政编码",number:"请输入数字",rangelength:jQuery.format（输入的字符长度应该是0位"）,"user.uaddress":required:"请填写您的详细地址，可更好的送货&

22、quot;）；423订单管理这个模块主要是订单管理，主要功能有查看订单，删除订单，订单支付。如图所示：您目前的会员雜别是：普渔合员截止至飙拖你目前已畜o张订单完咸交易累计消廣敬元所有订单订单号收翠总愉订辎燼订单详情作去盍讨32琏节査看订单翔取消订单去支羽31粽生节未支忖造看订单廡取鞘丁单去支忖图4-7 用户订单管理界面424个人管理这个模块主要是账户管理、个人信息管理。如图所示:亲班的用户；双理玉到潘薄在妊周寤"昔埋至间、対所辛fl ft.SS.ffi ! S=!*JE图4-8用户个人界面425查看购物车这个模块主要是查看购物车，查看自己要买的东西。如图所示:苜页勒的馳车我的帳粧节S

23、3蜩額海左站鬲菠!*财壬Lit纳品吉第苴图4-9用户查看购物车426检索商品这个模块主要是检索商品，以最快的速度找到自己想要的商品。如图所示:总点賞别电ISR£倩奇立峯*0三*电d醇贰苒页电子散嗒壬UL苹!P韩生节欢41的铝厝莓在找懵Ifl!匚一 i用户检索商品界面图 4-10女士 4谢I .和”-itTti 币瞬¥利 ffilSlfl ¥ 23 J5商财¥ L85.Q势花W士|畫洛疋宀£I I *". 111商场 11 ¥ 1155f.fjjTtle sm i件用品 去fin（力I曲希唏t V；爼， 商场怕¥ B

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