当今社会已经步入了科学技术进步和经济社会快速发展的新时期，国际信息和学术交流也不断加强，计算机技术对经济社会发展和人民生活改善的影响也日益突出，人类的生存和思考方式也产生了变化。传统超市在线销售采取了人工的管理方法，但这种管理方法存在着许多弊端，比如效率低下、安全性低以及信息传输的不准确等，同时由于超市在线销售中会形成众多的个人文档和信息系统数据，通过人工方法对商品信息、公告信息、留言板等进行集中管理会形成检索、更改和维护等较为麻烦的管理问题，同时由于广大用户对网络技术的需求也日益高涨，于是信息技术也需要继续开展全新的改革以满足时代的需求。根据此问题，研发一套超市在线销售系统，既能够大大提高信息的检索、变更与维护的工作效率，也能够方便信息系统的管理运用，从而减少信息管理成本，提高效率。
该超市在线销售系统采用B/S架构、并采用nodejs语言以及express框架进行开发。该系统主要设计并完成了管理过程中的用户注册登录、个人信息修改、用户、普通管理员、商品信息、留言板、系统和订单等功能。该系统操作简便，界面设计简洁，不但可以基本满足本行业的日常管理工作，同时又可以有效减少人员成本和时间成本，为超市在线销售管理工作提供了方便。
前端技术：nodejs+vue+elementui,
Express 框架于Node运行环境的Web框架,
语言 node.js
框架：Express
前端:Vue.js
数据库：mysql
数据库工具：Navicat
开发软件：VScode
视图层其实质就是vue页面，通过编写vue页面从而展示在浏览器中，编写完成的vue页面要能够和控制器类进行交互，从而使得用户在点击网页进行操作时能够正常。
代码结构讲解
1、 node_modules文件夹(有npn install产生)
这文件夹就是在创建完项目后，cd到项目目录执行npm install后生成的文件夹，下载了项目需要的依赖项。
2、package.json文件
此文件是项目的配置文件（可定义应用程序名，版本，依赖项等等）。node_modules文件夹下的依赖项是从哪里知道的呢？原因就是项目根目录下的这个package.json文件，执行npm install时会去找此文件中的dependencies，并安装指定的依赖项。
3、public文件夹(包含images、javascripts、stylesheets)
这个文件夹做过Web开发的应该一看就知道，为了存放图片、脚本、样式等文件的。
4、routes文件夹
用于存放路由文件。
5、views文件夹
存放视图。
目 录
摘 要 I
Abstract II
1 概 述 1
1.1 课题研究背景 1
1.2 课题研究意义 1
1.3 课题研究内容 2
2 系统开发环境及相关技术 3
2.1 系统开发环境 3
2.2 系统开发技术 3
2.2.1 Spring Boot框架介绍 3
2.2.2 Java介绍 3
2.2.3 MySQL数据库 4
2.2.4 B/S结构 4
3 系统需求分析 5
2.1 可行性分析 5
3.2 功能需求分析 5
3.3 系统流程分析 7
3.3.1 登录流程 7
3.3.2 添加信息流程 8
3.3.3 收藏信息流程 8
4 系统设计 10
4.1 功能模块设计 10
4.2 系统数据库设计 11
4.2.1 数据库系统 11
4.2.2 数据库概念设计 11
4.2.3 数据表设计 12
4.2.4 数据表的建立 12
5 系统实现 22
5.1前台用户模块实现 22
5.2后台管理员模块实现 25
5.3后台普通管理员模块实现 27
6 系统测试 32
6.1软件测试过程 32
6.2测试用例 33
结 论 34
致 谢 35
参 考 文 献 36
1 概 述
1.1 课题研究背景
近年来，由于计算机技术和互联网技术的飞速发展，所以各企事业单位内部的发展趋势是数字化、信息化、无纸化，随着这一趋势，而各种决策系统、辅助系统也就应运而生了，其中，信息管理系统是其中重要的组成部分[1]。
超市在线销售管理工作向来都是在超市中不可或缺的一部分，然而多年以来人们大都习惯使用传统方法，即人工来完成商品信息、公告信息的管理，但是这种方法存在着工作效率低以及保密性差的问题，同时还会生成大量的文本和数据，在检索数据时极大不便。随着科技发展进步，我们已进入了信息化社会，仅仅依靠传统的表格管理方式已不能适应时代的要求。因此使用计算机来进行接手传统方式已经势在必行[2]。
而通过计算机技术来实现的超市在线销售系统拥有对信息的快速检索、保存了大量的信息、信息系统保存的稳定性高和维护成本低等优点，对超市在线销售管理的工作效率也能提高。如今，传统的人工管理方法、文件和图表打印等信息传输方法已经不能满足当下超市在线销售的发展需求，计算机科学与互联网技术的蓬勃发展，颠覆了人们的生活以及思维方式。超市在线销售系统的出现，利用信息技术将商品信息、公告信息融于网络平台中，成为超市提高管理水平的有利手段，将会成为未来发展的新模式[3]。
1.2 课题研究意义
在当下，信息自动化以一种迅速并不可阻挡的速度在慢慢遍布到社会的每一个角落中，而超市在线销售系统正是信息自动化的一个小小分支，解决了传统管理中繁杂且重复的操作，提高了工作的效率。
对于大部分的服务行业来说，超市在线销售系统对于管理人员进行管理来说是非常重要的，超市在线销售系统应该做到让管理人员进行快捷的信息查询以及对信息的处理功能，让用户体验到更加快捷方便在线购买商品，普通管理员添加商品、发货等，然而，大多数的超市并没有使用电子化来管理工作的意识，还是使用传统的人工管理方法。如今，伴随着计算机科学的不断发展，互联网科技的日渐成熟，计算机所带来的种种优势已经逐渐为人们所认识，它已经应用在社会中的各个领域中并且越来越重要，利用计算机将超市在线销售进行电子化、系统化的管理代替了传统的人工管理方式，提升了工作效率[4]。所以，开发一套运用于超市的通用管理系统。
(1)无纸化办公，节省了时间，减少了纸张的浪费同时节约了成本。
(2)加快了信息传输的过程，使超市在线销售系统更规范和科学。
(3)利用计算机处理速度快、信息存储量大的特点，将超市在线销售管理工作信息化，可以积累和管理大量的数据。
(4)对数据进行有效并且集中的管理，实现了信息的共享，使管理人员可以从传统的人工管理中解放出来，提升了工作的效率，使其有更多的时间去完成更多的工作，来提高自身的业务素质[5]。
1.3 课题研究内容
本系统结合现今超市在线销售系统的功能模块以及设计方式进行分析，使用nodejs语言和express框架进行开发设计，具体研究内容如下：
(1)系统主页展示商品信息、公告信息、留言板、在线客服、购物车等功能。
(2)用户在前台可以购买商品，同时也能更新个人信息及密码[6]。
(3)普通管理员在系统后台添加商品、发货，同时也能更新个人信息及密码。
(4)管理员是拥有系统最高权限，所以对系统所有功能都能进行操作。
3 系统需求分析
在当今的社会生活中，互联网已经变得非常普遍和重要。充分利用互联网大数据等技术可以解决很多问题。目前，超市在线销售管理也面临着自身的问题。根据这一普遍现象，该系统可以很好地解决这些问题[7]。系统中这三类用户的数据在系统中非常关键，因此系统数据应该被组织起来，因为数据是以某种格式存储的，而不是无序的。其概念是，它可以根据长期稳定的格式在计算机内存中共享。数据库管理系统主要用于保存、修改和添加索引数据以及设置数据库。为了确保系统数据管理的顺利进行，一些有能力的处理器可以在不需要专业人员处理的情况下管理数据。创建数据表时，可以调整、重新组织和重建数据表中的数据，以确保数据可靠性。在数据库系统设计中，MySQL主要用于实现数据的集中管理。各方面表现良好[8]。
2.1 可行性分析
根据超市在线销售系统所拥有的功能情况，通过经济效益、技术难度和管理方式进行全面的可行性分析，来提供准确的可行性依据。以下是本系统的可行性分析：
(1)经济可行性
使用了免费版的Eclipse节省了开发成本，在购买服务器后部署项目便能通过浏览器进行访问。
(2)技术可行性
本管理系统采用B/S架构进行设计，通过分层分包的方法，有利于日常的维护，同时降低了代码之间的耦合。
(3)管理可行性
本管理系统所需要的管理难度低，只需要一个管理员便能进行用户、普通管理员、商品信息、留言板、系统和订单等的删除、修改和添加[9]。
3.2 功能需求分析
超市在线销售系统综合网络空间开发设计要求。目的是将商品信息通过网络平台将传统管理方式转换为在网上操作，方便快捷、安全性高、交易规范做了保障，目标明确。超市在线销售系统可以将功能划分为用户、普通管理员和管理员功能[10]。
（1）用户关键功能包含用户注册登陆、个人信息修改、商品信息、公告信息、留言板、在线客服、购物车等有关功能。用户用例如下：
6 系统测试
软件测试是一系列过程活动的总和，本系统采用黑盒测试，用于检测用户、普通管理员和管理员三个角色在操作中存在的问题[12]。黑盒测试注重于测试软件的功能需求。
6.1软件测试过程
软件测试是软件设计的收尾阶段，它是贯穿整个设计过程的，是一个巨大的任务。软件测试需要对程序所有的部分进行测试。且对每个部分的测试都是不一样的，需要在进行测试之前将它们分为以下几个阶段：
软件测试是软件设计的最后阶段，它贯穿于整个设计过程，是一项巨大的任务。软件测试需要测试程序的所有部分。每个部分的测试是不同的，在测试前需要分为以下几个阶段:
（1）模块测试
它是一种检查软件程序代码的测试。用于软件的最小单元部分。单元测试分为手动测试和动态测试。为了保证程序算法的正确性，静态检测应规范程序的逻辑性、规范性和正确性。这一步是检测尽可能多的错误。动态检测是通过比较实际结果和期望结果来发现误差[13]。
（2）集成测试
集成测试是在单元测试的基础上对系统各个功能模块进行测试。任何软件设计都会有集成阶段，因此集成测试是软件测试过程中必不可少的一部分。在集成测试中，由于测试是在各个模块之间进行的，所以在测试过程中可能没有发现问题，但会暴露整个测试。同时，在进行集成测试时要注意模块连接时的数据丢失。还要注意，虽然单个模块的错误可能很少，但它们可以拼凑在一起，对系统产生重大影响。
（3）系统测试
系统测试紧随集成测试之后。系统测试将通过集成测试的部分作为整个系统的一部分。与电子设备的各种软硬件一起，通过实际操作来检测，在模拟的实际环境中是否存在误差。需要将系统测试与计划的理想情况进行比较，并找出与预期不同的地方。通过设计师的分析确定如何修改。在软件的实际操作过程中，会出现很多意想不到的错误，测试人员可能无法在第一时间解决问题。因此，系统测试应尽量在实际操作下进行，以达到更好的测试目的。
（4）验收测试
验收测试是系统在设计和发布前的最后一次测试，需要了解用户和合作伙伴的需求。并与他们一起完成测试，同时根据他们的需求进行具体的修改，使软件更好地满足这三个需求[14]。
6.2测试用例
本管理系统的登录模块测试，主要包括了密码测试，具体测试情况如下：
(1)密码登录测试
密码登录要求用户输入用户名和密码进行核对，如果用户登录成功，会自动跳转到系统主页，如果登录失败，则会弹出" 用户名或密码输入有误，请重新输入！"，系统会根据用户不同的角色加载相应的菜单，具体测试用例见表6-1。
表6-1 账号密码登录测试用例表
用例 用户名/密码/角色 预计结果 实际结果
1 1001/123
/用户 弹出"密码输入有误，请重新输入！"的提示 弹出"密码输入有误，请重新输入！"的提示
2 1001/a123456
/用户 登录成功并跳转至主页 登录成功并跳转至主页
3 1002/admin1
/管理员 登录成功并跳转至主页，同时显示不同的菜单 登录成功并跳转至主页，同时显示不同的菜单
结 论
通过本次毕业设计对超市在线销售系统的设计与实现，让我能够将所学的一个个知识联系起来形成了一个整体，对于整个系统的运行流程有了一个清楚的认识。从前端通过接口请求数据到后端控制层调用业务层再到数据库访问层对数据库进行查找，然后将数据进行封装后一个一个层传输最后到前端以及前端进行显示的过程中，每一个流程都需要仔细的分析调试。在这之间，也遇到了许许多多的困难，走了很多的弯路，但正是因为克服了这些困难，才能开发出这个系统，实现对超市在线销售的电子化管理，提高了工作的效率。
虽然本系统已经完成了开题报告中提出的功能，但作为一个完整的系统，还有许多功能需后期进一步地完善，待改善的功能有以下几点：
(1)优化UI 设计，并且加入总体模块来完善系统功能。
(2)系统当前只能在网站中使用，若能在App或小程序中使用会更便捷。
(3)系统中未考虑到数据的备份与恢复功能，手动备份耗时耗力并且安全性不好，需要对其进行完善。
致 谢
晃眼间四年大学时光即将过去。当我在完成大学里最后一个任务模块时，我意识到自己将要毕业了，将离开陪伴了自己四年快乐时光的校园。回首四年往事，让我深有感触学校四年的点点滴滴，有太多无法忘记的事事非非。学校的室友，同学，老师，图书馆，教学楼等，这些都是我无法抹去的记忆，已使我的心里很不是滋味。在此我要首先感谢我的指导老师。从最开始的论文选题、分析，老师就根据我们所选的课题提供了参考资料并且帮助我们进行系统的功能分析。他认真的工作态度、辛勤的工作精神，对我的影响深远，当我遇到问题以及疑惑时，老师总能指出问题的所在，让我收获了许多，再次感谢老师对我的帮助，以及还要感谢我的家人和朋友，正因为有了他们的支持，使我今后的人生有了更多的意义。
同时我还要感谢我的室友们。虽然我这几年的生活一直很困难，但是每当我遇到困难或者不开心的时候，他们都会给我建议，让我不难过。每当我生日的时候，他们都会聚在一起为我庆祝。和他们交流之后，我就会走出坏心情，变得快乐。因此，我感谢他们这四年的努力。
时光飞逝，四年的大学生活转眼就要过去了。此时此刻，四年的时光在我的脑海中再次上演。我的舍友、同学、老师，这一刻，我已经止不住的流泪了。我有太多的记忆永远刻在脑子里，我不会忘记他们的点点滴滴。与此同时，我也会积极准备考研，吸取第一次失败的经验，争取在二战中取得好成绩，考上心中理想的学校。我一定会加油的!