毕业设计（论文）-基于JavaWeb技术的网上鞋城的设计与实现.docx

本科生毕业设计题目基于JavaWeb技术的网上鞋城的设计与实现鞋 姓名_ 4 学号 3 院 系 数学系 0 专业 信息与计算科学 4 指导教师 4 2016年12月教务处制本科生毕业设计声明 本人郑重声明：所呈交的毕业设计，是本人在指导教师指导下，进行研究工作所取得的成果。除文中已经注明引用的内容外，本设计的研究成果不包含任何他人创作的、已公开发表或没有公开发表的作品内容。对本设计所涉及的研究工作做出贡献的其他个人和集体，均已在文中以明确方式标明。本设计创作声明的法律责任由本人承担。 作者签名： 年 月 日 本人声明：该毕业设计是本人指导学生完成的研究成果，已经审阅过毕业设计的全部内容，保证题目、关键词、摘要部分中英文内容的一致性和准确性，并通过一定检测手段保证毕业设计未发现违背学术道德诚信的不端行为。 指导教师签名： 年 月 日 内容摘要:当今社会飞速发展,计算机技术已经应用到社会各个领域.计算机技术与通信技术的迅速发展.网络现在已经和人们生活密不可分.其商业用途也是得到大部分人的认可,在网上进行交易意识越来越普遍了.通过网上交易可以使人们不出门就可以了解商品信息,方便用户,主要功能包括:商品类别管理、商品信息管理、订单管理、会员管理、系统公告管理等.项目使用的开发语言是JSP,数据库使用MySQL,开发工具是MyEclipse,服务器采用tomcat,开发出的一个基于JavaWeb技术的B/S结构的网上鞋城系统.关键词:网上鞋城系统 JSP B/S结构全套设计加扣3012250582 ABSTRACT: Rapid development in todays society, computer technology has been applied to social fields.The rapid development of computer technology and communication technology, network and peoples lives are inseparable. Now its commercial use is also recognised by most people, online trading consciousness is more and more popular.Through online trading can make people do not go out can understand commodity information, convenient for the user, the main features include: commodity category management, commodity information management, order management, membership management, system announcement management, etc.Projects using the development of language is a JSP, use the MySQL database, development tools MyEclipse, server using tomcat, developed a B/S structure based on the technology of JavaWeb Mr. Bi system. Keywords:Sales network JSP B / S structure目 录1引言.11.1设计背景.11.2目的和意义.11.3开发工具及技术.21.4软硬件需求.22需求分析.22.1可行性分析.22.2系统用户关系图.32.3功能模块需求分析.32.4设计的基本思想.52.5性能需求.52.6界面需求.53系统分析与设计.63.1数据库的分析与设计.64系统功能实现.114.1管理员登陆页面.114.2管理员模块.124.3普通用户模块.185系统测试.216结 论.22参考文献.23致 谢.241引言1.1系统设计背景互联网的兴起从本质上改变了商品交易方式,国内各大企业从上个世纪90年代互联网兴起之时,就产生了通过网络进行销售经营商品的想法.但是由于信誉、法规、物流等系列原因,限制了网上交易的发展.进入21世纪以后,随着社会的发展、进步,制约网上交易的各种问题也逐一被击破,各企业也纷纷的加入到电子商务的浪潮之中.1.2目的和意义在线销售的优点:1检索便捷:在线销售提供了多种检索途径,可以从分类、新品、特价等途径进行检索,快捷准确.2信息量大:与传统销售方式相比,在线销售能够提供海量产品信息.3成本低,风险小,无地域限制:网络销售突出的优点是:不限制消费者的购买时间段,扩大了客户群体数量,增加了企业的核心竞争力,节省开店时需要投入的成本.1.3开发工具及技术1.3.1开发工具此次设计主要采用MyEclipse加Tomcat后台服务器进行,设计过程中页面主要使用JSP技术完成.MyEclipse:MyEclipse,是一个十分优秀的用于开发Java, J2EE的Eclipse插件集合,MyEclips的功能非常强大,支持也十分广泛,尤其是对各种开元产品的支持十分不错.Tomcat:Tomcat是一个小型的轻量级应用服务器,在中小型系统和并发访问用户不是很多的场合下被普遍使用,是开发和调试JSP 程序的首选.SQLServer2005:SQL Server是由Microsoft开发和推广的关系数据库管理系统（DBMS）.我们使用的版本是SQL Server 200 JSP JSP具备了Java技术的简单易用,完全的面向对象,具有平台无关性且安全可靠,主要面向因特网的所有特点.JSP技术的优点:（1）一次编写,重复使用.除了系统之外,代码不用做更改便可重复使用.（2）平台无关性,系统的多平台支持.（3）强大的可拓展性.（4）多样化和功能强大的开发工具支持.(5)支持服务器端组件.1.4软硬件需求硬件需求:CPU:Pentium以上计算机内存: 2G以上软件需求:操作系统版本:Windows XP / Win7/Win8开发工具:MyEclipse 6.0.1后台服务器:Apache Tomcat 6.0开发语言:Java浏览器:IE8.02需求分析2.1可行性分析在每一个项目开发之前,进行可行性分析是必须的.可以减少项目的开发成本,避免人力、物力和财力的浪费.下面就技术、经济、操作和法律四个方面来介绍.2.1.1技术的可行性本系统开发工具是MyEclipse和SQL2005数据库,开发语言是Java.java是一种面向对象编程语言,简单灵活方便.数据库的设计和操作是本系统设计的核心.在大学期间我们都有学习过.因此,在技术上完全具有可行性.2.1.2经济的可行性本系统使用的软件都是开源的,可以为开发软件节省大量的金钱,达到降低成本,提高开发效率的目的,且本系统对电脑配置的要求不高,普通笔记本完全可以满足需要,所以在经济上具有完全的可行性.2.1.3操作可行性本系统操作简单,操作多数是下拉框的形式呈现,操作简单,对操作人员的要求很低,只需对电脑操作熟练,对本系统的操作者稍加熟悉即可使用,所以在操作上不会有难度.2.1.4法律的可行性此购物系统是自行开发的管理系统,具有实际意义的系统,开发环境软件和使用的数据库都是开源代码,不存在侵权等问题,即法律上是可行的.2.2系统用户关系图2.2.1普通用户关系图普通用户主要实现商品信息的更新和查询等功能,普通用户关系图如图1所示:2.2.2管理员关系图管理员是系统的核心用户,涉及到七大功能模块,管理员对系统的所有信息有着操作的权限,能够及时动态的更新系统的各项信息.如图2所示:图1 普通用户关系图2.3功能模块需求分析本系统将实现以下基本功能:（1）简洁大方的页面,使用简便.（2）管理员具有商品类别管理、商品信息管理、商品信息更新管理、订单管理、会员信息管理、公告管理、系统管理功能.（3）普通用户具有浏览商品、商品查询、购买商品、修改个人信息等功能.普通用户功能图说明:普通用户可以在线浏览商品,查询商品,浏览公告信息.注册账号,然后登陆.如功能图3所示:图2管理员关系图管理员功能模块图说明:(1)商品类别信息管理模块:包括类别录入、查询、修改、增加和删除等功能操作.(2)商品信息管理模块:在该模块中定义了商品信息的管理,其功能包括商品录入、查询、删除等操作.(3)会员管理模块:包括浏览会员信息和删除会员信息功能.(4)系统管理模块:包括公告信息的和查询,修改功能,以及系统用户管理和修改密码等功能.管理员用户功能模块图如图4:普通用户模块浏览商品商品详情订单查询信息查询购物车图3 普通用户用户功能模块图管理员用户模块订单管理会员管理仓库管理商品类别商品信息图4 管理员用户功能模块图2.4设计的基本思想设计思想遵循以下几点:1. 采用B/S模式进行开发,后台与前台处理层次分明,而且符合广大网民搜索方式.2. 采用面向对象的开发与设计理念.使产品具有较强的稳定性和运行效率.3. 模块化设计.将整个系统划分成多个小的模块,有利于代码的重载,简化设计和实现过程.4. 简单大方的系统界面.方便用户系统的操作.5设计既要简洁,又要细致周到.要符合设计需求,在有可能改进的地方进行扩充,使系统可以日后完善.2.5性能需求2.5.1系统的安全性本系统在管理权限上要求严格.要求如下:在具体实现中设定不同权限,用户登录到系统后,不能越级操作,管理员可以使用所有模块.普通用户只能在线浏览信息,在登录后可以使用购买功能和购物车功能.2.5.2数据的完整性1.各种记录信息的完整性,信息记录内容不能为空.2.各种数据间相互联系的正确性.3.相同数据在不同记录中的一致性.2.6界面需求一个好的用户界面可以增加用户使用系统的信心和兴趣,提高工作效率.用户界面是指软件系统与用户交互的接口,通常包括输出、输入、对话的界面格式等.1.输出设计输出设计的原则是考虑既要全面反映不同管理层的各项需要,又要言简意赅,不要将用户需要和不需要的都提供给用户.2.输入设计数据的收集和录入比较费事,容易出错.如果输入系统的数据有错误,则处理后的输出将扩大这些错误,因此输入数据的正确性对于整个系统来说非常重要.输入原则:1）设计中采用设置字段初值,下拉式数据窗口等方式尽量减少用户键盘输入量.既方便了用户操作又减少了错误率.2）输入的准备及输入过程应尽量容易进行,从而减少错误的发生.3）尽早对输入数据进行检查,以使错误及时得到检查更正.3系统分析与设计3.1数据库的分析与设计本系统的实现可以说是以数据库为核心,在数据库管理系统的支持下,进行信息的收集、整理、存储、检索、更新、加工、统计和传播等操作.数据库设计的好坏直接影响到整个系统的质量和效率.3.1.1数据库的概念结构设计概念设计是指在数据分析的基础上自底向上的建立整个系统的数据库概念结构,从更直观的角度进行视图设计,然后将视图集成,对集成的结构分析优化得到最后结果.(1) 普通用户实体关系图如图5所示:姓名性别密码年龄用户名联系方式普通用户图5普通用户关系图(2)商品类别实体关系图6:类别介绍类别名称是否删除商品类别图6 商品类别信息实体关系图(3) 商品信息关系图7:品牌商品图片商品价格商品介绍商品名称类别ID商品编号商品信息图7 商品信息实体关系图(4) 公告信息关系图8:内容发布时间标题公司动态图8 公告信息实体关系图(5)管理员信息关系图9:登陆账号登陆密码用户ID管理员图9管理员信息实体关系图(6)订单信息关系图10:送货地址付款方式图片总金额下单时间绍订单编号会员ID订单信息图10订单信息实体关系图3.1.2数据库的逻辑结构设计数据库概念模型独立于任何特定的数据库管理系统,因此,需要根据具体使用的数据库管理系统的特点转换为按计算机观点处理的逻辑关系模型,关系模型向关系数据库模型转换应遵循下列原则:*每一个实体要转换成一个关系*所有的主键必须定义非空（NOT NULL）*对于二元联系应按照一对多、弱对实、一对一、多对多等联系来定义外键.根据关系模型,建立了以下逻辑数据结构,下面是各数据表的详细说明. (1)普通用户表主要是记录了普通用户基本信息.表结构如表1所示.表1普通用户表(t_user)列名数据类型长度允许空是否主键说明diint4否是用户IDloginnamenvarchar50否否用户名loginpwnvarchar50否否用户密码namenvarchar50否否姓名sexnvarchar50否否性别agenvarchar20否否年龄addressnvarchar20否否住址telnvarchar20否否电话emailnvarchar20否否邮箱qqnvarchar20否否QQ(2)商品类别信息表主要是记录了商品类别的基本信息,表结构如表2所示.表2商品类别信息表(t_catelog)列名数据类型长度允许空是否主键说明idint 4 否 是类别IDnamenvarchar50否否类别名称delnvarchar50否否是否删除(3)商品信息表主要是商品的相关信息,其中ID是主键,表结构如图3所示.表3商品信息表(t_goods)列名数据类型长度允许空是否主键说明idInt4否是商品IDcatelog_idInt4否否类别IDbianhaonvarchar50否否商品编号mingchengnvarchar50否否名称jieshaonvarchar50否否介绍pinpainvarchar50否否商品品牌fujianDate50否否商品图片shichangjianvarchar50否否商品价格(4)公司动态信息表 记录了管理员发布的系统公司动态基本信息,表如图4所示.表4公司动态信息表(t_gonggao)列名数据类型长度允许空是否主键说明idint4否是IDtitlenvarchar50否否标题contentnvarchar50否否内容shijiannvarchar50否否发布日期(5)管理员信息表主要记录了管理员的账号信息,包括用户名和密码,表结构如表5所示.表5管理员信息表(t_admin)列名数据类型长度允许空是否主键说明userIdint4否是编号userNamenvarchar50否否用户名userPwnvarchar50否否密码userTypenvarchar50否否管理员类型 (6)订单信息表主要记录的会员的订单的信息,包括订单编号、下单时间等,表结构如表6所示.表6订单信息表(t_order)列名数据类型长度允许空是否主键说明bianhaoint4否是编号shijiannvarchar50否否下单时间zhuangtainvarchar50否否订单状态songhuodizhinvarchar50否否送货地址fukuanfangshinvarchar50否否付款方式jinenvarchar50否否总金额user_idint4否否会员ID(7)评价信息表主要记录了商品评价信息,包括编号,订单编号,订单明细编号,商品编号,商品名称,用户编号,用户名,备注,评论时间,回复内容,回复时间等,表结构如表7所示.表7评价信息信息表(t_ping)列名数据类型长度允许空是否主键说明idint4否是编号order_idnvarchar50否否订单编号orderitem_idnvarchar50否否订单明细编号goods_idint50否否商品编号mingchengnvarchar50否否商品名称user_idnvarchar50否否用户编号loginnamenvarchar50否否用户名infonvarchar50否否备注adddatenvarchar50否否评论时间replynvarchar50否否回复内容replydatenvarchar50否否回复时间 (8)出库信息表主要记录了商品出库信息,包括编号,商品名称,商品编号,操作人等,表结构如表8所示. 表8出库信息表(t_chu)列名数据类型长度允许空是否主键说明idint4否是编号mingchengnvarchar50否否商品名称goodsidnvarchar50否否商品编号renint50否否操作人countnvarchar50否否商品数量datenvarchar50否否时间(9)入库信息表主要记录了商品入库信息,包括编号,订单编号,订单明细编号,商品编号,商品名称,用户编号,用户名,备注,评论时间,回复内容,回复时间等,表结构如表9所示.表9入库信息表(t_jin)列名数据类型长度允许空是否主键说明idint4否是编号mingchengnvarchar50否否商品名称goodsidnvarchar50否否商品编号renint50否否操作人countnvarchar50否否商品数量datenvarchar50否否时间3.1.3数据库的连接原理采用JDBC连接数据库的方式,只需在项目中导入对应数据库的jar包,就可以方便的对数据库进行连接.程序采用的是DAO模式来操作数据库,DAO(Data Access Object,数据访问对象),是Java编程中的一种经典模式,已被广泛应用.DAO模式的主要思想就是从抽象数据源获取与操纵数据的方法.其思想如图10所示:封装使用DataSourceDataAccessObjectBusinessObject创建/使用获取/修改DataTransferObject图11 DAO模式类图4系统功能实现通过了需求分析、系统设计等阶段之后,接下来便是系统实施阶段.系统实施阶段要继承此前面各个阶段的工作成果,将技术设计实现.4.1管理员登陆页面1.描述:为了保证系统的安全性,要使用本系统必须先登陆到系统中.管理员登录采用AJAX方式进行验证,先是在前台获取输入的管理中登录账号、密码,点击登录后,通过AJAX方式,后台异步进行验证,实现页面无刷新的管理员登录.2.程序效果图如图12所示:3.在登陆页面输入用户名和密码,点击提交按钮,跳转到登陆的service中,在该service中会对用户名,密码进行判断,如果通过提示“通过验证”,进入到管理界面,如果错误则提示“用户名和密码不正确”,页面跳转到登陆页.图12 管理员登陆页面设计4.2管理员模块1.描述:左侧菜单有管理员可操作的功能,进入相关的管理页面可以链接到子菜单.2.程序运行效果图如图13所示:在每个jsp页面将会对相关用户进行拦截操作,这样可以提高安全性,防止用户不经过登陆页面而进入任何子菜单页面:if(session.getAttribute(user)=null) out.print(alert(请先登录！):window.open(./index.jsp,_self):4.2.1商品类别管理类别信息录入1. 描述:管理员输入相关信息后点击录入按钮,如果是没有输入完整的信息,会提示相应的错误提示,不能录入成功.输入数据都通过form表单中定义的方法onsubmit=return checkForm()来检查,checkForm()函数中是各种的校验输入数据的方式.2. 程序效果图如下图14所示:图13管理员主页面图14类别信息录入3. E-R图如下图15所示:类别信息管理1.描述:管理员点击左侧的菜单“商品类别管理”,页面跳转到类别管理界面,调用后台的action类查询所有商品类别信息.2.程序效果图如下图16所示:类别信息删除1.描述:先是点击类别信息管理,页面跳转到类别管理界面,浏览所有的类别信息,点击要删除的类别,弹出的确定对话框,即可删除该类别信息.2.程序效果图如下图17所示:4.2.2商品信息管理商品信息录入1.描述:此页面主要是输入商品信息,包括商品编号、名称、商品介绍、商品品牌、商品图片、商品价格等.其中商品介绍使用的是开源的在线文本编辑器fckEditor这个副文本框实现.是否为空也是通过form表单来检查.2.程序效果图如图18所示:登陆系统管理员录入商品类别信息系统验证录入普通用户信息录入成功结 束通过未通过图15商品类别信息录入E-R图图16 商品类别管理图17 类别信息删除3.系统中所有输入日期都是采用的mydata97日历控件的方式来实现,要在项中导入Calendar.js文件,在jsp页面开始引入js文件即可,在文本框的属性定义中定义方法onclick=new Calendar().show(this):即可.图18商品信息录入商品信息管理1.描述:点击左侧的菜单“商品管理”,页面跳转到商品管理界面,调用后台的商品Action类查询出所有的商品信息,并把这些信息封转到数据集合List中,绑定到request对象,跳转到相应的jsp页面,显示出商品信息.2.程序效果图如下图19所示:图19商品信息管理页面4.2.3会员信息管理会员信息管理1. 描述:游客访问该页面时,可注册成为会员.管理员登陆后可以管理会员信息,点击左侧的“会员管理”,跳转到相应的页面.2. 程序效果图如图20所示:4.2.4订单管理查询订单信息3. 1.描述:管理员点击左侧的菜单“订单管理”,页面跳转到订单管理界面,调用后台图20会员信息管理的订单Action类查询出所有的订单信息,并把这些信息封转到数据集合List中,绑定到request对象,然后页面跳转到相应的jsp,显示出订单信息.2.程序效果图如图21所示:订单名细查看1.描述:管理员点击左侧的菜单“订单管理”,页面跳转到订单管理界面,调用后台的订单Action类查询出所有的订单信息,并把这些信息封转到数据集合List中,绑定到request对象,然后页面跳转到相应的jsp,显示出订单信息.点击要查看的订单信息,弹出订单名细查看窗口,查看该订单的详细内容.订单受理图21 查询订单信息2.程序效果图如图22所示:图22 订单名细2.程序效果图如图23所示:图23订单受理4.2.5仓储管理1.描述:包括进仓管理、出仓管理、库存查看,是分销系统平台的进销存管理核心.2.程序效果图如图24所示:图24仓储管理4.2.6账单管理1.描述:账单管理用于派送员查看需要派送的账单信息.2.程序效果图如图25所示:图25账单管理4.2.7退出系统1.描述:点此按钮回到系统的主页面.2.关键代码:主要是通过javascript语句来实现, item_word84=退出系统:item_link84=javascript:window.open(./index.jsp,_self):4.3普通用户模块4.3.1系统主页面实现1.描述:页面的上方显示的是该网站的logo和当前的时间,下方主要部分是信息显示区域,左侧部分是通知公告,管理员发布的信息公告都可以在此点击后链接到相应的信息页面查看具体通知公告,左上方是登陆模块,用户必须输入正确的用户名、密码和验证码后才能进入系统,做下方方是一个商品类别信息.2.程序运行效果图如图26所示:图26系统主页面设计4.3.2商品类别查询1.描述:普通用户点击导航栏的“类别查询”.调用后台的java类catelog_servlet查询所有的类别信息,并绑定这些信息到request对象中,在显示层jsp展示出来,然后用户点击类别名称,即可显示该类别的信息.2.程序效果图如图27所示:图27类别查询界面设计4.3.3用户注册1.描述:对于游客,至于浏览的功能,如果想进一步使用本系统,比如说购买商品、在线下订单等,首先需要注册一个合法的账号,然后登陆后,方能使用,点击导航栏菜单“免费注册”,调用js的open()方法,弹出注册页面,输入相关正确信息后点击注册按钮即可完成注册,如果是没有输入完整的信息,或都会给出相应的错误提示,不能录入成功.输入数据都通过form表单中定义的方法onsubmit=return checkForm()来检查,checkForm()函数中是各种的校验8输入数据的方式.2.程序效果图如图所示图28用户注册界面设计4.3.4用户购物1.描述:用户注册账号并成功登录商城后,通过主页的商品展示或按商品类别找到想要购买的商品,点击商品图片,打开商品详细信息界面,浏览商品的具体信息,如果想要购买该商品,输入购买数量,点击购买按钮,完成商品购买操作.查看商品的同时可以查看到邻推系统为你推荐的相关商品.2.程序效果图如图29所示:图29 购买商品4.3.5购物车管理1.描述:和超市购物一样,用户购买的商品暂时存放在购物车中,点击菜单中的“我的购车”,即可查看当用户购物车中的内容,用户可以实现商品数量的增加、减少,删除某一件商品和清空购物车操作.购物车管理采用AJAX技术实现,即上述所说操作,均通过AJAX方式异步处理,页面无任何刷新,后台处理完成后,前台只显示最终的操作结果.2.程序效果图如图30、图31所示,原本购买1件商品,将数量改为2后,由AJAX异步处理,前台显示一张正在处理的动态图片,处理完成后,前台购物车内的总金额自动变化.图30 修改购买数量图31 修改成功5系统测试5.1系统测试目的与意义系统测试是管理信息系统开发周期中一个十分重要而漫长的的阶段.其重要性体现在他是保证系统质量与可靠性的最后关口,是对整个系统开发过程包括系统分析、系统设计和系统实现的最终审查.系统测试的任务是尽可能彻底的检查出程序中的错误,提高软件系统的可靠性,其目的是检验系统“做得怎样”.这这阶段又可以分为三个步骤:模块测试,测试每个模块的程序是否正确；组装测试,测试模块之间的接口是否正确；确认测试,测试整个软件系统是否满足用户功能和性能的要求.测试发现问题之后要经过调试找出错误原因和位置,然后进行改正.是基于系统整体需求说明书的黑盒测试,应覆盖系统随偶联合的部件,系统测试是正对整个产品系统进行的测试,目的是验证系统是否满足了需求规格的定义,找出需求规格不符合或与之矛盾的地方.5.2测试过程在测试之初,由于将数据库中的数据是随便输入,没有实用性,为了使系统更加完善,在系统测试的过程中,本系统将一开始编程随便输入的数据全部清理后,输入了一些有效的测试数据,这样可以更真实的反映系统的功能实现情况.这样不断发现问题,经过反复的测试、调试,把问题一个个的解决,最终系统可以正常运行.5.2.1主页面的登录模块测试测试流程: 1.打开系统首页,输入错误的登录信息 2.登录 3.输入正确的登录信息 4.登录5.测试结果表10测试表模块名称测试用例预期结果实际结果是否通过登录模块用户名:null 密码:null弹出错误提示,请输入用户名登陆失败,提示请输入用户名通过登录模块用户名:m1密码:null弹出错误提示,请输入密码失败,提示输入密码通过登录模块用户名:m1密码:1弹出错误提示,用户名或者密码