基于SSM架构的超市管理系统设计

基于SSM架构的超市管理系统设计


注:因服务器目前维护停止对项目访问,所以通过域名暂时无法访问,设计开发的有相应的APP安卓程序,Mac电脑版应用程序,项目部署经历了6次小的更新与修改,拓展性手机验证码找回密码等安全性验证功能属于下一步设计方向。

设计目标方向:

要实现用户、员工和管理员分类登录模块,商品按供货商分类模块,员工销售商品统计模块,员工考勤模块、管理员对员工信息管理模块。

以下是本篇文章正文内容,下面案例仅供参考

1 环境及工具

软件:IDEA2020.3.3、JDK1.8.0、Tomcat8.0.49、MySQL8.0.17
平台:系统已部署服务器兼容IE7及Chromium等内核的浏览器
访问链接:~~https://www.manmanmeixi.top(维护中暂不支持访问)
参考文档:JDK_API_1_8、HTML5

1.1 IDEA软件安装

(1)IDEA软件是收费性软件,学生可凭借教育邮箱使用,企业单位人员可根据公司正版授权使用。软件的下载链接如下:IntelliJ IDEA: IDEA软件下载
(2)双击软件进行安装,点击Next进行下一步,建议安装到非系统安装盘,以防人为误操作导致系统运行出现故障,如图1-1所示。

在这里插入图片描述
(3)为了方便后期使用和文件的关联,建议创建应用图标和勾选文件关联,如图1-2所示。
在这里插入图片描述
(4)点击下一步进行安装,直到显示安装成功,然后点击Finish按钮,打开软件接受协议,如下图所示。
在这里插入图片描述
在这里插入图片描述
(5)接下来,双击软件输入许可账号密码,建议使用正版授权。浏览器输入账号密码,然后进行提交,直至出现该界面。然后点击激活按钮“Activate”进行激活操作。
(6)激活完成后跳转到如下界面,点击“Close”按钮进行关闭,然后设置背景颜色。
(7)将背景颜色调为亮色,如图1-5所示。
在这里插入图片描述

1.2 JDK环境配置

(1)双击软件,进行安装,点击下一步,如图1-6所示。
在这里插入图片描述

(2)然后选择安装位置,建议更改到非系统盘,然后点击下一步,如图1-7所示。
在这里插入图片描述

(3)确定后,点击下一步进行安装,如下图1-8所示。
在这里插入图片描述

(4)然后点击更改选择新建文件夹,如图1-9所示。
在这里插入图片描述

(5)确定后,点击下一步进行安装,直至安装完成,如图1-10所示。
在这里插入图片描述

(6)安装完成后为了后期操作方便,需要配置环境变量,环境变量配置如下图1-11所示:

在这里插入图片描述

(7)选择再系统变量里面新建,需要创建项如下图所示:
在这里插入图片描述

(8)接下来创建Classpath路径,如下图所示:
在这里插入图片描述

(9)然后在Path路径里面指明jre的位置,如下图所示:
在这里插入图片描述

(10)添加完成后依次点击确定按钮,直至关闭系统环境变量。然后打开cmd命令终端,当输入java -version和javac -version显示如下界面,表示安装成功。
在这里插入图片描述

1.3 MySQL数据库安装

1.3.1常规情况

(1)5.7及其之前版本,正常情况下下载mySQL压缩包,进行解压。
(2)启动服务,登录初始密码为空,可回车成功登录。
操作步骤:
①解压软件解压。
②配置环境变量。

在这里插入图片描述
(3)设置完环境变量之后,要求在管理员权限下执行mysqld --install 命令,将MySQL配到服务启动项中,然后管理员权限下net start mysql 启动数据库服务。如下图所示。
在这里插入图片描述
(4)数据库正常启动后,mysql -u root -p 输入密码,默认密码为空(回车),即可成功登录。
在这里插入图片描述

1.3.2非常规情况

