基于微信小程序的紡織系統(tǒng)的設(shè)計(jì)與開(kāi)發(fā)

楊 淼 錢麗丹

（浙江經(jīng)貿(mào)職業(yè)技術(shù)學(xué)院 信息技術(shù)系，浙江 杭州 310018）

中國(guó)是世界上規(guī)模最大的紡織品服裝生產(chǎn)國(guó)、消費(fèi)國(guó)和出口國(guó)，是紡織產(chǎn)業(yè)鏈最完整、門類最齊全的國(guó)家，具有邁進(jìn)世界紡織強(qiáng)國(guó)陣營(yíng)的扎實(shí)基礎(chǔ)和明顯優(yōu)勢(shì)。目前中國(guó)的紡織業(yè)管理相對(duì)落后，信息化程度較低。我國(guó)紡織行業(yè)的管理體制不夠完善，織行業(yè)的信息化水平不高，導(dǎo)致紡織行業(yè)很難建立多品種的、高質(zhì)量的、大批量的、交貨迅速的運(yùn)營(yíng)機(jī)制。隨著科技的發(fā)展以及互聯(lián)網(wǎng)+時(shí)代的到來(lái)，紡織業(yè)的未來(lái)將開(kāi)辟出新的格局。項(xiàng)目主要開(kāi)發(fā)一款運(yùn)用于紡織系統(tǒng)的小程序，通過(guò)小程序推動(dòng)紡織產(chǎn)品經(jīng)營(yíng)管理的信息化建設(shè)水平，可以有效地簡(jiǎn)化紡織品企業(yè)的產(chǎn)品管理流程，提升企業(yè)管理水平，加快企業(yè)的信息化應(yīng)用水平。

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

1.1 系統(tǒng)架構(gòu)設(shè)計(jì)

基于微信小程序的紡織系統(tǒng)主要依托移動(dòng)互聯(lián)網(wǎng)技術(shù)，基于移動(dòng)端提供各項(xiàng)服務(wù)。用戶接入系統(tǒng)后，可以實(shí)現(xiàn)商品的查詢與管理，利用微信小程序可以實(shí)現(xiàn)紡織品的在線展示與推廣?？紤]到系統(tǒng)的實(shí)時(shí)性與重用性，系統(tǒng)的整體框架采用三層架構(gòu)，將整個(gè)業(yè)務(wù)應(yīng)用劃分為界面層、邏輯處理層、數(shù)據(jù)訪問(wèn)層，使得數(shù)據(jù)的顯示和處理相互獨(dú)立，方便后期的系統(tǒng)管理與系統(tǒng)維護(hù)。

系統(tǒng)采用B/S模式設(shè)計(jì)，分為前臺(tái)與后臺(tái)兩個(gè)部分，前臺(tái)基于微信小程序，后臺(tái)基于PC端實(shí)現(xiàn)，系統(tǒng)提供產(chǎn)品展示、產(chǎn)品上傳、權(quán)限管理、用戶管理等功能。開(kāi)發(fā)出的小程序能夠向用戶展示公司基本信息、商品分類，通過(guò)顏色屬性檢索商品，查看商品的具體信息；在小程序的后臺(tái)，管理員通過(guò)管理內(nèi)部員工和權(quán)限分配來(lái)完成對(duì)公司內(nèi)部的權(quán)限分配和具體操作的權(quán)限設(shè)置；通過(guò)對(duì)目錄管理和產(chǎn)品管理來(lái)對(duì)產(chǎn)品進(jìn)行錄入然后展現(xiàn)在前端；通過(guò)登錄用戶模塊，可以對(duì)登錄小程序的微信用戶設(shè)置一個(gè)是否禁止訪問(wèn)的狀態(tài)，可以對(duì)一些惡意的用戶進(jìn)行禁止訪問(wèn)小程序的操作；可以通過(guò)操作日志知曉內(nèi)部用戶的操作，可以通過(guò)登錄日志知曉微信用戶的登錄情況。

