网上生鲜超市系统的设计实现分析

..word.zl..word.zl网上生鲜超市系统的设计与实现摘要本网上生鲜超市系统是一个基于Internet,采用B2C(BusinesstoConsumers)模式，并根据现在普遍的网上在线购物支付模式设计开发的一个网上生鲜超市系统——“生鲜该网上生鲜超市系统，利用Java、JSP、JavaScript作为前台的应用程序开发语言，利用MYSQL作为后台的数据库，在JDK1.6、Tomcat6.0和MyEclipse的开发环境下采用SSH整合框架技术进展开发工程。系统在功能上分为前台管理和后台管理两个局部。前台主要为顾客提供会员注册，关键词： 网上生鲜超市；JSP；SSH框架TherealizationoftheonlinefreshsupermarketsystemanddesignAbstractTheonlinesupermarketssystemisbasedonInternet,B2C(BusinesstoConsumers)mode,andinaccordancewiththepopularonlineonlineshoppingpaymentmodeldesignanddevelopmentofanonlinesupermarkets"freshStreet".Thepurposeofthissystemdevelopmentisfortheconvenienceofthemajorityofofficeworkersandhomegroupstofacilitatepurchaseoffreshproducts,simpleandeasytoset,savingtime,andmanyotheradvantagesoftheoptionalmulti-in-oneonlineshoppingfreshsystemhaswonthemajorityofusersfavorofe-merceistheuseofmodernmunicationtechnology,networktechnologyasasocioeconomicpatterns.Theonlinesupermarketssystem,theuseofJava,JSP,JavaScriptasaforegroundapplicationdevelopmentlanguage,MySqlasaback-enddatabase,SSHintegrationintheJDK1.6,Tomcat6.0andMyEclipsedevelopmentenvironmentframeworkfortechnology.Thetwopartsofthefrontandbackofficemanagementsystemfunctionalatmosphere.Frontdesktoprovidecustomerswithmembershipregistration,shoppingcartmanagement,productbrowsingandclassifiedinformations.Thebackgroundismainlyprovideadministratorswithmerchandisemanagement,customerinformationmanagement,ordermanagementfeaturessuchasonlinesupermarketssystemhaspowerfulinteractivefeatures,merchantsandcustomerscanfacilitatethetransmissionofinformationtopletee-merceorEDItransactions.KeyWords:OnlineFreshSupermarket; JSP; SSHArchitecture..word.zl..word.zl目录摘要IAbstractII网上生鲜超市系统的概述11课题研究背景和意义1研究背景1研究意义2网上生鲜超市开展的社会环境及条件分析3网上生鲜超市的可行性研究5589网上生鲜超市系统分析1111的可行性分析111212开发的设计思想13系统的开发环境与关键技术14系统采用的架构技术14JSP14JavaBean15Servlet技术15Structs技术16Spring17系统采用的开发环境17JDK17数据库软件Mysql18Web效劳器Tomcat6.018集成开发工具Eclipse1919JavaScript1920网上生鲜超市系统的总体规划与设计21功能规划与设计2121管理员功能模块21系统层次模块图2223界面设计与功能模块的程序设计26生鲜街主界面2124262830634343435结 论 36献37致48附录1 外文参考文献〔译文〕37附录2 外文参考文献〔原文〕39

