【《水果购物商城的设计与实现》14000字】

水果购物商城的设计与实现摘要在开发水果购物商城设计与实现的时候使用到了B/S架构，代码方面主要使用到java语言，框架会用到SpringMVC和Mybatis中的SSM。会用到的中间服务器是Tomcat，开发环境就是大家比较熟悉的SQLserver数据库和Eclipse开发环境。水果购物商城主要分为管理员和用户两个主要功能模块。管理员功能细划分就有管理员首页、管理员的个人中心、水果分类管理、留言板管理、订单管理等；用户功能细划分就有用户首页、热销水果、用户留言反馈等。水果购物商城的设计与开发会围绕着使用到的技术展开介绍的，也会对背景进行一些简短的介绍。紧接着就会对系统进行需求分析以及一些功能流程介绍，也会对数据库里的主要的数据表进行展示。用户在浏览首页面的时候可以打关键字进行水果的搜索，这样简单又快速，最后最重要的就是还要对系统进行系统的测试。该论文有图25幅，表6个，参考文献17篇。关键词：水果购物商城SQLserver数据库Java技术ssm框架 目录5627摘要绪论1.1课题背景、目的及意义1.1.1课题背景近年来，随着网络技术的不断发展，越来越多人喜欢在网上进行购物，他们会将自己喜欢的物品收藏或者加入购物车，这样就很方便自己进行购买东西。构建一个水果商城购物的平台会对用户和管理员提供非常大的帮助，水果购物商城通过前端HTML代码和数据库SQL语言管理系软件来实现用户与管理员之间相互操作的平台，就是根据这一点的设计，我感觉设计出了一个水果购物商城是值得的。经过对以上的情况进行分析，我们对用户的实际需求进行了详细的分析，指定出了相应的开发计划，为了方便用户在线进行查看水果信息以及可以在线进行购买方面的管理操作，帮助管理员节省很多的管理时间以及可以减少工作量，使得管理工作更加快捷顺利的进行，因此开发设计了该系统。随着计算机的不断发展，网络时代已经融入到我们生活和工作的每一个区域中，而且还给我们的生活工作带来了非常方便的便利，因此，希望可以通过该系统的开发也能使水果管理实现信息化管理，减轻人的负担，提高工作效率计。1.1.2目的及意义随着销售市场的不断变化，营销方式的手段也随之出现了变化。所以利用网络平台为消费者开发一个水果购物商城，让那些忙于工作或者在家带小孩不愿出门的人，可以通过线上选购各种新鲜的水果，也可以享受各类水果的优惠活动，并享受送货上门的服务。线上水果种类多，符合现代化的快节奏生活，满足人们追求生活的质量，会受到很多年轻人的喜爱，更促进了快递行业的发展。而水果通过在线销售可以提高水果的销售量，也会减少因为各种原因腐烂而导致的经济损失。水果购物商城的实现在很大程度上方便了每个人的生活。所以，开发一个水果在线销售系统实用性非常强。1.2国内外现状1.2.1国内研究现状现在水果作为现在市民必不可少的生活必需品，线上交易会产生大量的订单。但是现有的交易平台还不够完善，相当一部分的水果销售平台都比较低级，面向中高端的的客户时，产品、概念和服务都跟不上。现有的水果电商产业还有很长的路要走。水果产业在中国的发展从粗到精，从之前的散买散买到现在的网上销售平台，越来越多的人建立合作社，并在网上寻求销路。销路解决了，水果的品质也在不断提升，因此也形成了长久的一个供应链条。1.2.1国外研究现状国外的在线水果销售模式快已经接近一个完整供应链的状态，其采摘要求严格，水果质量、存货量、保鲜期都比较好控制。国外的网上生鲜产业起步较早因而发展模式众多。例如美国鲜果电商的020模式和水果平台运营模式，而且这些模式通过高密集,的仓储实现了生鲜物流服务迅速发展。国外的大型电子商城，例如亚马逊，沃尔玛等很早就推出了水果专区，但是鲜有专门做水果销售的网站。1.3研究内容主要内容：通过网络平台开发在线水果销售系统，用户通过注册账号可以在页面实现在线浏览、选购水果、网上订购以及留言。管理员可以对商品内容的增加、删除、修改和如何处理一些客户的订单的处理等功能。实施方案：水果购物平台的设计系统主要是前台管理和后台管理的两部分，前台主要是呈现出用户的注册页面、登录界面（用户和管理员）、界面浏览（主要有水果排行榜、热销水果、折扣水果）、商品收藏、订单结算、订单查询以及留言板。前台设计要考虑到网站整体的页面尽量要简洁明了。后台主要通过SQL语言来构建数据库，来供商店管理人员的使用，可对商品进行管理、查看以及订单处理等功能。前后台数据交互采用JAVA来实现。软件开发一般是三个周期和八个阶段，我设计的是水果购物商城的设计与实现也要遵守这一条，从本设计有关的可行性分析、系统整体框架设计都遵循这个。水果购物商城的设计与开发的过程中，要保证系统具有很强的时效性和它的稳定性。对于代码而言，要按照格式来书写，这样看起来能简单明了一点，这次设计的主要任务和目标就是设计出一个方便大家使用的水果购物商城。1.4论文结构本论文主要分为以下几个部分：第一章：主要介绍水果购物商城的背景、目的和意义、国内外现状、研究内容等。第二章：主要介绍使用SQLserver数据库和Eclipse开发环境、B/S架构、Java语言、HTML/CSS语言等相关技术。第三章：主要围绕可行性分析、技术可行性、操作可行性、系统性能分析以及系统功能分析展开。第四章：主要从系统的功能结构图、数据库E-R图、逻辑结构设计进行分析。第五章：主要展示前台用户的页面和功能，后台管理员的界面和每个功能模块。第六章：主要进行一些系统测试的功能，从系统测试的过程中会得出一些结论和结果。2开发技术介绍我这次设计的水果购物商城主要用到了Java语言技术和SQLserver数据库和前台用到的HTML代码。在设计这个整体模块的时候，要先理清楚首先要干什么，第一步当然会是对整个水果购物商城的整体设计，然后再划分到其余的主要模块，在后就是针对每个部分模块进行仔细的分析模块功能。数据库里还需要对数据里的表进行设计和主要信息的增加，页面的设计要先要有个大概模型的设计，然后再按照程序进行代码的敲定。2.1系统开发平台在水果购物商城中用到的开发平台就是大家很熟悉的Eclipse，我为什么选择这个，因为我使用的好几个代码语言和数据库都可以在它的软件里进行或者浏览页面也可以在这里打开看，就是很方便，还有就是它打开和运行的速度很快，很容易上手而不是那种很繁琐的。我知道的存储数据软件有几个，但是我上网查了查，它的存储数据比我要知道的软件的存储量多的多。它的主要功能就是我现在所需要的主要功能，就是被数据库中的数据进行一些查询和编程。经过我在做水果购物商城作品后，我发现利用这个软件加进去一些主要的代码就能实现自己想要的功能。所以说该系统数据库开发主要是由Eclipse技术进行系统代码管理。2.2平台开发相关技术2.2.1B/S架构B/S结构可以说有很多很多的特性，具体的特性可以到网上去查询，不过有好几个大家都很熟悉的特性，比如可以在许多浏览器中进行信令应用。有的时候我们在安装或配置少量客户端软件时，这个时候用户的工作量就没有那么多了，反而会慢慢地减少着。这个主要是由服务器来管理或者说是操作着这些相关的功能。伴随着网络技术的来临，软件技术也在不断地向前发展，现在软件出现了一个巨大的特点就是可以和浏览器打着配合。这就是我们所说的软件的适应性吧，而目前对于我们来讲，也就是说对于我们所需要的B/S结构的最大特点是各层的独立性和各层的表示性。2.2.2Java技术介绍Java语言现在已经几乎面向所有的软件需要了，而且也是目前使用最多的编程语言之一。Java语言具有很好的面向对象性，它比较的符合我们现在的思维模式，它有一个极大的好处也就是优点就是它有封装的特性，这个一般所有人在使用Java语言的时候都会用到这个特性。封装的特点就像它的名字一样，封闭和隐秘。不会让别人知道这些的秘密。它这个一般都会有一个叫做父类的名称，继承就是和父类有很大的关系，有父类就会有子类的，而且子类还继承了父类的特性，这可能就是和我们一般称呼的遗传吧。但是并不是遗传所有的特点，只要有final字眼的就不能继承。做的页面多了，代码也就会从简单到复杂，从少的代码慢慢地变多，这个时候会为了提高代码和系统的速度也就是说的效率一方面，Java语言就要有多元话方式来解决。这样就能提高效率。在Java中难能可贵的一点就是它的垃圾回收机制，它使得以往程序中大量存在的内存泄漏的问题得到了较好的缓解。所谓的内存泄漏就是程序向操作系统申请了一块存储空间，比如定义了一个变量，但是由于某种原因，这个变量一直没有使用，但是仍然占用着系统的内存空间，可能一两个这样的变量对程序和操作系统造不成什么大的影响，但是试想如果这样的变量定义的多了系统的内存空间就会一步步减少，从而造成机器的性能降低甚至宕机。但是在Java中有垃圾回收机制的存在，这种机制极大地避免了内存泄漏的出现，在Java虚拟机中，垃圾回收机制会对长时间没有引用变量指向的对象实施垃圾回收，简单的说就是将这个对象销毁，以避免内存泄漏的情况出现[1]。2.2.3SQLserver数据库介绍SQLserver最大的特点就是能够有语言方面的交互性，它能为每一个使用它的用户得到很大的方便。为什么我一般会选择使用数据库呢，因为它可以提高我们计算机的效率而减少我们的时间。SQLserver有着它独特的特点，系统的吞吐量、响应时间以及并行处理能力,发出请求服务器回应的速度、还有不同屏幕之间切换的速度等等。SQLserver的优点很多比如说它体积小，虽然现在大多数的软件占用的体积也小，但这确实也是数据库的优点。它存储数据和加载更新数据的速度也蛮快的。我设计的水果购物商城是真实的很现实的所以这也是我选择SQLserver数据库的很大原因。水果购物商城主要使用SQLserver数据库，数据库里可以建立好多张表，而这些表并不是没用的，是用它们来存储水果的一些基本信息和一些的主要数据。数据库里最主要的就是要用到的是select，update，delete以及insert等语句来实现系统功能。2.2.4HTML/CSSHTML我们常常称呼为超文本标记语言，也是网页上最常用和最常用的通用语言。网页的语言包含在带有大于和小于符号的标记中。这些标签中有一些成对出现，有些则没有。我们一般写的代码都要用尖括号来括起来,写好后有的地方需要点进去就要转到另一个页面，这个时候就要对它加上链接。标签通常称为标签。这是一种用于在前台创建可视界面的语言。这个语言由许多HTML标记组成。使用该语言创建的可视界面我们如果想要保存下来就要以.html为后缀名命名，名字自己随便起，只要后缀名对就行。CSS样式可以在源代码里添加，但是如果代码多了就会到一个后缀名为.css的页面里进行添加代码，它一般都是设置页面的布局和调整界面的样式，例如，DIV标签是鼠标单击前的原始样式，而DIV块在单击后变为红色。这是一种风格。在CSS样式里可以设置前台页面的文字颜色、边框颜色、图片大小、整体间距等样式。3系统分析对系统功能反复设计后可以看出，其中的一些项目元素的组合、一些功能的分解和功能的更换要及时做出它们互相相对应的单元模式，然后它们的原则是要根据设计的模块的功能来实现的，水果购物商城的设计会首先考虑到管理员功能模块的需求，然后再进行开发设计和主要功能实现的，因为管理员模块比较重要，它是管理后台大小事务和服务每一个用户的，其次就是要对水果的分类进行模块设计和开发，，最后的开发和设计是一定要必须要照顾到管理员和每一个用户的需求，这样才能体现出水果购物商城的最大意义和价值。3.1可行性分析可行性分析是整个水果购物商城的项目和模块开发过程中不能缺少的一个分析。可行性分析是水果购物商城中最重要的，因为它能够直接影响水果购物商城的实现，而不是间接性的影响。从水果购物商城的开发角度来看，还有从水果分类管理的每个系统功能来看，它们能不能很好的的解决一些水果分类管理上面的主要问题，通过开发和设计水果购物商城的过程中，我发现了这个水果购物商城的最大意义和主要的价值所在之地，就是对工作人员来说，在某一方面减少了他们的工作量和提升他们的能力，还使整个功能进行的非常高效，还很顺利的能够进行上下等级的管理。在水果购物商城的设计完成后，还要从可行性的角度进行利益分析和预期效果的分析，利益是不是能够大于或者小于成本呢？是不是在这个基础上达到了心里估算的那个预期效果？这都是我要考虑的事情。然后经过深思熟虑后决定开发水果购物商城的设计与实现。从水果购物商城的开发设计中来分析，从可行性分析中的其中之一的技术可行性分析来看：整体其中主要一项的语言使用Java语言来敲写，因为随着Java技术不断的完善和成熟，可以完美的将水果购物商城具有一定方面的的可行性的。从水果购物商城的经济可行性方面来看，在水果购物商城的功能和设想方面过程中，水果商城的利益能不能从刚开始就持续的大于或者等于开发成本。从水果购物商城的操作可行性方面来看，管理员很好的操作一些后台方面的东西，用户可以很顺利的浏览和收藏购买东西，结合两者就是方便了管理员的管理和用户的使用感觉。3.1.1技术可行性在水果购物商城中会用到好几个语言，其中对于本次设计的最主要的语言就是Java语言，因为Java会随着网络的时代会不断地及时更新和适应各种软件的使用。水果购物商城的开发主要是采用Java语言、B/S结构和SQLserver数据库进行它们之间的联系和开发使用。通过用到这主要三项的技术功能方面，确定了水果购物商城的系统和功能的完善性和简单明了性。因为数据库具有保证数据的安全性和稳定性和完整性和隐蔽性的功能。在校学习期间我们SQLserver数据库老师教了我们半学期的数据库知识，Java我们还未接触，不过可以在别的软件找视频学习，对这两个语言也有浏览过和一定的认知和理解。而且还知道怎样能简单明了的对软件进行简单的测试。最后可以结合学习到的知识和在网上学习到的知识做出一个简简单单的怎样进行系统开发、系统的如何检验和系统怎样的辨别概念功能。水果购物商城使用了Java语言和SQLsever数据库两者之间的结合产生一个可以能够稳定的比较能够高效度的系统和功能模块。（1）轻量级系统，在对水果购物商城设计方面时，一定得考虑大对数用户的习惯，然后总结出大多数用户的习惯来构成系统的实用性，而且系统不能太大兆，要很简单的安装，不能过于繁琐。这样系统就比较轻量和受人喜爱。在这同时也可以同时设计系统的功能，如果后面再想到什么可以再补功能。通过这个方面的设计和构思后，就可以慢慢地实施，在进一步的进行系统测试后，找出不足的地方进行系统功能的完善。（2）接近于零的成本开发：在水果购物商城中主要以我的电脑上的Windows10操作系统为最最基本的操作基础，同时还要采用Java技术进行一些主要的编码和一些功能上的开发，还使用了SQLsever数据库，还有较多的HTML语言来展示页面，这些都是接近于零的开发成本。（3）覆盖的范围广：现在网络技术遍布每个地方，只要有网络的地方，大多数都可以安装和使用我设计的水果购物商城，而且我设计的主要目的就是让很多用户使用和认可我的成品，所以水果购物平台搭建好了就能很快的上手使用，这个对哪一方面都没有太大的要求。3.1.2经济可行性现在的社会中，经济效益是受大家非常看重的，因为大家的主要目的就是通过设计的软件来达到一定的经济效益，其中还不缺乏当中的社会价值。开发一个水果购物平台，从管理员角度来分析，它可以减少管理员的一些工作，从用户方面分析，可以随时随地的进行软件的使用，然后对想买的水果进行购买。如果刚刚阐述的功能和效益、使用方面达不到自己预计所想的，或者在自己所想的上面投入很多的成本、时间、精力。那这个水果购物平台的开发就没有起到任何价值之处，就没有开发的条件和展现的机会。3.1.3操作可行性水果购物平台的开发和一般软件一样，想要看或者是购买水果就要进行用户登录，而且手机电脑都可以进行注册，注册就只需要用户名、密码、角色三种信息，注册成功后就能登录了。水果购物商城在语言方面主要是采用Java语言技术以及SQLsever数据库进行模块的开发功能的设计的，现在大多数都是用它们的结合，因为它们比较符合现代化和规范化和使用话的，如果有想要学习这方面的，直接可以查看源代码进行学习。水果购物商城的开发主要的特点就是简单、好管理、大众话和好操作。3.2系统性能分析（1）功能的完整性：对于每一个模块的设计都要反复斟酌然后确定下来进行构思和设计，并不是了了而想的就确定下来。而且还要保证自己设计的模块和功能自己都能够设计出来算法和代码，其中用户的信息通过数据库来保存，而且主要是用文字和表格的模式进行填写的模式。（2）系统运行的分析：对设计的每一个大功能和小功能都要有对应的代码和完整数据的填写。比如说其中最主要的系统的物理的数据就是主要是由分析中的需求分析来显示的。（3）界面的设计：水果购物商城的界面是由几个不同的代码进行呈现的，而且这几种代码自己还要牢牢地掌握，能够确保如果有一项出错，可以找出来分析和处理的。这样界面就能够对于我们来说是简单容易操作的。（4）安全分析：水果购物商城主要的角色就是这两个：用户、管理员。因为角色的不同，所以填写信息方面就不一样，当登录的时候一定要填写正确的信息，如果填写错了其中一项都是登录不进去的。只有两个都正确才能登录成功。3.3系统功能分析在水果购物商城中最主要也就是最不可缺少的的就是任务需求分析。它是直接影响着系统，而不是间接性的影响系统，所以说是不可缺少的一个分析。在前期构思水果购物商城中的分析中占非常大的比例。所以在分析功能的时候一定要分析的准确无误。只有这样才能顺利的进行下一阶段而不是止步不前。这样既保证了我们构思的通顺性和用户和管理员的满意程度。（1）用户前台功能当用户注册登录后，首先看到的是水果的首页面，首页面的导航栏中有热销/特价水果、水果资讯、用户的留言反馈、购物车等模块功能，点击其中任意一个就能跳转到相应的页面，用户前台功能图如图3-1所示。图3-1用户前台功能图（2）管理员功能对于管理员而讲，管理员的功能模块主要有管理员的首页、管理员管理用户的个人中心、管理员对用户的管理、水果分类管理、热销/特价水果管理、留言板管理、订单管理等功能。管理员功能图如图3-2所示。图3-2管理员功能图4系统设计4.1系统功能结构图系统设计阶段中，最主要的就是如何针对论文的内容描绘出系统架构图的设计，从整体来看，水果购物商城分为管理员和用户两个模块，再细想一下管理员的功能和会员的功能，再针对两个主要模块进行各功能的设计，通过反复调整，确定两个主要模块的各项功能，因为设计的架构与整个系统的模式有很大的关系，所以必须反复调整，最后再确定下来。系统架构图采用Visio软件进行布局和调整，通过系统需求分析，本课题水果购物商城的功能结构图如图4-1所示：图4-1系统功能结构图4.2数据库概念结构设计4.2.1数据库E-R图对于怎样建立数据库的逻辑结构主要是有一个概念和一个功能相组成，分别是数据库的概念结构、模块。再通过我们常用的数据库的DBMS技术来这样进行工作。通过看整个系统的模块功能和系统这两方面，水果购物商城里的数据主要是通过数据库来进行用户的信息和水果的管理等操作。每个系统的开发和设计都离不开数据库，不仅仅是因为它的功能强大，而是它几乎适应很多系统里的功能，根据这一段话进行分析，以下是水果购物商城里的几个最重要的关键实体的实体关系图：(1)管理员的信息：用户名、密码、角色，管理员模块的E-R图如图4-2所示：图4-2管理员信息属性图用户的信息：用户名、姓名、头像、性别、联系电话实体E-R图如图4-3所示：图4-3用户信息属性图(3)热销水果信息：水果名称、水果分类、图片、规格、产地、价格，E-R图如图4-4所示：图4-4热销水果信息属性图4.2.2数据库逻辑结构设计做水果购物商城最主要的一方面就是数据怎样如何存储，这时候就要用到在课堂上学到的数据库，数据库里的数据进行存储时是有顺序的，也就是数据会井井有条的排列，而不是杂乱无章，这样找起数据来比较容易。通过对系统的每个功能模块设计的要求和功能模块如何的进行规划，水果购物商城的设计与实现中就会用到很多个数据表。以下是介绍数据库表的设计和主要功能相关的数据库表：表4-1配置文件表字段名称类型长度字段说明主键默认值idbigint50主键是namevarchar100配置参数名称否valuevarchar100配置参数值否表4-2用户表字段名称类型长度字段说明主键默认值idbigint100主键是addtimetimestamp150创建时间否CURRENT_TIMESTAMPyonghumingvarchar50用户名否mimavarchar150密码否xingmingvarchar200姓名否touxiangvarchar200填写否xingbieint50性别否lianxidianhuavarchar100联系电话否表4-3热销水果表字段名称类型长度字段说明主键默认值idbigint100主键是addtimetimestamp150创建时间否CURRENT_TIMESTAMPshuiguomingchengvarchar200水果名称否shuiguofenleivarchar200水果分类否tupianvarchar200图片否guigevarchar200规格否chandivarchar200产地否shuiguoxiangqingint400水果详情否表4-4特价水果表字段名称类型长度字段说明主键默认值idbigint100主键是addtimetimestamp150创建时间否CURRENT_TIMESTAMPshuiguomingchengvarchar200水果名称否shuiguofenleivarchar200水果分类否tupianvarchar200图片否guigevarchar200规格否chandivarchar200产地否shuiguoxiangqingint400水果详情否4.3详细设计4.3.1用户/管理员的登录流程当用户或者管理员输入自己的用户名、密码、选择角色后，就要点击登录按钮进行登录。如果其中有一个填写的是错误的信息，就会跳出来一个提示框，用户/管理员的登录流程图如图4-5。图4-5用户/管理员登录流程图4.3.2系统的操作流程当用户或管理员输入用户名、密码、角色，系统会自动判断信息是否有空缺的，如果有信息没填，就会再提醒，，如果有信息填写不正确，就还会再提醒，如果信息填写完整且信息是正确的，就会登录成功。用户/管理员系统操作流程如图4-6。图4-6用户/管理员系统操作流程4.3.3管理员添加信息流程管理员可以对水果的种类、水果的名称、、水果的简介等进行添加，用户可以在自己的权限内添加一些信息，管理员添加信息后，系统判断信息是否正确，如果不正确，则再重新输入，如果填写正确，则数据进入数据库中。管理员添加信息流程图如图4-74-7管理员添加信息流程图4.3.4管理员修改信息流程管理员对水果的信息进行修改，输入修改的数据，系统判断是否正确，如果不正确，则重新输入，如果正确，则信息存进数据库中。管理员修改信息流程图如图4-84-8管理员修改信息流程图4.3.5管理员删除信息流程管理员对水果数据进行删除，删除后，数据库会更新。管理员删除信息流程图如图4-9图4-9管理员删除信息流程5系统功能实现5.1前台功能模块5.1.1用户注册当一个用户在注册页面时，通过填写用户名、密码、姓名、联系电话等内容进行注册，如果有一项没有填写就会弹出提示框，填写完整后点击注册，信息填写正确，没有问题就可以进行登陆，如图5-1所示。图5-1注册界面图5.1.2用户登录当一位用户注册后，然后用户在登录页面通过填写用户名、密码，点击用户，确认登录，如果其中一项和填写的信息有误，就进不去首页面，填写正确的信息后就能够及时的进入首页，如图5-2所示。图5-2登陆界面图部分代码如下：form.on('submit(login)',function(data){ data=data.field;if(!data.role){layer.msg('请选择登录用户类型',{time:2000,icon:5});returnfalse;} if(false){ vararr=[] for(vari=0;i<codes.length;i++){ arr.push(codes[i].num) } if(arr.join('').toLowerCase()!=jquery('#code').val().toLowerCase()){ alert("请输入正确的验证码"); randomString() returnfalse; } }http.request(data.role+'/login','get',data,function(res){layer.msg('登录成功',{time:2000,icon:6});//登录凭证localStorage.setItem('Token',res.token);localStorage.setItem('role',jquery('#role:checked').attr('title'));//当前登录用户角色localStorage.setItem('userTable',data.role);localStorage.setItem('sessionTable',data.role);//用户名称localStorage.setItem('adminName',data.username);http.request(data.role+'/session','get',{},function(res){//用户idlocalStorage.setItem('userid',res.data.id);//路径访问设置window.location.href='../../index.html';})});returnfalse});});5.1.3用户浏览界面在水果购物商城的首页，用户在系统首页上半部分可以看到首页、热销水果、特价水果、水果资讯、留言反馈、个人中心、后台管理、购物车，点击其中一个就能跳转想看的页面，也可以在搜索框中输入想要买的水果名字，点击搜索就能搜到，到如图5-3所示。图5-3用户前台功能界面图5.1.4个人中心用户点击个人中心页面，可以查看我的订单、我的地址、我的收藏，也可对一些自己的基本信息例如用户名、联系电话、等信息进行一些修改、照片上传操作。图5-4个人中心界面图5.1.5余额充值用户点击个人中心，需要购买水果的前提是要进行充值，点击余额填写充值的金额，再选择其中一个的支付方式，再点击确认支付，这时候弹出充值成功对话框，然后在个人中心中查看充值的钱后就可以购买水果了。如图5-5所示。图5-5余额充值界面图5.1.6热销水果界面用户浏览热销水果页面，有想要买的可以在搜索框里搜索想要买的水果名字，点击搜索就能查询到，用户也可以点击其中一个查看热销水果信息，如图5-6所示。图5-6热销水果界面图5.1.7特价水果界面用户在特价水果页面中可以查看水果名称、价格、规格、产地、价格，可进行添加购物车、立即购买、收藏操作，也可根据需要输入特价水果进行搜索操作，如图5-7所示。图5-7特价水果界面图部分代码如下：addCartTap(){ //活动倒计时限制 //查询是否已经添加到购物车 layui.http.request('cart/list','get',{ userid:localStorage.getItem('userid'), tablename:`${this.detailTable}`, goodid:this.detail.id },(res)=>{ if(res.data.list.length>0){ layer.msg("该商品已经添加到购物车",{ time:2000, icon:5 }); return } layui.http.requestJson('cart/save','post',{ tablename:`${this.detailTable}`, goodid:this.detail.id, goodname:this.title, picture:this.swiperList[0], buynumber:this.buynumber, userid:localStorage.getItem('userid'), price:this.detail.price, discountprice:this.detail.vipprice?this.detail.vipprice:0 },(res)=>{ layer.msg("添加到购物车成功",{ time:2000, icon:6 }); }); }) },5.2管理员功能模块5.2.1管理员登录管理员通过填写用户名、密码、选择管理员进行登录，如果有一个没有填写或填写错误就进不去首页面，只有填写信息正确，再点击登录的按钮就能进入首页面。如图5-8所示。图5-8管理员登录界面图5.2.2管理员首页管理员登录进入水果购物商城首先可以有很多的特权，可以查看首页的信息也可以修改自己的个人中心，对水果的管理以及大家留的言回复，对客户的订单管理等信息，如图5-9所示。图5-9管理员功能界面图5.2.3个人中心管理员对个人中心进行操作填写原密码、新密码、确认密码并进行添加、删除、修改以及查看。如图5-10所示。图5-10密码修改界面图5.2.4用户管理管理员在用户管理中可以看到用户的一些基本信息，而且还能在后台对这些信息根据需要进行一些稍微的修改或对一些文字内容的删除等操作，如图5-11所示。图5-11用户管理界面图部分代码如下：<el-table-column:sortable="contents.tableSortable":align="contents.tableAlign"prop="xingming"header-align="center" label="姓名"> <templateslot-scope="scope">{{scope.row.xingming}}</template></el-table-column> <el-table-column:sortable="contents.tableSortable":align="contents.tableAlign"prop="touxiang"header-align="center"width="200"label="头像"><templateslot-scope="scope"><divv-if="scope.row.touxiang"><img:src="scope.row.touxiang.split(',')[0]"width="100"height="100"></div><divv-else>无图片</div></template></el-table-column> <el-table-column:sortable="contents.tableSortable":align="contents.tableAlign"prop="xingbie"header-align="center" label="性别"> <templateslot-scope="scope">{{scope.row.xingbie}}</template></el-table-column> <el-table-column:sortable="contents.tableSortable":align="contents.tableAlign"prop="lianxidianhua"header-align="center" label="联系电话"> <templateslot-scope="scope">{{scope.row.lianxidianhua}}</template></el-table-column>5.2.5热销水果管理管理员在热销水果列表可以查看水果名称、水果分类、图片、规格、产地、价格等信息，并可根据需要对其中的任意一项详情进行修改或删除等操作，如图5-12所示。图5-12热销水果管理界面图部分代码如下：<el-col:span="12"><el-form-itemclass="input"v-if="type!='info'"label="规格"prop="guige"><el-inputv-model="ruleForm.guige"placeholder="规格"clearable:readonly="ro.guige"></el-input></el-form-item><divv-else><el-form-itemclass="input"label="规格"prop="guige"><el-inputv-model="ruleForm.guige"placeholder="规格"readonly></el-input></el-form-item></div></el-col><el-col:span="12"><el-form-itemclass="input"v-if="type!='info'"label="产地"prop="chandi"><el-inputv-model="ruleForm.chandi"placeholder="产地"clearable:readonly="ro.chandi"></el-input></el-form-item><divv-else><el-form-itemclass="input"label="产地"prop="chandi"><el-inputv-model="ruleForm.chandi"placeholder="产地"readonly></el-input></el-form-item></div></el-col><el-col:span="12"><el-form-itemclass="input"v-if="type!='info'"label="价格"prop="price"><el-inputv-model="ruleForm.price"placeholder="价格"clearable:readonly="ro.price"></el-input></el-form-item><divv-else><el-form-itemclass="input"label="价格"prop="price"><el-inputv-model="ruleForm.price"placeholder="价格"readonly></el-input></el-form-item></div></el-col></el-row>5.2.6系统管理管理员通过系统管理页面可以查看和添加轮播图/水果资讯等进行上传图片，也可以对资讯发布的内容进行修改。对资讯内容的查看也是可以的，也能对系统的整个功能进行维护。如图5-13所示。图5-13系统管理界面图5.2.7订单管理管理员在订单列表可以查看用户已支付订单、已退款订单、已完成订单、已发货订单、未支付订单、等内容，并且根据需要并进行详情、删除、修改操作操作，如图5-14所示。图5-14订单管理界面图6系统测试水果购物商城的大概功能基本完善后，就要对这些功能进行测试，找出其中不符合逻辑或者可以说是出错的功能进行修改。这个测试的功能并不是说随便的测试一下就好了，而是要拿出十二分的态度来面对，因为找出错误是对整个系统和功能完善的基础。可以说是因为有了好几个代码语言的存在，测试这一个环节是更不能缺少的了。我感觉只要是做出来的系统，都得进行测试，这个测试就像系统分析一样重要。当对水购物商城进行测试的时候，也会出现一些大大小小的问题，如果要是用人来查找问题，就相当的浪费时间，因为你不知道可能哪一个你不注意的地方就成了那个问题。所以进行水果购物我们一般会找到一些符合自己系统的测试工具进行测试和分析，这就大大节约了时间方面的问题。在水果购物商城的系统中，难免会出现一些在错的信息。当在语法上出现错误的时候，不要着急的去寻找错误，因为在程序执行的时候会跳出来一些对于我们有用的提示，这样我们将这两个出现的提示相结合，再去寻找那些错误就是很容易的。当然可能对于我这种而言并不是很容易能够顺利迅速的找到。最难的是有的错误它不明着出来。而是带有隐藏的成分将错误隐藏起来，这是更费劲的事情。为什么要进行测试，就是让我提前找出毛病，而不是一切都准备好了就是好了，提前的发现错误要比最后发现一大堆错误重要多，因为一点点的解决总比大量集中在一起解决要好的多。这样就能够保证水果购物商城的系统能够安安稳稳的长期有效的保持着运行。6.1测试方案黑盒测试技术主要是将水果购物商城里的主要的一些数据将它们划分后，然后再按照书本上教的如何进行等价类的数据进行水果购物商城的程序测试。紧接着就得在不同的地方或者说是区域进行输入有效信息的测试，这是很关键的一点，不要记错输入的信息。这样就能够很高效的顺利的进行测试。测试的次数全凭自己来决定最好是3次以上。以下就是我怎样利用等价类进行测试数据的过程。1.水果管理测试点测试点：水果的分类管理方面测试目标：需要对输入的水果信息验证一下是不是能用。测试环境：自己的电脑Windows10和自带的浏览器。输入数据：水果的名称、水果的一些介绍、水果的图片等一些基本内容。步骤：(1)需要打开自己电脑自带的浏览器或者别的浏览器也行，然后进入水果购物商城的主要页面。(2)想要添加一些水果的信息，就要找到添加的主界面，然后点击添加按钮，就会蹦出来一个页面，根据上面需要填写的信息进行填写后，点击完成就可以了。(3)如果填写的东西比较多，那就填重要的信息，输入信息的情况见表6.1。表6-1水果管理测试用例表用例编号YongHu-001测试名称进行水果管理功能前提条件管理员对水果信息管理有权限步骤操作描述数据期待的最后的结果1水果信息的查看详情无跳转到水果信息详情2进行点击添加按钮无跳转到添加页面3进行添加后按钮无跳转到水果信息页面整个页面测试说明如果用户没有进行登录的操作，上面的步骤3就会直接跳转到登录页面测试结果成功2、登录测试点测试点：用户或者是管理员进行登录测试的目标：进行登录的人输入的账号和密码和角色后，系统就会自动识别输入的信息是不是对的。所用的环境：自己的电脑Windows10和自带的浏览器。输入信息：用户名、密码。步骤：（1）打开电脑里的浏览器，找到用户或者管理员的登录界面。（2）在登录界面上输入需要输入的信息，具体的测试输入情况如下表6.2所示。表6-2登录测试情况用户名输入密码输入期望的结果(1)157158123456提示“用户名或者密码错误，或账号未经审核”(2)ddddd1123456提示“用户名或密码错误，或者账号未经审核”(3)157158yonghuya登陆成功6.2测试结论 经过以上很多次的测试的结果证明点击查看水果的详情、添加水果信息、选中添加后按钮，都能回到对应的界面。用户输入用户名和密码，其中有一个输入错误就就会跳出提示框，两个都输入正确才登陆成功。水果购物商城的主要一部分特点：是含兆数小，简单的安装、功能可以说是蛮齐全的，运行的效果我感觉还可以就是不知道他人使用感觉怎样。这个第六章主要就是对系统的测试还有要怎样进行测试要仔细说明，而且不能光说还要举几个例子。我可以很用心的说进行测试都是我很用心的测试而不是胡乱的进行。其实测试的目的就是要很早的发现毛病及时的解决。不要到最后出现大量的错误到时候不知从何下手。所以进行这个测试是非常有必要的。水果购物商城进行测试的时候，不要急于时间，要慢慢地按照计划有顺序执行，如果出现一个小错误的时候，不要放过这个小问题，因为这个小问题也是问题，也可能是最后出现的矛盾处。在水果购物商城测试的时候，可能自己修改了这一个地方，其它和它相关的一些地方也受到了改变。可以说是直接性的影响了模块功能的设计。注意到这一点我感觉已经是很大的收获了。无论进行几次的测试，都要记录下来，因为老话就是说好记性不如烂笔头。记录下来以防以后会用得到。有时候错误会出现的很多，但是并不能打倒我，因为有错才能改进，改善后才能使自己的作品更加的完善。其实对于敲代码而言，刚开始的时候就要下足精力在代码这一方面，后来进行测试的时候可能就会减少一些错误。7结论在对水果购物商城的设计与实现的设计过程中，我刚开始很蒙圈，根本不知道要从哪一方面着手准备，我几乎从确定