方可欣　康雪寧

摘要：針對(duì)超市信息化管理的趨勢(shì)，本文緊密結(jié)合超市企業(yè)的需求，設(shè)計(jì)了一個(gè)基于web版的超市管理系統(tǒng)，本系統(tǒng)是在VSCode開發(fā)工具下運(yùn)用Express框架和Vue框架以及MySQL數(shù)據(jù)庫設(shè)計(jì)而成。該系統(tǒng)具有商品管理、用戶權(quán)限、訂單管理、庫存信息處理以及數(shù)據(jù)統(tǒng)計(jì)等功能，從而幫助超市企業(yè)能更有效地管理超市商品，提高工作效率。

關(guān)鍵詞：超市管理;Vue框架;Express框架;MySQL

中圖分類號(hào)：F721.7;F274;TP311.52;TP393.09 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1672-9129（2020）06-0034-01

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

Keywords：supermarketmanagement;Vueframework;Expressframework;MySQL

前言：隨著人們生活水平的提高以及超市商品種類和價(jià)格的多樣性，超市管理變得越來越困難。超市管理系統(tǒng)的設(shè)計(jì)與開發(fā)有利于管理員對(duì)超市進(jìn)行有效的管理。不僅省下了很大的人力和物力，而且在工作效率以及服務(wù)質(zhì)量方面都得到了有效提升。

為提高超市商品的管理效率和超市利潤，本文設(shè)計(jì)和開發(fā)了一款超市管理系統(tǒng)的web應(yīng)用，該系統(tǒng)對(duì)管理者合理分配資源、提高工作效率具有深遠(yuǎn)意義。

1系統(tǒng)設(shè)計(jì)分析

1.1總體流程。該項(xiàng)目根據(jù)電商后臺(tái)管理系統(tǒng)改造而來，需在瀏覽器頁面實(shí)現(xiàn)超市管理系統(tǒng)的用戶注冊(cè)與登錄的功能，用戶在注冊(cè)界面填寫相關(guān)信息，注冊(cè)成功之后即可登錄進(jìn)行相關(guān)操作。如：商品的增加、編輯、刪除、銷售，商品信息、訂單信息以及庫存信息的查看與刪除。

1.2可行性分析。該項(xiàng)目采用了瀏覽器/服務(wù)器模式結(jié)構(gòu)，降低了開發(fā)商和使用者的成本。B/S結(jié)構(gòu)是在Internet技術(shù)發(fā)展下的衍生產(chǎn)物，它是對(duì)C/S結(jié)構(gòu)（客戶端和服務(wù)器結(jié)構(gòu)）一種改變或改進(jìn)的結(jié)構(gòu)[1]，用戶僅依靠訪問瀏覽器就可以實(shí)現(xiàn)用戶的工作界面。因?yàn)槠渲饕氖聞?wù)邏輯都在服務(wù)器端實(shí)現(xiàn)，少部分事務(wù)邏輯在瀏覽器端即客戶端實(shí)現(xiàn)，形成了所謂的MVVM模式的開發(fā)模式[2]，具有比較低的維護(hù)成本。在B/S結(jié)構(gòu)的基礎(chǔ)上，本文選擇了VUE和Express框架以及MySQL數(shù)據(jù)庫。這三種技術(shù)都比較容易學(xué)習(xí)，而且目前已經(jīng)很成熟，非常適合本系統(tǒng)的開發(fā)應(yīng)用。

1.3開發(fā)環(huán)境。超市管理系統(tǒng)是在VSCode開發(fā)工具下利用Express框架和Vue框架以及MySQL數(shù)據(jù)庫設(shè)計(jì)出來。它是一個(gè)輕量級(jí)但強(qiáng)大的源代碼編輯器，內(nèi)置了對(duì)JavaScript和Node.js語言，可以直觀地回顧代碼更改過程并在VisualStudioCode中即時(shí)提交。

Vue框架和Express框架分別用來設(shè)計(jì)系統(tǒng)的客戶端結(jié)構(gòu)和服務(wù)器端結(jié)構(gòu)。Vue是前端開發(fā)中的基礎(chǔ)視圖層框架，主要解決前端頁面的數(shù)據(jù)綁定問題[3]。利用Vue可快速搭建瀏覽器頁面，并利于后期維護(hù)。Express是簡潔靈活的node.jsWeb應(yīng)用框架，提供了強(qiáng)大特性幫助創(chuàng)建各種Web應(yīng)用和豐富的HTTP工具。利用Express可以搭建客戶端與服務(wù)器端相互傳遞數(shù)據(jù)的數(shù)據(jù)接口。