参 考 文1网上生鲜超市系统的概述引 言容、从生产到生活的各种活动，并且给人类带来了新的机遇和挑战。该网上生鲜超市系统，利用的主要技术是基于效劳器的JSP、Java的组件技术。利用MYSQL作为后台的数据库，在JDK1.6、Tomcat6.0和MyEclipse的开发环境下采用SSH整合框架技术进展开发工程。课题研究背景和意义研究背景展速度迅猛，美国的世界级超一流的零售商，如沃尔玛凯玛特、家庭仓储、科罗格、J.C培尼等纷纷跻身于网络经商的行列。调查说明：美国的家庭已越来越习惯于在家中从网上购物。在1996年，燕莎友谊商场首次通过网上商城售出一个景泰蓝，虽然货款的支付等大城市，已有200多家商场，专卖店开设了网上商店，还有一些正处在观望阶研究意义网上生鲜超市以B/C网上生鲜超市为中国城市化进程中的市民提升生活品质，创造营养，鲜生活的家庭生鲜消费，将繁琐的家务时光变成家庭的享乐时光成立的现代农业科技公司，是立足于家庭生鲜农产品供给，以现代化的农产品流通供给链，为城市居民提供响应政府新一轮加快探索出了低本钱，高效率，高技术，高知识为一体的创新型网上生鲜超市开展的社会环境及条件分析分析欧美国家上世纪7O年代至9O必须具备以下环境和条件：居民收入持续提高，居民消费恩格尔系数小于3O％动零售商业的变革，这已经为世界网上零售业态开展和变革的历史所证实。GNP到达3000现；到达6000的物质生活。随着Internet的迅速崛起，网上超市应运而生，择自己喜欢的商品。尔系数小于3O％．口的的生鲜准时送货到家，会有谁不乐意呢？家庭构造以核心家庭为主有一定规模的稳定的供给商兴旺国家至上世纪7O年代根本实现了农业现代代，形成了高度成熟的农业产业化链条，再加上Internet的快速崛起，这为网上生鲜食品超市化提供了良好的货源根底和科技要求。产品标准化、品牌化现代化物流配送系统的建立有数据说明，兴旺国家的果蔬损失率控制在5％以下．而我国水果、蔬菜等农副产品在采摘、运输、储存等物流环节上的损失率那么在 25％～30％。欧洲最大的生鲜食品超市——法国冠军超市在法国外乡拥有实体店铺和网上店铺超过1000家．强大的配送中心是保证它商品种类齐全、价格低廉的重要原因其次就是通过建立自己的配送中心来降低配送本钱因此是否拥有一套现代化流配送系统是开展生鲜超市的有力保障。先进的管理技术生鲜的经营带有很多技术性做法及很多不易控制的因素给员工带来一定的操作难度。如生鲜的价格、生鲜的质量、生鲜的加工、生鲜的损耗等。其中生80年代中期已普遍采用POSEDIEOS在上世纪90年代网上购物迅速崛起，因此，先进的超市管理技术为网上生鲜超市管理打下了良好的根底。从上述条件分析，网上生鲜超市的成功经营除了投资者要善于运用先进营销理念、管理手段和管理技术外，更需要有成熟的Internet网络环境和经济环境的支撑和消费观念的更新。而这便需要政府积极地创造和引导。网上生鲜超市的可行性研究网上生鲜超市的现状在我国，随着互联网技术的进步，上网费的降低，网民的高速增长，网上购物必将拥有一个更加广阔的市场。目前，宽带正在进入寻常百姓家，信用制度即市的应运而生，正好满足了这局部人的需求。网上生鲜超市系统是以网上在线购物，在线支付的方式进展商品交易模式之路。具体地说，应在以下几方面有所突破：提高效率任何一家网上零售商，只用心吸引顾客自己的还不够，还必须留住顾客，乐开展用户鼠票一击，可以周游全球的网上商城。目前，网上零售业强劲增长，而许多网上零售企业只是苦于新的客户群增长缓慢。商业信息集团Datamonitor在调查了七大工业国的7500位消费者之后，提供一份报告，目前，网上购物的模式实际上并未改变，但是，欧洲市场规模164亿美元的电子零售营收，只是由14的潜在50％；9％；27；8方便快捷式。日前，贸发局发表一份最新研究报告，指出，随着地上网费的不断下调，场，网上零售业的前景将十分乐观。网上生鲜超市存在的问题及原因分析点：目前还存在很大一局部消费者受传统购物观念的束缚。因为网上购物的了网上购物的开展与普及。缺乏平安的网上支付机制。目前我国的网上支付机制还不是很健全，相大影响了电子商务的运行效率。物流配送系统不完善。网上购物的消费者分布在全国各地，这就给商家的物流配送带来很大的挑战，每位消费者都希望在最短的时间拿到所购置的商存在较多的问题。不明显。技术较为落后，人才匮乏。在中国，只有当当卓越拥有超过百人的技术团队，中型B2C是多面手，要做很多方面的事情，严重影响了工作的效率和开展的脚步。针对在线付款的的对策建议我国电子商务信用问题已引起社会各方高度重视。目前我国出台了许多的安康开展。实名制是解决网络欺诈、改善网络购物环境的有效途径。建议网上购物加强宣传力度，普及网络交易的维权常识，改善网络条件。对网上购物引起其对网上购物的兴趣，使更多的人参与到网上购物中。改善物流配送状况。完善物流配送体系，提高物流配送速度与效率，提制度，保证配送公司盈利的情况下使顾客权益最大化。5．6．完善支付与信用体系，加强诚信建立。这是整个社会大环境的问题，不一步改善网上购物的环境，这样中国的B2C才会高速开展。2网上生鲜超市系统分析能进展细致的分析，从而才能够开发出完整的系统设计。的设计目标本系统利用Jsp，java，javscript作为前台的应用开发语言，Mysql作为后台的数据库，采用SSH整合框架技术进展开发工程。此系统分为前台管理和后台管理。前台管理是友好的操作界面，供用户浏览、查询使用。包括：浏览商品、查询商品、订购商品、购物车等功能；后台管理是提供给管理员的，其中包括：并提高了办公效率。的可行性分析可行性研究是为了弄清楚系统开发的工程是不是可以实现和值得进展研究得出以下四点的可行性分析：能力有限，其功能还不能完善，所以没有什么经济效益可谈。Spring+Struts2+Mybatis整合框架整体布局的优势。运行可行性：该系统需要搭建JVM即JAVA虚拟机和Tomcat环境，在此环境下系统，并且在正确连接数据库后可以正常运行。4．计，因此不会构成侵权，在法律上是可行的。通过以上的可行性分析，我将采用JSP＋Servlet相结合的技术，运用MySQL数据库对进展建立。的深入调查能完成顾客根本信息录入的注册和生鲜产品的浏览和在线购置功能。能够完成管理员对的生鲜资料〔生鲜添加、生鲜审查订购信息管理等功能。能过输入生鲜商品的名称，进展分类搜索。费用进展确定。经过前一阶段的调查与研究分析，我已确定了该平台设计的主要功能，对每个功能模块也作了具体描述，下面就来具体分析该平台的设计特点与具体思想。设计的特点才能到达的结果，采用Web技术，借助于Internet简单、方便、易行。开发的设计思想3系统的开发环境与关键技术系统采用的架构技术JSP页面技术JSPSunMicrosystemsHTMLJavaScriptletJSP标签，就构成了JSPjava程序片段可以操纵数据库、重新定向网页以JSPjavaserverpageServletHtmljavaJSPServlet通常返回给客户端的就是一个HTMLWeb效劳器在遇到JSPJSP文件中的HTML代码一起返回给客户端。插入的Java程序段可以操作数据库、重新定向网页等，以实现建立动态网页所需要的功能。JSPJava编程语言编写类XMLtags和scriptletstags和scriptletsJSP的应用程序的开发变得迅速和容易。JSP(JavaServerPages)是一种动态页面技术，它的主要目的是将表示逻辑从Servlet中别离出来。JSPHTML代码和嵌入其中的Java端请求以后对这些Java代码进展处理，然后将生成的HTMLJavaServlet是JSPWebJavaServlet和JSPJSPJava对象，具有平台无关性且平安可靠，主要面向因特网的所有特点。自JSP推出后，众多大公司都支持JSP技术的效劳器，如IBM、Oracle、Bea公司等，所以JSP迅速成为商业应用的效劳器端语言。JavaBeanJavaBean组件技术用于封装业务逻辑，以便于外界的调用。其由一组属性和操作这些属性的函数组成。JavaBean是一种可重复使用的且跨平台的软件组件。JavaBean可分为两种：一种是有用户界面〔UserInterface，UI〕的JavaBean，还有一种是没有用户界面，主要负责表示业务数据或者处理事务〔如数据运算、操纵数据库〕的JavaBean。JSP通常的是后一种JavaBean。JSP与JavaBean搭配使用，有3个好处：〔1〕使得HTML与Java程序别离，这样便于维护代码。如果把所有的程序代码都写到JSP网页中，会使得代码繁杂，难以维护。〔2〕可以降低对开发JSP网页的人员的Java编程能力的要求。〔3〕JSP侧重于生成动态网页，事务处理由JavaBean来完成，这样可以充分利用JavaBean组件的可重用性特点，提高开发的效率。ServletServletServlet大的提高了系统利用率。Servlet是MVC效劳拦截、过滤等。Servlet是一种端的Java应用，具有独立于平台和协议的特性，可以生成动态的Web页面。它担当客户请求〔Web浏览器或其他客户程序与效劳器响应〔效劳器上的数据库或应用程序〕的中间层。Servlet是位于Web部的效劳器端的Java应用，与传统的从命令行启动的Java应用程序不同，ServletWeb效劳器进展加载，该Web效劳器必须包含支持Servlet的Java。servlet是在效劳器上运行的小程序。这个词是在Javaapplet的环境中创造的，Javaapplet是一种当作单独文件跟网页一起发送的小程序，它通常用于在效劳器端运行，结果得到为用户进展运算或者根据用户互作用定位图形等效劳。用公共网关接口〔CGI(monGatewayInterface)Javaservlet的优点在于它们的执行速度更快于CGIStructsStruts是Apache基金会Jakarta工程组的一个OpenSource工程，它采用MVC模式，能够很好地帮助java开发者利用J2EE开发Web应用。和其他的java架构一样，Struts也是面向对象设计，将MVC模式"别离显示逻辑和业务逻辑"的能力发挥得淋漓尽致。Structs框架的核心是一个弹性的控制层，基于如JavaServlets，JavaBeans，ResourceBundles与XML等标准技术，以及Jakartamons的一些类库。Struts由一组相互协作的类〔组件〕、Servlet以及jsptaglib组成。基于struts构架的web应用程序根本上符合JSPModel2的设计标准，可以说是一个传统MVC设计模式的一种变化类型。SpringSpring的核心是轻量级的容器，它实现了IoC供AOP概念的实现方式，提供对持久层、事务的支持，提供MVCWeb框架的APISpring赖。层与层之间的依赖通常是以接口的形式表现，以确保其耦合尽可能松散。、对象生命周期的管理。2Spring轻量级容器表达在：只需设置一个Jar文件到CLASSPATH，不用去调低LooselyCoupled工厂类创立DAO对象，Spring将View层与持久层，比与Hibernate联系起来。SpringHibernate的使用，还可以帮助管理HibernateSpring本身没有O-Rmapping。系统采用的开发环境JDKJDK(JavaDevelopment开发工具)是一个写Java的者编译，调试和运行用Java语言写的applet和应用程序所需的工具组成。jdk是SunMicrosystems针对Java开发员的产品。自从Java推出以来，JDK已经成为使用最广泛的JavaSDK〔Softwaredevelopmentkit〕。数据库软件MysqlMySQLSQL数据库管理系统，它由MySQLAB开发、发布和支持。MySQL效劳器支持关键任务、重负载生产系统的使用，也可以将它mass-deployedMySQLMySQLMySQLMySQLMySQL/效劳器或潜入系统中。有大量的MySQLWeb效劳器Tomcat6.0Tomcat是Apache软件基金会〔ApacheSoftwareFoundation〕的Jakarta工程中的一个核心工程，是一个免费的开放源代码的、支持JSP和Servet技术的容器，它同时又是一个Web效劳器软件。Tomcat很受广阔程序员的喜欢，因为它运行时占用的系统资源小，扩展性好，支持负载平衡与效劳器等开发应用系统的功能。TomcatJSP程序的首选。当在一台机器上配置好Apache效劳器，可利用它响应对HTML页面的请求。实际上Tomcat局部是Apache效劳器的扩展，但它是独立运行的，所以当你运行tomcat时，它实际上作为一个与Apache独立的进程单独运行的。集成开发工具MyEclipseMyEclipse是一个开放源代码的、基于Java的可扩展开发平台。就其本身而言，它只是一个框架和一组效劳，用于通过插件组件构建开发环境。幸运的是，MyEclipseJavaJavaDevelopmentJDK〕。虽然大多数用户很乐于将MyEclipse当作Java集成开发环境〔IDE〕来使用，但Eclipse的目标却不仅限于此。MyEclipse还包括插件开发环境〔Plug-inDevelopmentEnvironment，PDE〕，这个组件主要针对希望扩展MyEclipse的软件开发人员，因为它允许他们构建与 MyEclipse环境无缝集成的工具。由于MyEclipse中的每样东西都是插件，对于给MyEclipse提供插件，以及给用户提供一致和统一的集成开发环境而言，所有工具开发人员都具有同等的发挥场所系统开发的关键技术JavaScriptJavaScript同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比方响应用户的各种操作。它最初由网景公司的BrendanEich设计，是一种动态、弱类型、基于原型的语言，置支持类。本系统在JSP页面中添加许多JavaScript语言标记来验证用户提交的信息是的申购信息加以识别，也对许多级联信息加以筛选。分页数据的显示本系统将所有需要分页显示的数据封装在一个Setpage的Javabean文件中，ResultSet的RowSetRowSet果集，可以及时释放空间，加快数据速度，同时RowSet也支持Javabean本工程具体用到的工具进展介绍具体如下：〔1〕基于J2EE架构的应用程序，具有Java到处运行〞。〔2〕操作系统：WindowsXP〔3〕数据库：MySql〔4〕Web效劳器：Tomcat6.0〔5〕Java编译器：JDKl.6〔6〕开发工具：MyEclipse4网上生鲜超市系统的总体规划与设计功能规划与设计用户功能模块分析物车信息购置生鲜产品。会员信息修改模块：顾客在登录了本网上生鲜超市系统后，可以管理自己的个人信息。主页浏览模块：任意普通用户进入本生鲜超市系统，都可以浏览我们“生鲜街〞的商品，一览无遗的主页生鲜产品，亦可根据不同分类进展快速查询。管理员功能模块生鲜管理模块：管理员可以添加、删除、修改等操作来管理来对生鲜产品理订单信息。顾客信息管理模块：管理员可以查看顾客列表，删除指定的顾客信息。系统层次模块图顾客模块管理员模块订单管理购物车管理管理员信息修改订购生鲜修改购物信息在本文的系统可行性研究章节已经就本系统的所有功能做了一个大致的需顾客模块管理员模块订单管理购物车管理管理员信息修改订购生鲜修改购物信息注会顾主管生顾册员客页理鲜客会信登浏员管信员息修改陆览生鲜登陆理息管理管分 生生 生 删订审理类 鲜鲜 鲜 除单核购查 修添 删 顾结订物车询 改加 除 客信算单息数据库设计

