田松濤,段元梅

(湖南科技學院 信息工程學院,湖南 永州 425199)

1 背景及意義

近年來,在互聯(lián)網(wǎng)技術逐步嵌入人們的生活中,數(shù)據(jù)共享帶來高效率的同時也加快了人們的生活節(jié)奏。電子商務開始興起熱潮,商家紛紛建立網(wǎng)上商鋪,為消費者提供更加便捷的購物方式。

相對于傳統(tǒng)的購物,網(wǎng)上購物在避免了店面租金的同時,也為購物者提供了快捷和便利。網(wǎng)上購物作為B2B(企業(yè)對企業(yè)),B2C(企業(yè)對消費者),C2C(消費者對消費者)基于互聯(lián)網(wǎng)的電子商務的購物平臺,具有強大的交互能力,為企業(yè)及個人提供豐富的信息資源,這種資源即是商機也是財富。本設計使人們的購物方式變得輕松自由化,提高了人們的生活質量。

2 商城的設計與實現(xiàn)

2.1 需求分析

對于網(wǎng)上購物來說,商家必須得清晰的給出商品的基本信息,不僅要考慮界面的美觀問題,還需要在用戶第一眼看到時有眼前一亮的感覺,這樣才能勾起用戶的購買欲望。當然,在購買的操作上盡量不要顯得過于麻煩,以免降低用戶的體驗。本設計主要將實現(xiàn)以下幾個功能。

2.1.1 后臺管理系統(tǒng)之管理用戶

(1)用戶管理:通過后臺管理系統(tǒng)對本管理用戶所屬商鋪的用戶進行新增、刪除、修改、查看等操作。

(2)商品管理:通過后臺管理系統(tǒng)對本管理用戶所屬商鋪的商品進行新增、刪除、修改、查看等操作。

(3)機構管理:通過后臺管理系統(tǒng)對本管理用戶所屬的商鋪(機構)進行商鋪信息的插入、修改、刪除、查看等操作。

(4)訂單管理:通過后臺管理系統(tǒng)對本管理用戶所屬的商鋪訂單進行查看、刪除等操作。訂單一般是用戶對商鋪中的商品下單,后臺管理系統(tǒng)進行展示統(tǒng)計。訂單的支付是在支付寶申請的賬號,用于支付測試。

(5)圖片管理:通過后臺管理系統(tǒng)對本管理用戶所屬的商鋪前端展示的圖片進行新增、刪除、修改、查看等操作。

(6)導航欄管理:通過后臺管理提供對本管理用戶所屬的商鋪前端展示的導航欄進行新增、刪除、修改、查看等操作。

(7)公告管理:通過后臺管理提供對本管理用戶所屬的商鋪前端展示的公告進行新增、刪除、修改、查看等操作。新增的公告在根據(jù)時間在前端進行展示,主要是提示用戶店鋪的即將推出的一些商品以及店鋪接下來的一些動向。

(8)評論管理:通過后臺管理提供讀本管理用戶所屬的商鋪對商品的評論進行管理。評論一般是用戶在前端對商品進行評論,然后后臺管理系統(tǒng)進行展示,商鋪根據(jù)評論信息對商品進行處理[1]。

(9)資源統(tǒng)計:對商鋪每日購出多少商品,以及商品名稱進行統(tǒng)計。

2.1.2 用戶具有以下功能

(1)瀏覽商鋪:用戶能夠瀏覽到該系統(tǒng)前端的商品信息。

(2)查詢商品:用戶可以在該系統(tǒng)中的搜索欄中查詢自己想要商品類,通過查看商品類選擇相應的商品。

(3)加入購物車:將看中的商品加入購物車。用戶可查看購物車中加入的歌商品。

(4)新增用戶地址:用戶可自行添加送貨地址,添加完成,在選擇商品提交訂單之前會讓用戶選擇地址。如果該用戶沒有地址,可添加地址,選擇地址,生成訂單。

(5)提交訂單信息:用戶直接對商品下訂單也可以將購物車中的商品提交訂單。

2.2 總體設計

系統(tǒng)模塊的總體設計是來自于使用模塊圖來展示各個模塊之間的關系,功能模塊劃分有助于系統(tǒng)功能的實現(xiàn)[2],也方便系統(tǒng)的管理與維護。

