方可欣　康雪宁

摘要：针对超市信息化管理的趋势，本文紧密结合超市企业的需求，设计了一个基于web版的超市管理系统，本系统是在VSCode开发工具下运用Express框架和Vue框架以及MySQL数据库设计而成。该系统具有商品管理、用户权限、订单管理、库存信息处理以及数据统计等功能，从而帮助超市企业能更有效地管理超市商品，提高工作效率。

关键词：超市管理;Vue框架;Express框架;MySQL

中图分类号：F721.7;F274;TP311.52;TP393.09 文献标识码：A 文章编号：1672-9129（2020）06-0034-01

Abstract：Inviewofthetrendofsupermarketinformatizationmanagement，thispapercloselycombinedwiththeneedsofsupermarketenterprises，designedasupermarketmanagementsystembasedonwebversion.ThissystemwasdesignedunderVSCodedevelopmenttoolusingExpressframework，VueframeworkandMySQLdatabase.Thesystemhasfunctionsofcommoditymanagement，userauthority，ordermanagement，inventoryinformationprocessinganddatastatistics，soastohelpsupermarketenterprisestomanagesupermarketproductsmoreeffectivelyandimproveworkefficiency.

Keywords：supermarketmanagement;Vueframework;Expressframework;MySQL

前言：随着人们生活水平的提高以及超市商品种类和价格的多样性，超市管理变得越来越困难。超市管理系统的设计与开发有利于管理员对超市进行有效的管理。不仅省下了很大的人力和物力，而且在工作效率以及服务质量方面都得到了有效提升。

为提高超市商品的管理效率和超市利润，本文设计和开发了一款超市管理系统的web应用，该系统对管理者合理分配资源、提高工作效率具有深远意义。

1系统设计分析

1.1总体流程。该项目根据电商后台管理系统改造而来，需在浏览器页面实现超市管理系统的用户注册与登录的功能，用户在注册界面填写相关信息，注册成功之后即可登录进行相关操作。如：商品的增加、编辑、删除、销售，商品信息、订单信息以及库存信息的查看与删除。

1.2可行性分析。该项目采用了浏览器/服务器模式结构，降低了开发商和使用者的成本。B/S结构是在Internet技术发展下的衍生产物，它是对C/S结构（客户端和服务器结构）一种改变或改进的结构[1]，用户仅依靠访问浏览器就可以实现用户的工作界面。因为其主要的事务逻辑都在服务器端实现，少部分事务逻辑在浏览器端即客户端实现，形成了所谓的MVVM模式的开发模式[2]，具有比较低的维护成本。在B/S结构的基础上，本文选择了VUE和Express框架以及MySQL数据库。这三种技术都比较容易学习，而且目前已经很成熟，非常适合本系统的开发应用。

1.3开发环境。超市管理系统是在VSCode开发工具下利用Express框架和Vue框架以及MySQL数据库设计出来。它是一个轻量级但强大的源代码编辑器，内置了对JavaScript和Node.js语言，可以直观地回顾代码更改过程并在VisualStudioCode中即时提交。

Vue框架和Express框架分别用来设计系统的客户端结构和服务器端结构。Vue是前端开发中的基础视图层框架，主要解决前端页面的数据绑定问题[3]。利用Vue可快速搭建浏览器页面，并利于后期维护。Express是简洁灵活的node.jsWeb应用框架，提供了强大特性帮助创建各种Web应用和丰富的HTTP工具。利用Express可以搭建客户端与服务器端相互传递数据的数据接口。

MySQL则是用来管理超市管理系统的商品信息[4][5]，主要被用来在Express框架中搭建前端与后端相互传递数据的数据接口，实现商品与用户信息的增、删、查、改[5]。

2具体实现

2.1数据库表单的创建。利用SQLyog软件可以通过图形界面的方式来管理数据库，创建数据库以及数据库中的各种表单。本文设计的是超市管理系统，需要通过管理系统来添加商品的信息，有些表单内的数据是通过管理系统而添加进去的，有些则是利用SQL语句通过SQLyog添加到表单中[6]。

2.2各功能模块的实现。登录模块主要是根据用户登录的账号、密码进行登录验证。当用户名和密码错误时，提示用户名和密码有误或用户名不存在。

注册模块主要是为用户使用本系统而提供的凭证，当用户注册成功后即可使用注册时填写的用户名和密码登录系统进行相关的操作。

商品管理主要是对超市里面的商品进行销售，在点击进入商品管理页面后，我们会看到所有的在售商品信息，点击出售按钮即可进行商品销售，可以自定义销售数量，同时也可以在搜索框输入商品名称进行销售。

订单管理模块主要是对超市已经销售出去的商品进行展示，方便用户了解商品的销售情况，用户可以查看全部商品的销售情况，也可以通过搜索框查看特定商品的销售情况。

库存管理主要是对超市的所有商品进行记录，包括商品名称、价格等，在库存管理中可以对商品进行添加、删除等操作，也可以通过搜索框，搜索特定的商品进行商品的修改和删除，批量删除商品信息。

3结论

本系统是根据当下人们的消费方式以及超市的发展趋势而开发和设计的。超市在经营和管理的过程中的优劣决定着超市的未来，因此，一套高效有用的超市管理系统能在超市的管理层面发挥着重大的作用。本系统主要实现超市商品的日常管理规范化，使得管理者合理分配资源、有效地提高工作效率。

参考文献：

[1]王越.基于node.js的微博系统的设计与实现[D].电子科技大学，2014.

[2]陈涛.MVVM设计模式及其应用研究.计算机与数字工程，2014.

[3]旷志光、纪婷婷、吴小丽.基于Vue.js的后台单页应用管理系统的研究与实现[J].现代计算机（专业版），2017，000（030）：51-55.

[4]刘华平.超市商品销售管理系统的设计与实现[D].电子科技大学，2013.

[5]姜桂洪、孙福振、苏晶.MySQL数据库应用与开发.北京：清华大学出版社，2018.

[6]郑智方，魏恺乐，李彬，谢易壮.MySQL得到广泛使用的原因以及它的嵌入应用[J].科技风.2020（05）：114.

作者簡介：方可欣，女，1999年3月生，湖南常德人，现就读于江西理工大学通信工程专业;康雪宁，女，1996年10月生，四川绵阳人，毕业于江西理工大学。