图4.1功能需求分析图1、管理员信息表管理员信息表主要是用来描述管理员的信息，其包括管理员名称和管理员密码。见表4-1：表4-1管理员信息表名称描述类型 主键外键是否为空user_name管理员名varchar(100) 否否不为空pwd管理员密码varchar(50) 否否不为空2、顾客信息表表4-2顾客信息表名称描述类型主键外键是否为空顾客信息表主要是用来描述顾客的详细信息表4-2顾客信息表名称描述类型主键外键是否为空id编号int(12)是否不为空user_name顾客名varchar(100)否否不为空add_time注册时间bigint(20)否否不为空pwd顾客密码varchar(50)否否不为空user_grade会员等级int(12)否否不为空certificate_no明varchar(50)否否不为空phone联系varchar(50)否否为空user_addrvarchar(200)否否不为空3、商品类别表商品类别表主要是用来描述商品的分类，其包括商品编号和商品名称，见表4-3：表4-3商品类别表名称描述类型 主键外键是否为空id编号int(12) 是否不为空cat_name商品名称varchar(100) 否否不为空4、商品信息表商品信息表主要是用来描述商品的详细信息，其包括商品编码、商品名称、商品购置时间、商品规格、商品类别、商品价格、商品单位、商品备注、商品备注等。见表4-4：表4-4商品信息表名称描述类型主键外键是否为空id编号int(12)是否不为空pro_name商品名称varchar(100)否否不为空proadd_time购置时间bigint(20)否否不为空pro_standard商品规格varchar(20)否否不为空cat_id商品类别int(12)否是不为空price商品价格double否否不为空pro_unit商品单位varchar(10)否否为空pro_desc商品备注varchar(200)否否不为空pro_pic商品图片varchar(200)否否不为空5、订单信息表订单信息表主要是用来描述顾客的订单信息其包括订单编码顾客号购置时间所购商品总价收货人收货人收货人 收货人地址等见表表4-5订单信息表名称描述类型主键外键是否为空id编号int(12)是否不为空user_id顾客号int(12)否否不为空order_time购置时间bigint(20)否否不为空total_price商品总价double否否不为空receive_name收货人varchar(100)否是不为空receive_phone收货人varchar(100)否否不为空receive_post收货人varchar(100)否否不为空receive_addr收货人地址varchar(100)否否不为空--5界面设计与功能模块的程序设计述，因此只能简单大体的介绍下本系统的功能实现。生鲜街主界面5.1所示：主要代码如下：

