計算機畢業設計 ssm基于BS的超市商品管理系統 vue 畢設

第4章系統詳細實現

一、技術路線：

開發語言：Java

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

數據庫：MySQL 5.7

數據庫管理工具：Navicat或sqlyog

開發工具：IDEA或Ecplise

二、項目介紹：

三、運行截圖：

3.1用戶登錄功能的詳細實現

用戶登錄界面起到驗證身份的作用，本界面采用圖片背景進行設計。在用戶登錄界面里設置了程序的名稱和用戶、密碼、權限的文本框。在文本框下是登錄按鈕。用戶在信息輸入完成后可以使用這個按鈕進行相對應的操作。用戶登錄功能的實現界面如下圖3-1所示：

圖3-1用戶登錄實現界面

3.2管理員權限的功能實現

3.2.1個人中心管理功能的詳細實現

   個人中心管理功能的作用為修改密碼和添加、刪除管理員用戶。本功能可以實現新增管理員和減少管理員。個人中心管理功能的實現界面如下圖3-2所示：

圖3-2個人中心管理功能的界面實現

3.2.2員工信息管理功能的詳細實現

管理員負責員工信息的錄入和管理。員工信息包括銷售員工和采購員工，員工的賬號和密碼則是由本功能進行添加。管理員查詢員工信息的功能實現如下圖3-3所示：

圖3-3管理員查詢員工信息的實現界面

3.2.3商品信息管理功能的詳細實現

管理員可以對商品的信息進行管理、審核。管理員查詢商品信息的實現界面如下圖3-4所示：

圖3-4管理員查詢商品信息的實現界面

3.2.4供應商管理功能的詳細界面實現

管理員可以對供應商信息進行管理和添加。管理員查詢供應商信息的實現界面如下圖3-5所示：

圖3-5管理員查詢供應商功能的運行界面

3.2.5商品銷售管理功能的詳細實現

管理員可以添加和管理商品的銷售信息，查詢商品銷售功能的界面實現如下圖3-6所示：

圖3-6管理員查詢商品銷售功能的運行界面

3.2.6商品銷售統計功能的詳細實現

管理員可以對銷售數據進行統計，功能的實現界面如下圖3-7所示：

圖3-7管理員商品銷售統計功能的運行界面

3.2.7采購進退貨管理功能的實現界面

管理員可以查看和管理采購的進貨信息、退貨信息，實現界面如下圖3-8所示：

圖3-8管理員查詢采購進退貨功能的實現界面

3.2.8基礎數據管理功能的實現界面

基礎數據包括商品類型和供應商類型，管理員可以設置不同的類型。實現界面如下圖3-9所示：

圖3-9基礎數據管理功能的實現界面

3.3采購員工權限的功能詳細實現

3.3.1采購進貨管理功能的詳細實現

采購員工功能里可以添加采購進貨信息。采購員工添加采購進貨功能的實現界面如下圖3-10所示：

圖3-10采購員工添加采購進貨功能的運行界面

3.3.2采購退貨管理功能的詳細實現

采購員工在退貨功能里可以添加退貨信息和統計退貨信息。采購員工添加采購退貨功能的實現界面如下圖3-11所示：

圖3-11添加采購退貨功能的運行界面

3.3.3商品管理功能的詳細實現

采購員工在商品管理里可以查看到商品的庫存，實現界面如下圖3-12所示：

圖3-12查詢商品信息功能的運行界面

3.3.4供應商管理功能的詳細實現

采購員工可以查詢供應商，供應商查詢實現界面如下圖3-13所示：

圖3-13供應商查詢功能的運行界面

3.4銷售員工的功能實現

銷售員工主要負責商品的銷售登記，實現界面如下圖3-14所示：

圖3-14銷售員工的功能實現界面