问题一:8.0及其以后版本,解压后环境变量配置,服务启动加载后,数据库无法启动。
解决方案:管理员身份运行,输入命令 mysqld -initialize(回车),mysqld --initialized–insecure(回车);可成功解决数据库服务无法启动问题。
问题二:数据库初始密码不知道,导致登陆失败。
在这里插入图片描述
解决方案:
(1)控制台授权跳过密码检测来重新设置密码。(可以先将密码置空,然后再设置密码)
(2)停止MYSQL服务:net stop mysql
(3)管理员身份运行,输入:mysqld -console --skip-grant-tables --shared-memory
在这里插入图片描述
(4)然后继续输入命令:mysqld --console --skip-grant-tables --shared-memory(不要关闭窗口),再次打开一个终端,然后输入mysql -u root -p(回车,回车)即可登录。
在这里插入图片描述
(5)将密码置为空,操作命令为:update user set authentication_string=‘’ where user=‘root’;
在这里插入图片描述
(6)关闭所有终端,管理员权限输入 net start mysql 服务即可启动,此时登录时密码为空。
问题三:加密规则更改,报caching_password错误。
解决方案:更改加密规则,命令如下:
(1)修改账户密码加密规则并更新用户密码
ALTER USER ‘root’@‘localhost’ IDENTIFIED BY ‘XXXX’ PASSWORD EXPIRE NEVER; #修改加密规则
ALTER USER ‘root’@‘localhost’ IDENTIFIED WITH mysql_native_password BY ‘XXXXX’; #更新一下用户的密码,注:XXXX表示你要设置的密码。
(2) FLUSH PRIVILEGES; #刷新权限,即可解决上述问题。

1.4 Tomcat安装

(1)Tomcat默认是绿色版的,可以下载后解压,然后设置环境变量进行使用。推荐使用8.0的版本,因版本更新后底层的方法有变化,可能会出现其他问题。下载链接如下:Tomcat下载
在这里插入图片描述
(2)下载完成后进行解压操作,如下图所示。解压完成后配置环境变量,环境变量的配置如下:
在这里插入图片描述
(3)接下来设置Classpath变量。
在这里插入图片描述
(4)然后设置Path变量,指明bin目录和lib目录。
在这里插入图片描述
(5)依次点击确定按钮,关闭系统环境变量选项框。cmd命令终端输入startup.bat和shutdown.bat,出现以下界面表示配置成功。
在这里插入图片描述

2 部署与设计

2.1 数据库信息创建

(1)数据库启动成功后,命令终端输入mysql -u root -p然后回车,输入设置的密码,登陆成功后如下所示:
在这里插入图片描述
(2)然后create database market命令,创建market数据库,然后使用market数据库创建相关的表信息。

在这里插入图片描述
可以查看到数据库创建成功,数据库的表信息及相关字段可以查看market.sql相关数据库文件。

2.2项目创建与部署

(1)首先确定项目的导包方式,因考虑到jar包的更新底层会有一些变化,以防出现不兼容的情况,这里不采用自动导包远程下载的方式,改为手动导包的方式。
(2)打开IDEA,创建一个JAVA项目,确定好项目名称和要存放的项目位置。
在这里插入图片描述
(3)创建完成后,首先需要根据数据库表的信息,生成相应的方法和类。这里通过mybatis工具,结合编写好的配置文件,通过命令 java -jar mybatis-generator-core-1.4.0-mysql-page.jar -configfile generatorConfig.xml -overwrite生成相应的方法和xml配置文件。
(4)接下来创建config目录,加载Spring配置文件和数据库调用配置文件,如下所示。
在这里插入图片描述
(5)接下来创建web配置文件,需要点击File----》Project Structure—》Facets----》Web。
在这里插入图片描述
(6)打开相应的类文件发现抱错,原因是相应的jar包没有导入,这里可以事先创建存放所需jar包的文件,以便导入。
在这里插入图片描述
(7)IDEA需要指明所使用的Tomcat版本及相应的端口,配置参数为-Dfile.encoding=UTF-8,配置如下:
在这里插入图片描述
(8)接下来点击File—》Project Structure ----》Modules-----》market,点击加号添加相关jar包。首先点击Library添加Tomcat,如下所示。
在这里插入图片描述
(9)点击加号添加jars文件,选择实现存放好的jar文件夹导入jar文件,如下所示。
在这里插入图片描述
(10)添加完成后,在Project Settings设置页面点击Libraries添加Library。添加完后更新Project dependent里面的文件。
在这里插入图片描述
(11)然后再Project setting设置界面下,Modules里面加载Spring配置文件,如下图所示。
在这里插入图片描述
(12)接下来在Project setting界面下点击Artifacts,点击web应用,默认选择导入方式为空。
在这里插入图片描述
(13)配置完成后点击OK,点击运行按钮,即可运行出开始界面。
在这里插入图片描述

3 相关说明