图5.1生鲜街主界面<head><meta -equiv="Content-Type"content="text/html;charset=UTF-8"><title>生鲜街</title><linkrel="stylesheet"type="text/css". .word.zl..word.zl..word.zlhref="${pageContext.request.contextPath}/css/fvms.css"/><scripttype="text/javascript"src="${pageContext.request.contextPath}/js/layer/jquery-1.9.1.min.js"></script><scripttype="text/javascript"src="${pageContext.request.contextPath}/js/layer/layer.min.js"></script><scripttype="text/javascript"src="${pageContext.request.contextPath}/js/main.js"></script><styletype="text/css">.update_part{display:none;}</style></head><bodybgcolor="#FFFeFe"><li><imgsrc="${pageContext.request.contextPath}/images/2.jpg"height="116px" alt=""/></li><li><imgsrc="${pageContext.request.contextPath}/images/3.jpg"width="686px"height="116px" alt=""/></li><li><imgsrc="${pageContext.request.contextPath}/images/4.jpg"height="116px" alt=""/></li><li><imgsrc="${pageContext.request.contextPath}/images/5.jpg"height="116px" alt=""/></li><tdwidth="50px">名称：</td><tdwidth="195px"><spanstyle="font-weight:bolder;color:#00B366">${proName}</span></td><tdwidth="50px">种类：</td><tdwidth="195px"><spanstyle="font-weight:bolder;color:#00B366">${catName}</span></td></tr><tr><td>规格：</td><td><spanstyle="font-weight:bolder;color:#00B366">${proStandard}</span></td><td>单价：</td><td><spanstyle="font-weight:bolder;color:<divid="updatepid${id}"class="update_part"><divclass="upconticon"><imgsrc="${pageContext.request.contextPath}/images/fv/${proPic}"width="150px"height="150px"></div><divclass="upcont"><p><spanclass="gxin">商品编号：</span><inputtype="text"id="pro${id}"disabled="disabled"value="${id}"class="upinputs"/></p><p><spanclass="gxin">商品名称：</span><inputtype="text"id="proname${id}"value="${proName}"class="upinputs"/></p><p><spanclass="gxin">商品种类：</span><inputtype="text"disabled="disabled"value="${catName}"class="upinputs"/></p><p><spanclass="gxin">商品规格：</span><inputtype="text"id="prosta${id}"value="${proStandard}"class="upinputs"/></p><p><spanclass="gxin">商品价格：</span><inputtype="text"id="proprice${id}"value="${price}"class="upinputs1"/>${proUnit}</p><p><spanclass="gxin">商品说明：</span><inputtype="text"id="prodesc${id}"value="${proDesc}"class="upinputs"/></p><br/><p><inputtype="button"id="upbtn"value="保 存"style="width:100px;30px;font-size:15px;margin-left:40px;"onclick="save(${id});"/></p></div></div><ahref="/fvms/main!findProByCatId?catId=${catId}&currtPageNo=1"class="fenye">第一页</a> |<s:iftest="currtPageNo>1"><ahref="/fvms/main!findProByCatId?catId=${catId}&currtPageNo=${currtPageNo-1}"class="fenye">上一页</a> /</s:if><s:iftest="currtPageNo<tatalPageNo"><ahref="/fvms/main!findProByCatId?catId=${catId}&currtPageNo=${currtPageNo+1}"class="fenye">下一页</a>--登录界面管理员和顾客在登录模块输入正确的用户名和密码进入到相应的系统界面如图5.2所示：图5.2登录界面主要代码如下：<scripttype="text/javascript"src="${pageContext.request.contextPath}/js/jquery-1.7.2.min.js"></script><script type="text/javascript"src="${pageContext.request.contextPath}/js/login.js"></script></head><body><%includefile="../mons/head1.jsp"%><divclass="logincontent"><br><span style="margin: 50px0 0 100px; font-size: 40px; font-weight: bold; color:. .word.zl--#00B366">用户登录</span><br/> <br/><hr/><divclass="login_icon"><divclass="login_icon1"></div><divclass="login_from"><formaction="/fvms/user!login"method="post"id="loginForm"><tableborder="0"width="420px"height="300px;"><tr><tdheight="50px"colspan="3"><divstyle="background:#E6E6E6;height:50px;line-height:50px;"><spanstyle="color:#00CC00;font-size:15px;margin-left:30px;">超值生鲜市场，登录即可带回家</span></div></td> </tr> <tr><td align="right" height="50px" width="120px"><span style="font-weight: font-size:18px">用户名：</span></td><td><input type="text"name="userName"class="inputs"value="${userNameid="name"/></td><td><spanclass="warn"id="nameWarm"></span></td></tr><tr><tdalign="right"height="50px"><spanstyle="font-weight:bold;font-size:18px">密  码：</span></td>. .word.zl--<td><inputtype="password"name="pwd"class="inputs"id="mPwd"/></td><tdwidth="100px"><spanclass="warn"id="mPwdWarm"></span></td></tr><tr><tdcolspan="3"height="30px"align="center"><s:iftest="loginError==1"><spanstyle="color:red;font-size:14px;margin-left:30px;">用户名或密码错误</span></s:if></td></tr><tr><tdcolspan="3"align="center"><divclass="btn"onclick="login();"></div><br/>购物车管理界面顾客在“生鲜街〞主界面选购了商品，可以在购物车界面看到自己购置的商品，可以通过修改商品数量或者是删除等操作来管理购物车，如图5.3所示：. .word.zl..word.zl..word.zl主要代码如下：

