基于web版的超市管理系統設計

方可欣　康雪寧

摘要：針對超市信息化管理的趨勢，本文緊密結合超市企業的需求，設計了一個基于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月生，四川綿陽人，畢業于江西理工大學。