【《基于web的网上超市的设计与实现》8600字】

基于web的网上超市的设计与实现摘要在过去的十几年中，各种类型超市在我国各地区，如春后春笋般增长，经营项目多样，覆盖范围广阔，行业间竞争日趋激烈。但是，许多超市的科学管理水平普遍不高，信息化的程度较低。本文论述了如何基于web设计和实现网站的方案。该方案采用SpringBoot轻量级框架搭建服务器来处理前端发来的请求，采用MVC框架设计和实现客户端前端，采用tomcat框架搭建后台管理系统前端。上述框架简化了项目开发的难度，提高了开发效率，也节省了时间和成本。本系统的管理员负责用户浏览和购买的管理、购物车的管理、订单审核的管理等。也可以对网站进行数据的增加，例如商品与评论的发布。关键词：SpringBoot，MVC，tomcat目录20513_WPSOffice_Level11绪论 117288_WPSOffice_Level21.1研究背景及意义 124657_WPSOffice_Level21.2国内外研究现状 128841_WPSOffice_Level21.3研究内容和方法 226745_WPSOffice_Level21.4本文组织结构 212209_WPSOffice_Level12系统分析 44741_WPSOffice_Level22.1可行性分析 413122_WPSOffice_Level32.1.1系统可行性 423888_WPSOffice_Level32.1.2技术可行性 517033_WPSOffice_Level22.2系统需求分析 54132_WPSOffice_Level22.3系统用例分析 531024_WPSOffice_Level32.3.1系统用例图 511110_WPSOffice_Level3图2.1用例图（用户） 625568_WPSOffice_Level3图2.2用例图 618319_WPSOffice_Level22.4业务流程分析 617885_WPSOffice_Level22.5系统非功能性需求 77378_WPSOffice_Level22.6系统环境 730853_WPSOffice_Level3表2-6系统配置环境 7297_WPSOffice_Level22.7本章小结 77092_WPSOffice_Level13系统设计 922433_WPSOffice_Level23.1软件结构设计 918012_WPSOffice_Level3图3.1技术架构图 9790_WPSOffice_Level33.1.1绘制主要功能模块图设计系统功能 108406_WPSOffice_Level3图3-1-1主要功能模块图 1016320_WPSOffice_Level23.2数据库设计 1124241_WPSOffice_Level23.3本章小结 118770_WPSOffice_Level14系统实现 1231759_WPSOffice_Level24.1注册功能的实现过程 1212316_WPSOffice_Level34.1.1界面设计 12716_WPSOffice_Level3图4.1注册界面 1225765_WPSOffice_Level24.2登录功能的实现过程 1232264_WPSOffice_Level34.2.1界面设计 1220231_WPSOffice_Level3图4.2登录界面 1214022_WPSOffice_Level24.3文章发布功能的实现过程 136342_WPSOffice_Level34.3.1界面设计 1327326_WPSOffice_Level3图4.3文章发布界面 13478_WPSOffice_Level24.4主要模块及关键代码 1330363_WPSOffice_Level24.5本章小结 151662_WPSOffice_Level15系统测试 1730514_WPSOffice_Level25.1测试目的 1717384_WPSOffice_Level25.2测试计划 1716767_WPSOffice_Level3表5.1前台用户登录测试 177423_WPSOffice_Level3（2）前台用户注册测试(eg:验证码:123）。如表5.2所示： 1820323_WPSOffice_Level3表5.2前台用户注册测试 1825730_WPSOffice_Level3表5.3后台用户登录测试 1928534_WPSOffice_Level3（2）后台用户文章管理测试。如表5.4所示： 1916916_WPSOffice_Level3表5.4后台用户文章管理测试 1914457_WPSOffice_Level25.3本章小结 2028793_WPSOffice_Level16总结 221311_WPSOffice_Level1参考文献 23绪论“互联网+一个传统行业，意味着什么呢？其实是代表了一种创新，或者是一种变革和环境，对这个行业的一种提升。[1]”随着生活水平的提高，物质上的富足促使人们更多地追求生活上的舒适及便捷。而我国的相关互联网行业也正是顺应了目前科技发展的大环境推陈出新，稳定且迅速地发展。研究背景及意义在科学发展的百年历史中，随着科技的迅速发展迅速地延展了服务的边界。伴随着互联网的普及，手机、电脑、平板等一系列电子产品的产生也对人们生活品质的追求的影响不断深化，使得服务相关产品层出不穷。[2]而近年来，“互联网+”的模式也得到了长足发展，这是一种外在文章和环境带来的行业提升，对普通大众而言，这是个领域的新契机。随着计算机信息技术发展，人们日常工作与生活中计算机已然将要成为必需品，当今社会，计算机的应用技术对社会的发展和进步也起到了至关重要的作用，信息覆盖面越来越广，传播速度也越来越快。为了满足新时代下人们持续增加的信息需求量，传统的经营模式与管理技术已经无法满足现代社会发展需求。为了提高信息的准确性，创造便捷的生活方式，实现高质量、高效率管理目的，在传统模式中融入计算机互联网技术成为了必不可少的一步。[3]国内外研究现状伴随着互联网在国内的飞速发展及逐渐的普及和应用，网上超市也慢慢成为人们的网上购物主要方式之一。根据2021年CNNIC《中国互联网络发展状况统计报告》统计结果，截至2021年6月，我国网民规模达10.11亿，较2020年12月增长2175万,互联网普及率达71.6%，较2020年12月提升1.2个百分点。其中，网络购物用户规模达8.12亿，较2020年12月增长2965万，占网民整体的80.3%。全国网上零售额61133亿元，同比增长23.2%。其中，实物商品网上零售额50263亿元，增长18.7%。在生活需求方面，通过不断改善农村的消费环境带动农村消费，促进工业品下行。全国建制村已经全部实现了直接通邮，乡镇快递网点覆盖率已经达到98%，解决了农村居民网络购物过程中的物流配送难题。[4]目前，宽带网络已经全部普及，信用制度建立，网上付款系统逐步完善，所有这些，都是网上购物走进民众生活日常的必要的基础。[5]在国内，随着互联网技术的发展，上网费用的降低，网络的全面普及，网民的高速增长，使得网上超市购物未来必将会有更加广阔的发展。[7]研究内容和方法本文对基于SpringBoot框架的管理网站的设计与实现的研究内容主要分为以下五部分：第一部分是对本网站进行逻辑分析，通过社会和技术两方面分析本项目可行性，然后借鉴和参考相关材料和现有应用，提炼必备功能点，例如测评功能、聊天功能等，尽量结合自身能力和经验创新功能点。[8]并且对整个系统的功能梳理后，绘制用例图，编制详细的用例规约、设计出整个系统的逻辑模型和完整的业务流程。最后根据经验对本网站的非功能性需求和系统所需环境进行预判。第二部分是对本网站进行系统设计，确认前后端相应的开发框架，梳理整个项目的结构，根据需求进行数据库设计，并通过类图详细标明类和类之间的关系。第三部分是网站的实现，通过实际的编码开发客户端前端、管理系统前端以及二者公用的服务器，并且对核心功能的实现进行详尽的记录。第四部分是对已完成的系统及其涉及的复杂功能进行测试，提炼核心功能，编写测试用例，并在实际测试的过程中详细记录测试过程和结果。研究方法主要采用案例分析法和文献分析法为主。通过对现成案例的熟悉和研究，将一些现有的技术接口嫁接到自己的项目中，例如在用户数据安全性的设计中需要使用那种第三方加密工具类，前后台数据的通讯与交互的过程与数据验证，MVC框架下的前后分离模式，后台管理系统的开发有没有什么便捷的框架可以采用等，这些都是通过现有的案例以及实习期间接触的实际项目进行了解和使用的。本项目的前端界面和功能设计上都借鉴了市面上其他比较成功的平台，再根据自己的能力进行实现。[9]本文组织结构本文分为六章，以下是各章节概述：第一章：绪论。本章主要探究了本项目的背景及研究意义，并且分析了国内外的现状，阐明了研究的内容及研究方法。第二章：系统分析。本章分析了管理项目的整体需求并绘制用例图和业务流程图，更直观地展示了整个项目的功能。第三章：系统设计。本章通过系统架构图阐明客户端、服务端及后台管理系统之间的关系，并根据上一章节所分析的功能进行串联，设计完整的操作流程，绘制客户端状态图，最后设计出完整的数据库模型。第四章：系统实现。本章先对网站进行了界面UI设计，然后对其前后端进行具体编码和实现。第五章：系统测试。本章主要在项目完成编码后，明确测试目的，编写核心功能的测试用例，进行真实的功能测试并记录测试结果，从而在实际应用中减少异常情况。第六章：总结与展望。系统分析本平台是一个基于Internet的现代化的网上超市系统。本系统采用面向对象的Java语言和SSM框架技术进行开发设计。框架技术可以使代码结构更规范，减少后期的维护成本。此次开发采用关系型数据库MySQL进行数据存储，利用JavaScript脚本语言完成前后台数据交互。[10]首先，我们需要建立一个具有强一致性、数据完整性和数据安全性的数据库；其次，对于第二种情况，应用程序需要更为轻松上手的、功能完善的功能。开发完毕的系统分为前台模块和后台模块。管理员用户在后台收集和管理客户信息，发布和管理修改、删除等信息。本系统是一个交互式、高效管理系统。系统的开发主要包括主页面的开发、后台数据库的设计和维护，完美功能和高用户体验。[11]本系统采用模块化的设计，每一个模块只负责自己这个模块的所有东西，这也就使得编码更有条理，更加容易并且更加容易维护，大大地降低了后期的维护成本，同时，也让使用者更加容易操作。本章节主要就可行性、项目需求、系统用例、业务流程、非功能性需求等进行分析和概述。可行性分析系统可行性本网站系统严格遵循软件开发的标准流程模式，采用MVC模式，后端数据库采用mysql，采用开源框架spring进行开发，通过jdbc驱动程序与数据库无缝连接，采用应用跨平台的web应用技术JSP技术可以做，而且对电脑的要求不高硬件配置。系统的开发环境和配置都是可以自行安装的，系统使用JSP开发工具，使用比较成熟的Mysql数据库进行对系统用户和管理员之间相关的数据交互，根据技术语言对数据库，结合需求进行修改维护，可以使得系统运行更具有稳定性和安全性，从而完成实现系统的开发。本课题主要研究方法是：1、该系统的开发模型采用瀑布模型与迭代模型相结合。2、采用简单的瀑布模型：按工序将问题化简，将功能的实现与设计分开，便于分工协作，即采用结构化的分析与设计方法将逻辑实现与物理实现分开。将软件生命周期划分为制定计划、需求分析、软件设计、程序编写、软件测试和运行维护等六个基本活动，并且规定了它们自上而下、相互衔接的固定次序，如同瀑布流水，逐级下落。[12]3、软件是一种灵活的、可延展性的媒介，它在很大程度上促进了迭代分析、设计、构造、验证和确认，这比通常可能用于系统的纯粹物理组件的程度要高。迭代开发模型的每次重复都会向不断增长的软件基础中添加材料(代码);对扩展的代码库进行测试，根据需要重新编写，并进行演示，以满足基本的需求。[13]技术可行性本管理项目开发涉及SpringBoot、Mybatis、MVC、tomcat等技术和框架，从技术角度而言，这些框架和技术是当下最流行的，也是相对成熟的，无论是在实际项目中还是在教学项目中都有相当多的成功案例，故以此开发可行性较高。从文章角度而言，成熟的技术和框架都有相对官方且完整的参考文档可以进行查阅，普及度也较高，在应用时即使遇上异常情况也容易解决，从而完整实现整个项目的功能。综上，本人认为针对本项目的所设计的技术方案符合技术可行性要求。系统需求分析本项目分为客户端和服务端，客户端是基于SpringBoot和MVC开发的web网站，服务端是基于tomcat框架二次开发的后台管理系统。客户端提供给用户相应的功能模块，根据用户需求进行相应请求，过程中产生的用户信息和历史记录存储至数据库，由服务端进行监督和审核。服务端主要用于系统管理员进行客户端数据管理，对客户端提交的请求进行审核，放行合理申请，驳回不合要求的申请；对用户行为进行监督和分析，管理所有用户产生数据；新增客户端显示数据，以文章发布和测评新增为主。[14]本信息管理系统主要是为了提高工作人员的工作效率和更方便快捷的满足用户，更好存储所有数据信息及快速方便的检索功能，对系统的各个模块是通过许多今天的发达系统做出合理的分析来确定考虑用户的可操作性，遵循开发的系统优化的原则，经过全面的调查和研究。[15]系统用例分析系统用例图用例图是UML建模的重要组成部分，通过用例图可以清楚地展现系统功能，描述其具体内容。本项目主要涉及普通用户和系统管理员两个角色。其中，普通用户可使用系统模块，进行登录、注册和退出操作；在评论模块中阅读文章并留下个人评论；在文章浏览模块中，用户可浏览系统管理员和其他用户发布的文章，也可进行文章的发布；在个人中心中，用户可修改个人信息及密码。系统管理员主要负责对用户的监督管理和数据的管理。管理员除基本的登录和退出功能，还拥有多个功能模块。在身份认证管理模块中，管理员可对用户的身份认证申请进行审核，通过合格申请，驳回不合格申请；个人中心中，管理员可查看和修改自己的个人信息；文章管理模块中，管理员可对用户发布的文章进行管理，查看和编辑文章信息，删除违规文章，发布新文章；用户管理模块中，管理员可查看用户的信息及其在线情况，对于违规用户可强制下线，也可对用户进行注销账号操作。具体如图2.2所示。业务流程分析本项目为网站后台管理系统，网站的核心功能可划分为商品、评论、浏览、个人信息等四大模块。用户进入首页，可通过首页中的各个模块推送进行简单了解和查看，也可通过页面上方导航栏进行页面跳转，查看某个模块更详细的信息。。后台管理系统需要管理员身份登录，主要以用户管理、身份认证管理、文章管理、个人中心管理等功能模块为主。点击用户管理，可以查看用户的个人信息及在线情况，管理员可以通过用户昵称模糊查询用户相关信息，也可以对在线用户进行强制下线。点击身份认证管理，管理员可以根据提供的材料对用户的身份进行审核，符合要求的申请予以通过，有问题的申请直接驳回；也可以根据未审核、已通过、已驳回等三类查看不同状态申请信息，通过真实姓名查询记录。点击文章管理，管理员可以新增和编辑用户发布的文章进行管理，查看和编辑文章信息，删除违规文章，发布新文章。系统非功能性需求易用性需求：网站基于SpringBoot+MVC开发，对系统的主要功能模块进行清晰的归纳，用户可在网站中通过导航栏快速找到对应模块，既保证了网站界面的简洁，又确保了操作的便捷。可靠性需求：网站基本功能应设计完善，页面跳转保持流畅，对跳转时的异常情况有一定的处理和加工，在保证用户体验的前提下，保证运行稳定流畅、无明显错误。安全性需求：系统运行期间，前后端应该都做到用户的过滤，不仅要防止非法用户直接访问产生非法信息和无效信息，也要保证用户信息的安全，防止信息泄露。兼容性需求：本网站基于MVC框架开发，在各个主流浏览器中使用均有良好的适应性，不会因浏览器切换而导致界面的异常。容错性需求：本网站对异常情况做了普遍处理，通过一定的提示告知用户，而不是网站直接崩溃，具有较好的用户体验。系统环境下表是本系统所需的系统配置环境。名称版本语种服务端开发语言Java1.8.0英语服务端框架tomcat7.0英语服务端开发软件eclipse2020.2.1英语客户端框架SpringBoot2.1.1英语数据库平台MySQL5.7.24英语表2-6系统配置环境本章小结本章节对本项目进行了可行性分析、系统需求分析、系统用例分析、业务流程分析以及逻辑模型设计。其中需求分析中主要借鉴市面上已运营的相关网站，结合实际情况对本项目的功能进行明确的划分，进而绘制系统用例图和活动图，并通过用例规约对复杂用例进行详细的解释，从而相对完整描述本项目的需求。

系统设计通过上章节的系统分析，获取整个系统的完整需求，进而在本章节对系统进行详细设计，并且通过梳理系统各模块的功能和关系，得到详细的数据库设计。软件结构设计为方便用户和管理员对本网站的访问，本项目基于B/S(Browser/Server)软件结构进行开发，具体结构如图3.1所示。图3.1技术架构图用户层，本项目主要涉及：普通用户和系统管理员。视图层，作为和用户距离最近的层级，提供给用户网站界面，显示数据并处理用户输入信息。本层使用MVC框架进行前端渲染，采用MVVM(Model-View-ViewModel)模式，使前后端代码分离，有效降低了代码的耦合度，也提高了代码维护效率。业务逻辑层，作为架构中的核心部分，处于持久层和表示层之间，主要用于业务逻辑的处理、业务流程和功能的实现以及服务端数据的调用[5]。本层主要通过SpringMVC框架实现，经SpringBoot框架中整合后集成的组件和注解有效地提高了编码效率，也在很大程度上简化代码，提升代码的可读性。数据持久层，负责对数据库MySQL的访问，实现对数据的增、删、改、查等操作[6]，主要通过Mybatis框架实现，由于SpringBoot对MybatisPlus整合，注解的使用大大减少了xml文件的配置，简化开发，提高数据的操作效率[7]。基础设施层，本项目主要采用MySQL数据库进行数据存储。而作为B/S架构的项目，本项目以浏览器作为客户端显示，需联网方能使用。整体而言，本项目，前端主要采用MVC进行界面渲染和数据交互，后端主要采用SpringBoot框架进行业务逻辑的设计和实现。绘制主要功能模块图设计系统功能本系统的用户分为系统管理账户和普通用户两种，不同的账户在系统中有自己的对应的功能实现。本系统的主要功能模块图如图3-1-1所示，它显示了系统外部系统的所有功能。图3-1-1主要功能模块图数据库设计审核审核发布人时间日程时间发布时间提交人日程日程标题价格数据商品信息内容注册时间数据维护用户状态信息名称标题浏览单号用户信息时间订单下单人密码户类型商品姓名联系方式帐号地址性别根据上面的类图分析得到本项目中有关联有下列数据库表。它们分别为：本章小结本章节针对系统分析的逻辑模型绘制了相对应的UML图。梳理网站的架构并设计和绘制了架构图，同时，通过状态图明确网站的功能、梳理各个类之间的关系绘制对应的关系图。对网站后台数据库进行设计并详细备注每个字段。

系统实现本章节根据系统设计和系统分析两章节，完成本网站的客户端和后台管理系统的界面设计，并且在服务器中实现对应接口的功能逻辑，使界面和服务器之间能实现数据交互，从而实现本系统的功能模块，同时有良好的用户体验。注册功能的实现过程界面设计当用户内容输入正确后，客户端会将用户所输入的内容传给服务器。服务器得到信息后会再一次判断信息的格式等是否符合要求，无误后将得到的信息与数据库中的信息作比较，如有重复则提示帐号重复，无重复则将信息存入数据库并提示前端注册成功。具体如图4.1所示。图4.1注册界面登录功能的实现过程界面设计当用户内容输入正确后，客户端会将用户所输入的内容传给服务器。服务器得到信息后会再一次判断信息的格式等是否符合要求，无误后将得到的信息与数据库中的信息作比较。如果在数据库中能找到邮箱和密码与传入信息相同，则服务器设置cookie并返回HTTP状态码200给客户端，前端得到登录成功的信息就跳转到登录成功的页面；如果不同则返回HTTP状态码401给客户端，让客户端提示用户与密码不匹配、登录失败。具体如图4.2所示。图4.2登录界面商品发布功能的实现过程界面设计当管理员上传商品时，客户端会将所输入的值传给服务器。写完后存储在数据库中，回到此时的页面前，先开始做一个参数赋值，然后编写成功后让参数赋新值，在返回页面的时候加入判断变量，如果改变的话则调用你数据库，显示内容具体如图4.3所示。图4.3商品发布界面主要模块及关键代码用户注册： 用户登录： 登录权限判断： 本章小结本章节主要对本网站及其后台管理系统的核心功能进行界面设计和实现，其中包括用户注册、用户登录、商品发布功能等。用户注册时，当用户内容输入正确后，客户端会将用户所输入的内容传给服务器。服务器得到信息后会再一次判断信息的格式等是否符合要求，无误后将得到的信息与数据库中的信息作比较，如有重复则提示已被注册，无重复则将信息存入数据库并提示前端注册成功。用户登录的实现更多依赖于前端代码，当用户账户密码输入正确后，客户端会将用户所输入的内容传给服务器。服务器得到信息后会再一次判断信息的格式等是否符合要求，无误后将得到的信息与数据库中的信息作比较。如果在数据库中能找到账户和密码与传入信息相同，前端则得到登录成功的信息，之后就会跳转到登录成功的页面。系统测试本章节通过对已完成功能进行测试，确保功能实现且没有bug，从而实现整个系统的预期效果，也可以在不断的测试中找出潜藏的问题，优化代码，提升用户体验。测试目的系统测试主要是检测本系统实现的功能中，是否符合用户体验，是否存在逻辑错误，是否存在明显的bug，是否保证质量和速度，是否符合整个系统的设计。若存在功能实现过程中的逻辑错误可以尽可能修复，若存在影响用户体验的问题也能尽快优化完善。测试计划借鉴上文的系统设计章节并结合本网站的需求，预先对本项目的系统测试环节进行计划，既避免了测试时因漫无目的浪费了时间，也能有的放矢提升测试的效率。在此项目中，由于用户和管理员的部分功能模块有一定的关联性，本项目的测试计划主要侧重于有关联的功能模块。1.用户注册2.用户登录3.个人信息修改4.商品查看5.添加购物车6.购物车管理7.商品结算8.管理员登录9.订单管理10.商品信息管理由于时间和技术方面的限制，我们的系统测试选择以手动地将每个测试用例进行测试，经过一系列的测试，系统基本符合我们论坛的系统功能模块的需求还有技术、经济、操作可行性，总体达到了系统的总体目标，可以看出，系统的缺陷还是多多少少存在的，但是系统的稳定性还是足以令人放心使用的。虽然本次测试用例不多，但这些测试用例足以反映本项目的核心功能及其完成程度。到此，系统测试结束。本章小结本章节主要对项目的核心功能点进行测试。从确认测试目的开始，根据测试目的和项目整体需求编写测试计划，并提炼出测试用例，最后根据测试用例对项目的功能点进行真实测试。经测试，本文中列明的重要功能点均正常运行，没有明显bug。总结通过论文研究及创作，在这个过程中使我们对网页开发及数据库的操作有了更高的了解及认识，也使