图5.3购物车管理<meta -equiv="Content-Type"content="text/html;charset=UTF-8"><title>生鲜街--我的购物车</title><linkrel="stylesheet"type="text/css"href="${pageContext.request.contextPath}/css/fvms.css"/>bordercolor="#D9D9D9"width="950px"bgcolor="#F6F6F6"><trheight="50px"><tdwidth="150px"><spanclass="gtitle">商品</span></td><tdwidth="200px"><spanclass="gtitle">名称</span></td><tdwidth="150px"><spanclass="gtitle">单价</span></td><tdwidth="100px"><spanclass="gtitle">数量</span></td><tdwidth="150px"><spanclass="gtitle">修改数量</span></td><td><spanclass="gtitle">操作</span></td></tr><s:iftest="buyList==null"><trheight="60px"><tdcolspan="6">你还没有选购商品，<ahref="/fvms/main!doMain?currtPageNo=1">选购商品</a></td></tr></s:if><s:else><s:iteratorvalue="buyList"><trheight="120px"><td><imgsrc="${pageContext.request.contextPath}/images/fv/${Pic}"width="100px"height="100px"></td><td>${Name}</td><td>${pro.price}${Unit}</td><td>${num}</td><td><inputtype="text"id="num${pro.id}"></td><td><ahref="javascript:updateNum(${pro.id});">修改数量</a> / <ahref="javascript:deletePro(${pro.id});">删除</a></td></tr></s:iterator><trheight="60px"><tdcolspan="6"><divclass="jiesuan"onclick="jiSuan();"></div></td></tr></s:else></table></div><divclass="shanchu"><divclass="yishanicon"></div><tableborder="1"cellpadding="0"cellspacing="0"bgcolor="#F6F6F6"><trheight="50px"><tdwidth="200px"><spanclass="gtitle">商品</span></td><tdwidth="300px"><spanclass="gtitle">名称</span></td><tdwidth="150px"><spanclass="gtitle">单价</span></td><tdwidth="150px"><spanclass="gtitle">数量</span></td><td><spanclass="gtitle">操作</span></td></tr><s:iftest="noBuyList==null"><trheight="60px"><tdcolspan="5">无删除记录</td></tr></s:if><s:else><s:iteratorvalue="noBuyList"><trheight="120px"><td><imgsrc="${pageContext.request.contextPath}/images/fv/${Pic}"width="100px"height="100px"></td><td>${Name}</td><td>${pro.price}${Unit}</td><td>${num}</td><td><ahref="javascript:reBuy(${pro.id});">恢复</a></td></tr>购物结算界面顾客选购了商品，确定订单后，就会进入到商品结算界面，这里包括所购商品价钱合计，还有顾客要填写的收货人信息，如图5.4所示：--主要代码如下：

