計算機畢業設計ssm理發店會員管理系統hsg6107B6畢設82

第5章系統實現

一、技術路線：

開發語言：Java

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

數據庫：MySQL 5.7

數據庫管理工具：Navicat或sqlyog

開發工具：IDEA或Ecplise

二、項目介紹：

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

三、運行截圖：

3.1基本任務

系統實現階段的根本目標在這個階段的設計工作中jingque地描述出目標系統，從而在編碼階段可以直接根據這個描述翻譯成用程序語言編寫的系統。

系統實現的基本任務有以下幾個：

 (1) 為每個模塊進行詳細的算法設計。用某種圖形、表格、語言等工具將每個模塊處理過程的詳細算法描述出來。

 (2) 為模塊內的數據結構進行設計。對于需求分析、概要設計確定的概念性的數據類型進行確切的定義。

 (3) 對數據結構進行物理設計，即確定數據庫的物理結構。

 (4) 其他設計：根據軟件系統的類型，可能還需要進行代碼設計、輸入/輸出格式設計、人機對話設計。

 (5) 編寫系統實現說明書。

 (6) 評審。對處理過程的算法和數據庫的物理結構都要評審。

3.2登錄模塊的實現

3.2.1首頁實現

經過用戶登錄后，頁面跳轉至后臺首頁，main.jsp，首頁是由2個頁面組成的，包括top、left和center等頁面，通過@ Register引入，這里也是瀏覽者操作系統功能的入口，系統首頁主要介紹系統的基本信息，包括當前用戶、當前日期、當前訪問瀏覽器的版本、服務器的端口數、當前用戶的權限、當前電腦的ip、當前電腦的操作系統名稱、本系統的開發日期、系統作者、指導教師、開發日期等，主頁面如下圖所示。

圖3.1 首頁頁面圖

首頁主要代碼如下：

3.2.2管理員后臺登錄

為了確保系統安全性，系統操作員只有在后臺登錄界面輸入正確的用戶名、密碼、權限以及驗證碼，單擊“登錄”按鈕后才能夠進入本系統的后臺管理界面。

用戶登錄流程圖如下所示。

圖3-2用戶登錄流程圖

登錄界面如下圖所示。

圖3-3登錄界面

用戶登錄的邏輯代碼如下：

if(ac.equals("adminlogin"))

{

String username = request.getParameter("username");

String password = request.getParameter("pwd");

String utype = request.getParameter("cx");

String pagerandom = request.getParameter("pagerandom")==null?"":request.getParameter("pagerandom");

String random = (String)request.getSession().getAttribute("random");

if(!pagerandom.equals(random)&&request.getParameter("a")!=null)

{

request.setAttribute("random", "");

go("/login.jsp", request, response);

}

else{

String MySQL1 = "select * from allusers where username='"+username+"' and pwd='"+password+"' ";

List userlist1 = dao.select(MySQL1);

if(userlist1.size()==1)

{

request.getSession(). setAttribute("username", userlist1.get(0).get("username"));

request.getSession(). setAttribute("cx", userlist1.get(0).get("cx"));

gor("main.jsp", request, response);

}else{

request.setAttribute("error", "");

go("/login.jsp", request, response);

}

}

}

3.3管理員模塊的實現

3.31系統用戶管理模塊的實現

系統用戶管理主要是對新用戶的添加和舊用戶的刪除。新用戶的添加主要是指添加用戶名稱并確定其密碼；舊用戶的刪除也是從下拉菜單中找到對應的用戶名稱將其刪除。不論是新用戶添加還是舊用戶的刪除，這個權限只有管理員具有。

系統用戶管理流程圖如下所示。

圖3-10系統用戶管理流程圖

系統用戶管理界面如下圖所示。

圖3-11系統用戶管理

3.3.2商品項目管理模塊的實現

商品項目添加功能主要指對其項目、價格、簡介等一些基本信息的添加、刪除和修改。商品項目查詢能根據項目、價格等多種條件對商品項目進行查詢。

商品項目管理流程圖如下所示。

圖3-14商品項目管理流程圖

商品項目添加如下圖所示：

圖3-15商品項目添加

商品項目查詢如下圖所示：

圖3-16商品項目查詢

商品項目添加關鍵代碼為：

function gows()

{

document.location.href="shangpinfenleii_add.jsp?id=";

}

function hsgxia2shxurxu(nstr,nwbk)

{

if (eval("form1."+nwbk).value.indexOf(nstr)>=0)

{

eval("form1."+nwbk).value=eval("form1."+nwbk).value.replace(nstr+"；", "");

}

else

{

eval("form1."+nwbk).value=eval("form1."+nwbk).value+nstr+"；";

}

}

3.3.3會員充值管理模塊的實現

管理員發布新的會員充值，系統顯示會員充值，會員充值添加功能主要指對其會員卡號、姓名、充值金額等一些基本信息的添加、刪除和修改。

會員充值管理流程圖如下所示。

圖3-17會員充值管理流程圖

會員充值添加如下圖所示：

圖3-18會員充值添加

會員充值查詢如下圖所示：

圖3-19會員充值查詢

會員充值關鍵代碼為：

function gows()

{

document.location.href="bumenxinxi_add.jsp?id=";

}

function hsgxia2shxurxu(nstr,nwbk)

{

if (eval("form1."+nwbk).value.indexOf(nstr)>=0)

{

eval("form1."+nwbk).value=eval("form1."+nwbk).value.replace(nstr+"；", "");

}

else

{

eval("form1."+nwbk).value=eval("form1."+nwbk).value+nstr+"；";

}

}

3.3.4會員消費管理模塊的實現

管理員發布新的會員消費，系統顯示會員消費，會員消費添加功能主要指對其消費單號、項目、價格等一些基本信息的添加、刪除和修改。

會員消費管理流程圖如下所示。

圖3-20會員消費管理流程圖

會員消費添加如下圖所示：

圖3-21會員消費添加

會員消費查詢如下圖所示：

圖3-22會員消費查詢

會員消費關鍵代碼為：

function gows()

{

document.location.href="cangku_add.jsp?id=";

}

function hsgxia2shxurxu(nstr,nwbk)

{

if (eval("form1."+nwbk).value.indexOf(nstr)>=0)

{

eval("form1."+nwbk).value=eval("form1."+nwbk).value.replace(nstr+"；", "");

}

else

{

eval("form1."+nwbk).value=eval("form1."+nwbk).value+nstr+"；";

}

3.3.5收支信息管理模塊的實現

管理員發布新的收支信息，系統顯示收支信息，收支信息添加功能主要指對其類別、收支項目、收支日期、收支金額等一些基本信息的添加、刪除和修改。

收支信息添加頁面，如下圖所示。

圖3.22 收支信息添加頁面圖

收支信息管理頁面，如下圖所示。

圖3.23收支信息管理頁面圖

收支信息管理主要代碼如下：

function gows()

{

document.location.href="cangwei_add.jsp?id=";

}

function hsgxia2shxurxu(nstr,nwbk)

{

if (eval("form1."+nwbk).value.indexOf(nstr)>=0)

{

eval("form1."+nwbk).value=eval("form1."+nwbk).value.replace(nstr+"；", "");

}

else

{

eval("form1."+nwbk).value=eval("form1."+nwbk).value+nstr+"；";

}