根據(jù)客戶的需求，小程序B端只要求展示商品信息，S端具有對(duì)商品進(jìn)行上傳的功能即可。小程序功能比較明確，包括能夠?qū)ι唐愤M(jìn)行條件篩選，能夠查看具體的商品信息。后臺(tái)除了上傳商品的基本功能外，還對(duì)整個(gè)小程序的用戶和日志操作進(jìn)行管理。在功能上滿足了客戶的需求，通過(guò)分享小程序?qū)⒕€上的渠道和用戶量加大，在后臺(tái)上可以更安全地管理用戶、產(chǎn)品和公司用戶之間的平衡。

項(xiàng)目是前后端分離的，通過(guò)redis緩存相關(guān)的賬戶密碼通過(guò)springboot內(nèi)嵌內(nèi)嵌Tomcat這一特進(jìn)行更加簡(jiǎn)潔的開(kāi)發(fā)，編寫與數(shù)據(jù)庫(kù)相對(duì)應(yīng)的實(shí)體類。編寫相關(guān)增刪改查數(shù)據(jù)庫(kù)操作的持久層，將相關(guān)業(yè)務(wù)邏輯放在Service層，調(diào)用持久層的方法，再在Controller層中接受前端傳來(lái)的參數(shù)進(jìn)行業(yè)務(wù)操作（調(diào)用Serive層）。相對(duì)于spring簡(jiǎn)化了配置，注重于業(yè)務(wù)邏輯的編寫。小程序的前端使用的是在vue的基礎(chǔ)上開(kāi)發(fā)的mpvue,跟vue的語(yǔ)法大致相同，結(jié)合微信小程序開(kāi)發(fā)者工具進(jìn)行的開(kāi)發(fā)。后臺(tái)系統(tǒng)的前端使用的vue框架，通過(guò)復(fù)用組件這一特點(diǎn)，節(jié)省了很多代碼。

1.2 主要功能

微信小程序是一種不需要下載安裝即可使用的應(yīng)用，它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢(mèng)想，用戶掃一掃或者搜一下即可打開(kāi)應(yīng)用。微信小程序也體現(xiàn)了“用完即走”的理念，用戶不用關(guān)心是否安裝太多應(yīng)用的問(wèn)題。紡織品展示與管理系統(tǒng)采用B/S模式設(shè)計(jì)，分為前臺(tái)與后臺(tái)兩個(gè)部分，前臺(tái)基于微信小程序，后臺(tái)基于PC端實(shí)現(xiàn)。項(xiàng)目的功能總結(jié)如下：

1）基于角色管理設(shè)計(jì)系統(tǒng)用戶：公司內(nèi)部員工和登錄小程序用戶；

2）基于角色權(quán)限開(kāi)發(fā)理念，針對(duì)員工不同的職位分配相應(yīng)的操作權(quán)限；

3）為管理員提供后臺(tái)管理功能，包括：管理員工，管理商品目錄，增刪商品，管理登錄用戶，查看操作和登錄日志等；

4）在用戶驗(yàn)證的基礎(chǔ)上提供客戶服務(wù)：用戶首次登錄小程序必須綁定手機(jī)號(hào)，一個(gè)手機(jī)號(hào)只能綁定一個(gè)微信賬號(hào)；

5）為客戶提供便利性操作：用戶瀏覽小程序時(shí)，既可以查看公司的信息、也可以通過(guò)顏色、面料等屬性方便地檢索到所需商品；

6）提供完善的商品展示服務(wù)：商品按照指定目錄進(jìn)行分類，分類目錄在首頁(yè)展現(xiàn)，每件商品信息準(zhǔn)確，當(dāng)點(diǎn)擊商品信息的商品圖時(shí)可以查看高清大圖，方便用戶獲取商品細(xì)節(jié)。

1.3 數(shù)據(jù)存儲(chǔ)