在这里插入图片描述
前端:前端页面大部分页面使用HUI框架,前端使用jsp结合jquery,js,ajax,css展示页面和跟后端进行交互,
后端:后台使用SpringMvc+spring+mybatis框架,使用服务器session对当前登录用户进行缓存,使用spring-schdule做定时任务处理,上传文件通过将文件复制到tomcat路径下,然后使用url进行访问实现,数据库使用mysql存储数据
数据流说明:当用户使用链接访问页面时,实际是先访问控制器(即controller的接口),控制器通过定义@RequestMapping定义链接路径,如图3-1所示。

在这里插入图片描述
上图的访问路径是:http://ip:端口/login/admin_login,结果返回”admin_login”,实际是指向:admin_login.jsp页面,系统配置前缀(例如:/WEB-INF/views),后缀(.jsp),所以返回”admin_login”
Controller中带有: @ResponseBody的接口返回的是对象,前端通常使用ajax请求请求此类接口:如图3-2所示。
在这里插入图片描述
在这里插入图片描述
Controller一般通过调用service层的方法做一些业务处理,间接对数据库进行增删改查,service层再调用dao层的接口直接对数据库进行增删改查。

4 功能操作说明

4.1 管理员操作

管理员可以进行底层数据库的管理设置,默认交给管理员的初始账号是admin,密码是123。管理员输入正确的账号密码并且通过验证后会进入管理员界面。
(1)登陆成功后首先员工管理界面,在该界面下可以查询员工共信息,修改员工信息,添加员工,如图4-1所示。
在这里插入图片描述
(2)为了保护用户隐私,管理员可以查询消费者的信息。
在这里插入图片描述
(3)管理员可以进行商品的分类管理操作。
在这里插入图片描述
(4)管理员对于商品信息不仅可以通过下载模板批量导入,也可以单个设置商品的数量状态等信息。
在这里插入图片描述
(5)管理员可以查看订单状态和员工共商品卖出情况。
在这里插入图片描述
(6)管理员也可以对供应商进行管理。
在这里插入图片描述
(7)管理员同样可以通过考勤管理,查看员工的考勤状态。
在这里插入图片描述
(8)管理员可以对当前账户的密码进行修改。
在这里插入图片描述

4.2员工操作

(1)员工输入账号密码登录成功后,默认打开的是个人信息页面。
在这里插入图片描述
(2)员工同样可以查询消费者的相关信息。
在这里插入图片描述
(3)员工只拥有对商品查询的权限,没有修改的权限。
在这里插入图片描述
(4)员工可以对订单信息进行添加,订单信息记录了商品,商品数量和消费者。
在这里插入图片描述
(5)员工需要进行考勤操作,默认每天上班只能打卡一次,再次点击会显示已经打卡过了,下班需要进行签退操作。
在这里插入图片描述

4.3 消费者操作

(1)消费者初次使用需要先进行注册,注册时手机号进行了正则校验,注册成功后才能进行登录。如果第一次已经注册成功,再次注册会显示该账号已注册,请重新登录。
在这里插入图片描述
(2)消费者登录成功后可以查看个人订单,个人信息以及修改密码,消费者查看商品如下所示。
在这里插入图片描述

4.4 测试情况

功能名称测试用例预期结果实际结果是否通过
注册功能用户名:kali密码:kali信息注册成功注册成功可以正常登录通过
登录功能用户名:admin密码:123456登录成功,跳转到功能界面成功进入管理员功能界面通过
员工管理删除t1员工数据删除成功该员工信息不存在通过
消费者管理删除kali用户该用户无法登录信息不存在,该消费者无法登录通过
商品管理下架商品牛奶无法购买暂不支持购买通过
考勤管理查询某个员工记录所有考勤记录显示显示打卡日期状态等信息通过
员工考勤T1员工上下班打卡考勤成功,显示考勤状态上班迟到,签退早退通过
修改密码管理员密码改为732916再次输入新密码登录成功输入旧密码提示密码不对,新密码登录成功通过
系统退出员工界面下注销系统跳转到登录界面系统功能界面退出通过

4.5 部分程序代码

注册程序代码:

<div class="login_form">
	<div>
	 <div class="form-group">
		<label  class="t">登录名</label>
		  <input id="name" name="name" type="text" placeholder="请输入登录名"  class="form-control x319 in ">
	</div>
	<div class="form-group">
	  <label  class="t">密码</label>
	    <input id="password" name="password" type="password" placeholder="请输入密码"  class="form-control x319 in ">
	</div><div class="form-group">
	 <label class="t">姓名</label>
		<input id="realName" name="realName" type="text" placeholder="请输入姓名"  class="form-control x319 in ">
	</div><div class="form-group">
	  <label  class="t">联系电话</label>
	    <input id="celPhone" name="celPhone" type="text"  placeholder="请输入中国大陆手机号" onblur="celPhone()" class="form-control x319 in " ></div>
	<div class="form-group">
		<label class="t">验证码:</label>
		<input id="imgCode" name="imgCode" type="text" class="form-control x164 in">
		  <img id="codeImg1" name="codeImg"  alt="点击更换" title="点击更换" class="m"></div>