图5.4商品结算界面<meta -equiv="Content-Type"content="text/html;charset=UTF-8"><title>生鲜街--用户付款</title><linkrel="stylesheet"type="text/css"src="${pageContext.request.contextPath}/js/layer/jquery-1.9.1.min.js"></script><scripttype="text/javascript">functionpay(){vara=$("#receName").val();varb=$("#recePhone").val();varc=$("#recePost").val();vard=$("#receAddr").val();if(a==""||a==null||b==""||b==null||c==""||c==null||d==""||d==null){. .word.zl..word.zl..word.zlalert("收货信息没填完整，请检查并填完整后再付款！");return;}$("#reveForm").submit();}</script></head><body>bordercolor="#D9D9D9"width="850px"bgcolor="#F6F6F6"><trheight="40px"><tdwidth="300px"><spanclass="gtitle">商品名称</span></td><tdwidth="170px"><spanclass="gtitle">单价</span></td><tdwidth="170px"><spanclass="gtitle">数量</span></td><td><spanclass="gtitle">小计</span></td></tr><tdcolspan="3"align="right"><spanstyle="font-size:18px;font-weight:bolder;margin-left:580px">合计：</span></td><td><spanstyle="font-size:30px;font-weight:bolder;color:#FF9900">￥${totalCost}</span></td><divclass="r_addre"><divclass="p2"></div><formaction="/fvms/cart!pay"method="post"id="reveForm"><divalign="center"style="margin-top:20px">收货人：<inputstyle="width:500px;height:20px;"id="receName"name="order.receiveName"></div><divalign="center"style="margin-top:20px">收货人：<inputstyle="width:500px;height:20px;"id="recePhone"name="order.receivePhone"></div><divalign="center"style="margin-top:收货人 ：<inputstyle="width:500px;height:20px;"id="recePost"name="order.receivePost"></div><divalign="center"style="margin-top:20px">收货人地址：<inputstyle="width:500px;height:20px;"id="receAddr"name="order.receiveAddr"></div></form></div><divclass="confrim_p"><divclass="p3"></div><divalign="center"style="margin-top:20px"><divclass="pbtn"onclick="pay();"></div></div></div><%includefile="../mons/foot.jsp"%></div></body></html>--管理员管理界面在管理员主界面，我们看到订单管理、我的信息、用户列表、添加商品几个列表，在此可以分别对商品订单、管理员信息、一般用户信息、商品等几项进展维护管理，如图5.5所示：图5.5管理员管理界面主要代码如下：<meta -equiv="Content-Type"content="text/html;charset=UTF-8"><title></title></head><body><divclass="m_icon"></div><divclass="m_item"><spanstyle="margin-left:20px;"><ahref="/fvms/myfv!findOrderAllByUserId?currtPage=1&url=myfv!findOrderAllByUserId?currtPage=1"class="m_w">订单列表</a></span></div><divclass="m_item"><spanstyle="margin-left:20px;"><ahref="/fvms/myfv!findUser?f=0&url=myfv!findUserf=0"class="m_w">我的信息</a>. .word.zl--</span></div><s:iftest="#session.userG==1"><divclass="m_item"><spanstyle="margin-left:20px;"><ahref="/fvms/myfv!findUserAll?currtPage=1&url=myfv!findUserAll?currtPage=1"class="m_w">用户列表</a></span></div><divclass="m_item"><spanstyle="margin-left:20px;"<ahref="/fvms/myfv!adminAddPro?url=myfv!adminAddPro"class="m_w">添加商品</a></span></div></s:if><divstyle="width:150px;height:40px;"></div>添加商品界面在添加商品主界面，管理员可以任意添加商品，我们需要完整的填写商品信息，其包括商品图片、名称、商品的可选类型、商品规格、单价及备注信息。如图5.6所示：. .word.zl--主要代码如下：

