计算机毕业设计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 = rer("username");

String password = rer("pwd");

String utype = rer("cx");

String pagerandom = rer("pagerandom")==null?"":rer("pagerandom");

String random = (String)re().getAttribute("random");

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

{

ree("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)

{

re(). setAttribute("username", userlist1.get(0).get("username"));

re(). setAttribute("cx", userlist1.get(0).get("cx"));

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

}else{

ree("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+"；";

}