計算機畢業設計 416生鮮食品o2o商城網站 畢設52

第5章 系統詳細設計

一、技術路線：

開發語言：Java

前端技術：JavaScript、VUE.js（2.X）、css3

數據庫：MySQL 5.7

數據庫管理工具：Navicat或sqlyog

開發工具：IDEA或Ecplise

二、項目介紹：

https://www.bilibili.com/video/BV1DN4y127QM/

三、運行截圖：

3.1用戶前后臺功能模塊

3.1.1用戶注冊

用戶進入生鮮食品o2o商城系統注冊頁面填寫用戶名、密碼、姓名、手機、郵箱操作等等。并可以進行登錄。修改等操作。，如圖3-1所示。

圖3-1用戶注冊功能界面圖

 3.1.2用戶登錄

用戶在登錄填寫賬號、密碼、等信息，程序效果圖如下圖3-2所示：

圖3-2用戶登錄功能界面

3.1.3個人信息

用戶進入個人信息頁面可以修改用戶名、密碼、姓名、手機、郵箱、充值金額等等。程序效果圖如下圖3-3所示：

圖3-3個人信息界面

3.1.4商品信息

用戶前臺可以對商品信息瀏覽并查看價格、類型、分類、價格、細化、規格、產地、購買等信息進行操作，程序效果圖如下圖3-4所示：

圖3-4商品信息界面

3.1.5折扣商品

用戶進入折扣商品界面查看價格、單次購買、庫存、類型、購買、活動時間等操作。程序效果圖如下圖3-5所示：

圖3-5折扣商品界面

3.1.6購物車

用戶進入購物車界面填寫購買商品、價格、數量、總價可以進行點擊購買等操作。程序效果圖如下圖3-6所示：

圖3-6購物車界面

3.1.7用戶后臺商品信息

用戶進入商品信息查看商品名稱、類型、分類、細類、規格、產地、品牌、倒計結束、價格、單限、庫存、詳情、評論查看等操作。程序效果圖如下圖3-7所示：

圖3-7商品信息

3.1.8我的收藏管理

用戶進入我的收藏界面查看我的前臺收藏信息查看等操作。程序效果圖如下圖3-8所示：

圖3-8我的收藏界面

3.1.9訂單管理

用戶進入我的訂單界面查看我的訂單信息查看訂單編號、商品編號、商品名稱、購買數量、價格/積分、總價格/總積分、折扣總價格、支付類型、狀態、地址等操作。程序效果圖如下圖3-9所示：

圖3-9我的訂單管理界面

3.2管理員功能模塊

3.2.1管理員登錄

管理員通過輸入用戶名，密碼，權限，等信息進行系統登錄，如圖3-10所示。

圖3-10管理員登錄界面圖

3.2.2管理員登錄

進入生鮮食品o2o商城系統查看首頁、個人中心、用戶管理、商品分類管理、商品細類管理、商品類型管理、商品信息管理、折扣商品管理、新品上市管理、商品評價管理、系統管理、訂單管理等等等內容，如圖3-11所示。

圖3-11管理員功能界面圖

3.2.3個人中心

管理員對個人中心進行操作填寫原密碼、新密碼、確認密碼并進行添加、刪除、修改以及查看，如圖3-12所示。

圖3-12個人中心界面圖

3.2.4用戶管理

在用戶管理頁面可以查看用戶名、密碼、姓名、性別、頭像、手機、郵箱等內容，并可根據需要對用戶管理進行添加，修改或刪除等操作，如圖3-13所示。

圖3-13用戶管理界面圖

 在商品分類管理頁面可以查看商品名稱、

3.2.5商品信息管理

類型、分類、細類、規格、產地、品牌、倒計結束、價格、單限、庫存、詳情等等進行添加，修改，刪除或查看詳細內容等操作，如圖3-14所示。

圖3-14商品信息管理界面圖

3.2.6新品上市管理

在新品上市管理頁面可以查看名稱、類型、分類、細類、規格、產地、品牌價格等內容，并可根據需要對新品上市管理信息進行添加，修改，刪除或詳細內容等操作，如圖3-15所示。

圖3-15新品上市界面圖

3.2.7系統管理

該頁面為輪播圖/新聞資訊管理界面。管理員可以在此頁面進行首頁輪播圖/新聞資訊的管理進行添加，修改，刪除或詳細內容等操作，如圖3-16所示。

圖3-16系統管理界面圖

3.2.8訂單管理

在訂單信息管理頁面可以查看通過列表可以查看訂單編號、商品編號、商品名稱、購買數量、價格/積分、總價格/總積分、折扣總價格、支付類型、狀態、地址、支付等信息進行操作或修改刪除等內容，如圖3-17所示。

圖3-17訂單信息管理界面圖