數(shù)據(jù)庫(kù)設(shè)計(jì)是系統(tǒng)開(kāi)發(fā)的重要任務(wù)之一，是建立數(shù)據(jù)庫(kù)及其應(yīng)用系統(tǒng)的關(guān)鍵技術(shù)，是信息系統(tǒng)開(kāi)發(fā)和建設(shè)中的核心技術(shù)。數(shù)據(jù)庫(kù)設(shè)計(jì)直接體現(xiàn)了用戶的需求，因此在設(shè)計(jì)數(shù)據(jù)庫(kù)時(shí)一定要與用戶密切溝通，緊密結(jié)合用戶需求。通過(guò)分析，系統(tǒng)包含了多個(gè)實(shí)體，如用戶、站點(diǎn)、線路、用戶角色等。系統(tǒng)依托MySQL存儲(chǔ)并管理數(shù)據(jù)。MySQL是一個(gè)關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)，由瑞典 MySQL AB 公司開(kāi)發(fā)，目前屬于Oracle公司。MySQL是一種關(guān)聯(lián)數(shù)據(jù)庫(kù)管理系統(tǒng)，關(guān)聯(lián)數(shù)據(jù)庫(kù)將數(shù)據(jù)保存在不同的表中，而不是將所有數(shù)據(jù)放在一個(gè)大倉(cāng)庫(kù)內(nèi)，增加了速度并提高了靈活性，MySQL是免費(fèi)的，應(yīng)用廣泛。

2 系統(tǒng)實(shí)現(xiàn)的關(guān)鍵技術(shù)

微信小程序是一種全新的連接用戶與服務(wù)的方式，它可以在微信內(nèi)被便捷地獲取和傳播，同時(shí)具有出色的使用體驗(yàn)。本項(xiàng)目的小程序使用了mpvue框架，后臺(tái)系統(tǒng)前端是vue+elementui，后端是springboot+spring security。

mpvue是美團(tuán)點(diǎn)評(píng)開(kāi)源的基于Vue.js的小程序開(kāi)發(fā)框架。框架基于Vue.js核心，使其可以運(yùn)行在小程序環(huán)境中，從而為小程序開(kāi)發(fā)引入了整套Vue.js開(kāi)發(fā)體驗(yàn)。在開(kāi)發(fā)小程序中也可以進(jìn)行組件化開(kāi)發(fā)，提高代碼的復(fù)用性，這是我選擇mpvue來(lái)開(kāi)發(fā)小程序的原因。elementui是一套基于Vue 2.0的桌面端組件庫(kù)。elemntui封裝好的代碼組件模塊使開(kāi)發(fā)更加的容易和輕便。

springboot是一些庫(kù)的集合，簡(jiǎn)化新Spring應(yīng)用的初始搭建以及開(kāi)發(fā)過(guò)程。它能夠被任意項(xiàng)目的構(gòu)建系統(tǒng)所使用。就像maven整合了所有的jar包，spring boot整合了所有的框架.通過(guò)各類注解。

Spring security是一個(gè)一個(gè)安全管可以零配置使用Spring Security理框架，Spring Boot對(duì)于Spring Security提供了自動(dòng)化配置方案，通過(guò)Basic Authentication Filter用來(lái)認(rèn)證用戶的身份，在web中類似過(guò)濾器的職責(zé)。

3 結(jié)束語(yǔ)

項(xiàng)目利用現(xiàn)有的互聯(lián)網(wǎng)技術(shù)與移動(dòng)應(yīng)用技術(shù)，實(shí)現(xiàn)基于微信小程序的紡織品管理系統(tǒng)。通過(guò)項(xiàng)目的實(shí)施，可以實(shí)現(xiàn)紡織品的在線推廣以及紡織品的信息化管理。本系統(tǒng)的使用，可以有效地簡(jiǎn)化紡織品企業(yè)的產(chǎn)品管理流程，提升企業(yè)的信息化管理水平。