图5.6添加商品界面action="/fvms/propic!adminAddProR"id="addProForm"enctype="multipart/form-data"method="post"><p><s:iftest="addResult==1"><spanstyle="margin-left:100px;font-size:14px;color:red"择图片类型的文件</span></s:if><s:elseiftest="addResult==2"><spanstyle="margin-left:100px;font-size:14px;color:blue">添加成功！</span></s:elseif></p><p><span class="gxin">商品图片：</span><input type="file" id="pic"name="pic"></p><p><spanclass="gxin">商品名称：</span><inputtype="text"class="uui"id="name"name="Name"></p>. .word.zl..word.zl..word.zl<p><spanclass="gxin">商品种类：</span><selectid="cat"name="pro.catId"><optionselected="selected"value="sull">==请选择==</option><s:iteratorvalue="catList"><optionvalue="${id}">${catName}</option></s:iterator></select></p><p><spanclass="gxin">商品规格：</span><input type="text"class="uui"id="stand"name="Standard"></p><p><spanclass="gxin">商品单价：</span><input type="text" class="uui" style="width: 100px;" name="pro.price"><selectid="unit"name="Unit"><optionselected="selected"value="sunull">==请选择==</option><optionvalue="元/斤">元/斤</option><optionvalue="元/个">元/个</option><optionvalue="元/袋">元/袋</option><optionvalue="元/盒">元/盒</option></select></p><p><spanclass="gxin">商品备注：</span><inputtype="text"class="uui"id="desc"name="Desc"></p>6 系统功能测试测试方法简述测试过程按4个步骤进展，即单元测试、组装测试、确认测试和系统测试。软件测试的种类大致可以分为人工测试和基于计算机的测试。而基于计算机的测试由可以分为白盒测试和黑盒测试。黑盒测试的功能是否符合它的功能说明。用黑盒测试发现程序中的错误，必须在所有可能的输入条件和输出条件中确定测试数据，来检查程序是否都能产生正确的输出。2．白盒测试功能模块测试用例测试数据用例测试数据测试结果UC1：输入正确的用户名和密码UC2：输入空用户名及密码UC3：输入用户名密码之一为空UC4：输入错误用户名或密码测试结论

用户名:admins密码用户名: 密码：用户名:admins密码:用户名: 密码:123456用户名:zxy密码:123456用户名:admins密码