<div class="form-group space">
<label class="t"></label>
	   <input name="" type="button" onclick="submitForm()" id="submitBtn" class="btn btn-primary btn-lg" value="消费者-注册"> 

登录程序代码:

<div class="form-group">
<label class="t">登录角色</label>
	        <input name="loginType" type="radio" value="1" id="loginType1" style="margin-left:10px;"/>
<label style="color:black" for="loginType1">管理员</label>
			 <input name="loginType" type="radio" value="2" id="loginType2" style="margin-left:10px;"/>
<label style="color:black" for="loginType2">员工</label>
	        <input name="loginType" type="radio" value="3" id="loginType3" style="margin-left:10px;"/>
<label style="color:black" for="loginType3">消费者</label>
</div><div class="form-group space">
	<label class="t"></label>
<input name="" type="button" onclick="submitForm()" id="submitBtn" class="btn btn-primary btn-lg" value="系统登录">
<a style="" href="${pageContext.request.contextPath}/regist/user_info_regist" onclick="" class="btn btn-default btn-lg">注册消费者</a><script type="text/javascript" src="${pageContext.request.contextPath}/static/common/jquery-1.11.1.min.js"></script>
<scriptsrc="${pageContext.request.contextPath}/static/common/utils/listutils.js?v=26573"></script><script>
	$(document).ready(function(e) {
		changeCode();
		$("#codeImg1").bind("click",changeCode);
	});
	function genTimestamp(){
		var time = new Date();
		return time.getTime();}
	function changeCode(){
	$("img[name='codeImg']").attr("src","${pageContext.request.contextPath}/validCode/code?t="+genTimestamp());}
	function submitForm(){
		$.ajax({
			type: 'post',
			url: '${pageContext.request.contextPath}/login/sysSubmit',
			data: {
				'imgCode':$('#imgCode').val(),
				'name':$("#name").val(),
				'password':$("#password").val(),
				'loginType':getCheckBoxVal('loginType')
			},
			success: function(result) {
				if(result.code==1){
					var lt = getCheckBoxVal('loginType');
					if(lt=='1'){
			window.location.href="${pageContext.request.contextPath}/admin/index";
					}
					if(lt=='2'){
	window.location.href="${pageContext.request.contextPath}/staff/index";
					}
					if(lt=='3'){
			window.location.href="${pageContext.request.contextPath}/index";
					}
				}else{
					alert(result.msg);
				}
			}
		});
	}
	$(function(){
	})
</script> 

修改密码程序代码:

<div class="page-container">
 <div class="row cl"  id="nameParentDiv" style="margin-top:20px;margin-left:20px;" > 	<label class="form-label col-xs-4 col-sm-2">旧密码
</label>
<div class="formControls col-xs-8 col-sm-9">
<input type="password" class="input-text"  placeholder="请输入旧密码" id="password1" name="password1">
</div>
</div>
 <div class="row cl"  id="nameParentDiv" style="margin-top:20px;margin-left:20px;" > 	<label class="form-label col-xs-4 col-sm-2">新密码</label>
<div class="formControls col-xs-8 col-sm-9">
<input type="password" class="input-text"  placeholder="请输入新密码" id="password2" name="password2"></div>
</div>
 <div class="row cl"  id="nameParentDiv" style="margin-top:20px;margin-left:20px;" > 	<label class="form-label col-xs-4 col-sm-2">新密码
</label>
<div class="formControls col-xs-8 col-sm-9">
<input type="password" class="input-text"  placeholder="请再次输入新密码" id="password3" name="password3"></div>
</div>
</div>

5 视频教程

(1)管理员身份登录演示视频:
https://pan.baidu.com/s/12deH1WrsrnM4OAha1le8wg?pwd=3vau 提取码: 3vau
(2)员工身份登录演示视频:
https://pan.baidu.com/s/1k1gmU32wIXeeiAEcb0txVw?pwd=un4q 提取码: un4q
(3)消费者身份登录演示视频:
https://pan.baidu.com/s/1lhS-xLiNKrv91gC6wfs8HA?pwd=a668 提取码: a668

6 源文件

程序和数据库文件

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

喾颛顼

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值