(1)線上商城的整體功能模塊。前端用戶能通過“我的中心”查看自己的信息,瀏覽各種商品類信息。用戶將中意的信息加入購物車,憑自我意向購買。前端用戶操作的請求,在后臺系統(tǒng)數(shù)據(jù)展示。超級管理員創(chuàng)建機構系統(tǒng)管理員,創(chuàng)建菜單權限,創(chuàng)建機構,將機構系統(tǒng)管理員分配機構,分配相應的菜單權限。這樣機構系統(tǒng)管理員就可以對自己的機構的平臺頁面進行添加商品信息、導航欄信息、圖片信息公告等操作,對用戶提交的訂單進行派發(fā)。

(2)系統(tǒng)架構前端是主要使用VUE 框架,結合Element UI 組件、CSS、Html 實現(xiàn),通過模板引擎進行數(shù)據(jù)的渲染。前端通過向后端發(fā)Ajax 請求,后端接口接收到請求,在業(yè)務層實現(xiàn)相關操作,去訪問數(shù)據(jù)庫,對數(shù)據(jù)庫信息進行操作,完成后將操作信息返回給前端[3]。

2.3 數(shù)據(jù)流圖

數(shù)據(jù)流圖將用以尋找、編輯、存儲和分發(fā)數(shù)據(jù)的功能或過程圖像化,方便用戶和系統(tǒng)設計人員溝通。數(shù)據(jù)流圖的結構也容讓開發(fā)人員從高點分析系統(tǒng),繼而生成一系列用以深入分析的圖表,逐層深入推演,進而推出整體設計。

線上商城平臺的一層數(shù)據(jù)流,在客戶方面,客戶登錄平臺可直接瀏覽商品信息,也可通過關鍵字查找商品信息、購買商品、提交訂單;機構管理員通過后臺查看訂單列表,根據(jù)訂單列表中的支付情況進行發(fā)貨。在超級管理員方面,超級管理員登錄后臺系統(tǒng),可對各個功能模塊進行相關的增刪改查等操作,對整體數(shù)據(jù)進行管理[4]。

2.4 平臺功能的實現(xiàn)

2.4.1 系統(tǒng)后臺登錄功能設計

本設計后臺登錄既可以通過用戶賬號密碼登錄也可以通過給手機號發(fā)送驗證碼驗證登錄。短信驗證登錄是在阿里云開通了一個短信服務,為避免用戶聯(lián)系發(fā)送驗證碼,設置了一個每個手機號每日僅能發(fā)送少量條數(shù)的信息,每次發(fā)送后只能隔一段時間才能再次發(fā)送。用戶賬號密碼登錄時,當賬號錯誤,經(jīng)過后臺驗證,本次登錄賬號并不存在,后臺管理系統(tǒng)會彈出賬號不存在;當密碼錯誤,在后臺匹配賬號成功,匹配密碼錯誤,后端將發(fā)給前端密碼錯誤并在后臺管理系統(tǒng)中彈出信息;同樣驗證碼錯誤,也會在后臺管理系統(tǒng)中彈出登錄失敗原因,以便用戶找到并更正登錄信息完成登錄。

2.4.2 后臺管理系統(tǒng)主頁功能實現(xiàn)

線上商城平臺后臺管理系統(tǒng)的總體設計布局及運行效果:用戶打開網(wǎng)站會顯示一個登錄界面,登錄界面有兩種登錄方式:一個是賬號密碼登錄,另一個是用戶手機號登錄。超級管理員登錄后的界面會展現(xiàn)出本后臺管理系統(tǒng)的所有功能界面,功能管理展示在左側的導航欄,可以點擊這些導航欄來管理系統(tǒng)的對應的功能,點擊系統(tǒng)用戶管理查看已創(chuàng)建的系統(tǒng)管理用戶,此系統(tǒng)管理用戶是用戶分配給不同的機構的后臺管理。用戶管理功能展示的是所有注冊的用戶信息,對用戶信息進行查看、編輯、刪除、新增。在用戶管理一級菜單下還有著二級菜單-用戶信息,點擊用戶信息,即是對此系統(tǒng)登錄的用戶的信息進行修改時序圖、查看時序圖。

3 測試

對該線上商城系統(tǒng)進行測試在網(wǎng)站的開發(fā)設計中是必不可少的。本文主要對線上商城系統(tǒng)進行了的各種功能測試,測試就是用于查出問題,解決問題的過程。經(jīng)過測試,該商城平臺實現(xiàn)了設計的所有功能,且運行穩(wěn)定。

4 結語

本文進行的系統(tǒng)開發(fā),前端使用B/S 結構的模式,后臺使用MySQL 和Redis 數(shù)據(jù)庫進行數(shù)據(jù)的存儲,由于條件原因Redis 暫時在虛擬機中開啟,本購物平臺設計應用了Java 的SpringBoot 框架以及前端的VUE 框架為核心來構建。