成功跳转系统主页提示输入密码提示输入用户名提示用户名或密码错误也可根据自己需要取消或者是修改商品数量。软件测试在软件生命周期中占有重要的地位，为了使本软件运行更加稳定，我对它进展了全面的测试，测试分为二局部来进展，一是：界面测试；二是：功能测试。经过测试，所有功能都得以实现，没有任何变形，输入错误信息的情况也得到了相应的错误提示。至此，在功能的测试上也已经比拟圆满的完成了。结论本系统是基于JSP+SSH框架的网上生鲜超市系统。其功能根本符合实际需能还不够强大,出错处理不够,数据库中还存有冗余字段等多方面问题。在信息化的年代，网络技术，电子商务技术的成熟，在互联网效劳业务方根据网上买生鲜产品的特点，设计了这个网上生鲜超市系统，系统利用JSP+SSH和实现上，本系统有以下特点：良好的系统架构，本系统充分利用J2EE技术平台，综合MVC设计SSH的灵活性、可靠性和扩展性，能够轻松应对用户不停变换的功能需求。良好的用户体验。本系统在页面商品信息展示上不仅做到了美观大商品。这个系统的开发意义，为广阔用户提高了高效的生活模式。参考文献JSP实用教程[M].第二版.:清华大学,2021黄明,梁旭.JSP信息系统设计与开发实例[M].:机械工业,2021.4Mysql官方：.mysql./Web技术教程：.w3school../RobertCecilMartin.UMLforJavaProgrammers.USA，2021.BruceEckel.ThinkinginJava[M].PrenticeHallPTR，2021IBM开发者：.ibm./developerworks/武延军黄飞跃精通JSP编程技术[M].：人民邮电，2021.8JSP编程根底及应用实例集锦[M].：人民邮电，2021.7清宏计算机工作室.JSP编程技巧[M].：机械工业，2021.1周影.网络编程语言JSP实例教程[M].：电子工业，2021.6海山.深入JavaServlet网络编程[M].：清华大学，2021.2PhilHanna.JSP技术大全[M].：机械工业，2021.3KarlMoss.JavaServlet开发人员指南[M].：清华大学，2021X国智.SQLServer2000数据库系统开发实例精粹.：电子工业,2021致总认为自己不会写，抱着抗拒心理，还有幸运心理，总想找同学帮助，总觉得在论文完成之际，我要特别感我的指导教师周冰的热情关心和悉心指导。在在论文的写作过程中，也得到了许多同学的珍贵建议，感涂染同学用他珍贵的休息时间不厌其烦的为我远程指导，安装环境，调试代码，技术指导等，使我受益匪浅。同时还还得到许多其他同学的帮助，在此一并致以诚挚的意。附录1外文参考文献〔译文〕JSP最正确实践:使用JSPinclude机制改良外观本文是新的 JSP最正确实践系列文章的第一局部，它介绍了 Pagesinclude机制。请跟随 Java编程专家 BrettMcLaughlin学习如何使用include将静态的头文件和脚注文件参加您的或Web应用程序页面中。欢送阅读Java专区中最新的最正确实践系列文章。如果您看过先前的系列文章，那么您会知道最正确实践旨在让您快速了解各种Java技术的有用方JavaServer〔JSP技术之一。JSP技术是在Java平台上构建Web页面或Web应用程序接JSPXML和HTML以及创立生动有趣、动态驱动的。在本系列中，您将学习一些用JSP技术构建的根底知识。我将为您介绍最常用的JSP机制，通过这些机制，您将了解根本的Web序代码库等。本文是这一系列文章的第一篇，在本文中，我们将集中讨论JSPincludeHTML页面的容。我们将首先介绍有关页面include开展的一些背景知识，尤其是框架和效劳器端include后，我将向您演示如何使用JSPincludeWeb页面或Web应用程序屏幕。本系列文章中的所有最正确实践都基于JavaServerPages技术。要运行任何一种实践，需要在本地机器或测试效劳器上设置符合 JSP的Web容器，如ApacheTomcat。您还需要使用文本编辑器或IDE编写JSP页面代码。请参阅参考资料，获取 Tomcat和与JSP兼容的 Web容器和 IDE的清单的。 Web页面创立一致的设计和布局是确保获得专业化外观的最容易方法之一。您或许看过足够多的知道单个站点中的大局部页面都共用统一的页面头页面尾以及某种类型的导航栏在设计良好的站点上这些元素将在每个页面上呈现一样的布局、容和功能，而主面板〔通常称为容窗格〕会随着每个视图而变化。以前这种布局几乎完全由框架和框架集实现每段静态容被放置在一个框Web设计者寻找一种更佳的解决方案。效劳器端include〔server-sideinclude，SSI〕就是一种。JSPinclude伪指令与其SSI对等伪指令极其相似。SSI伪指令的JSP对等JSP的Web容器都将处理该JSP考资料一节，以获得〕。应该将该文件另存为test-include.jsp。附录2外文参考文献〔原文〕JSPbestpractices:ImproveyourlookandfeelwiththeJSPincludemechanismThis first installment in the new JSP bestpractices series introduces JavaServerPagesincludemechanism.FollowalongasJavaprogrammingexpertMcLaughlinshowsyouhowtouseincludetoincorporatestaticheaderandfooterfilesintoyourWebsiteorWebapplicationpages.WeletothelatestBestpracticesseriesfromtheJavazone.Ifyou'vefollowedpreviousseries,youknowthatbestpracticesaredesignedtoquicklybringyouuptospeedonusefulaspectsofvariousJavatechnologies.ThisseriesofbestpracticesisdedicatedtoJavaServerPages(JSP)technology,whichisoneofthecoreJ2EEtechnologies.Inanutshell,JSPtechnologyisatoolforbuildingWebpagesorWebapplicationinterfacesontheJavaplatform.JSPtechnologyallowsustodosuchthingsasdynamicallyrespondtorequestdata,displayplexXMLandHTML,andcreatevisuallyinteresting,dynamicallydrivenWebsites.Inthisseriesyou'lllearnsomeofthebasicsofputtingtogetheraWebsitewithJSPtechnology.I'llintroduceyoutothemostmonJSPmechanisms,andthroughthemyou'lllearnaboutessentialWebdevelopmenttechniquessuchastemplating,manipulatingdynamiccontent,imagehos