MySQL則是用來管理超市管理系統(tǒng)的商品信息[4][5]，主要被用來在Express框架中搭建前端與后端相互傳遞數(shù)據(jù)的數(shù)據(jù)接口，實(shí)現(xiàn)商品與用戶信息的增、刪、查、改[5]。

2具體實(shí)現(xiàn)

2.1數(shù)據(jù)庫表單的創(chuàng)建。利用SQLyog軟件可以通過圖形界面的方式來管理數(shù)據(jù)庫，創(chuàng)建數(shù)據(jù)庫以及數(shù)據(jù)庫中的各種表單。本文設(shè)計(jì)的是超市管理系統(tǒng)，需要通過管理系統(tǒng)來添加商品的信息，有些表單內(nèi)的數(shù)據(jù)是通過管理系統(tǒng)而添加進(jìn)去的，有些則是利用SQL語句通過SQLyog添加到表單中[6]。

2.2各功能模塊的實(shí)現(xiàn)。登錄模塊主要是根據(jù)用戶登錄的賬號(hào)、密碼進(jìn)行登錄驗(yàn)證。當(dāng)用戶名和密碼錯(cuò)誤時(shí)，提示用戶名和密碼有誤或用戶名不存在。

注冊(cè)模塊主要是為用戶使用本系統(tǒng)而提供的憑證，當(dāng)用戶注冊(cè)成功后即可使用注冊(cè)時(shí)填寫的用戶名和密碼登錄系統(tǒng)進(jìn)行相關(guān)的操作。

商品管理主要是對(duì)超市里面的商品進(jìn)行銷售，在點(diǎn)擊進(jìn)入商品管理頁面后，我們會(huì)看到所有的在售商品信息，點(diǎn)擊出售按鈕即可進(jìn)行商品銷售，可以自定義銷售數(shù)量，同時(shí)也可以在搜索框輸入商品名稱進(jìn)行銷售。

訂單管理模塊主要是對(duì)超市已經(jīng)銷售出去的商品進(jìn)行展示，方便用戶了解商品的銷售情況，用戶可以查看全部商品的銷售情況，也可以通過搜索框查看特定商品的銷售情況。

庫存管理主要是對(duì)超市的所有商品進(jìn)行記錄，包括商品名稱、價(jià)格等，在庫存管理中可以對(duì)商品進(jìn)行添加、刪除等操作，也可以通過搜索框，搜索特定的商品進(jìn)行商品的修改和刪除，批量刪除商品信息。

3結(jié)論

本系統(tǒng)是根據(jù)當(dāng)下人們的消費(fèi)方式以及超市的發(fā)展趨勢(shì)而開發(fā)和設(shè)計(jì)的。超市在經(jīng)營和管理的過程中的優(yōu)劣決定著超市的未來，因此，一套高效有用的超市管理系統(tǒng)能在超市的管理層面發(fā)揮著重大的作用。本系統(tǒng)主要實(shí)現(xiàn)超市商品的日常管理規(guī)范化，使得管理者合理分配資源、有效地提高工作效率。

參考文獻(xiàn)：

[1]王越.基于node.js的微博系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D].電子科技大學(xué)，2014.

[2]陳濤.MVVM設(shè)計(jì)模式及其應(yīng)用研究.計(jì)算機(jī)與數(shù)字工程，2014.

[3]曠志光、紀(jì)婷婷、吳小麗.基于Vue.js的后臺(tái)單頁應(yīng)用管理系統(tǒng)的研究與實(shí)現(xiàn)[J].現(xiàn)代計(jì)算機(jī)（專業(yè)版），2017，000（030）：51-55.

[4]劉華平.超市商品銷售管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D].電子科技大學(xué)，2013.

[5]姜桂洪、孫福振、蘇晶.MySQL數(shù)據(jù)庫應(yīng)用與開發(fā).北京：清華大學(xué)出版社，2018.

[6]鄭智方，魏愷樂，李彬，謝易壯.MySQL得到廣泛使用的原因以及它的嵌入應(yīng)用[J].科技風(fēng).2020（05）：114.

作者簡介：方可欣，女，1999年3月生，湖南常德人，現(xiàn)就讀于江西理工大學(xué)通信工程專業(yè);康雪寧，女，1996年10月生，四川綿陽人，畢業(yè)于江西理工大學(xué)。