• 基于ssm的设备信息管理系统

    一、系统简介


    本项目采用eclipse工具开发，spring+springmvc+mybatis+bootstrap技术编写，数据库采用的是mysql，navicat管理工具。

    系统一共分为2个角色分别是：管理员，工作人员

    二、模块简介

    管理员

    1、登录

    2、统计管理

    3、工作人员管理

    4、设备分类管理

    5、设备信息管理

    6、设备报修管理

    7、个人信息管理

    工作人员

    1、登录注册

    2、个人信息管理

    3、设备信息管理

    4、设备报修管理

    项目简介：
    难度等级：✩✩✩
    用户类型：2角色（管理员，工作人员）
    设计模式：MVC
    项目架构：B/S架构
    开发语言：Java语言
    前端技术：bootstrap+HTML、CSS、JS、JQuery等
    后端技术：JSP、ssm框架
    运行环境：Windows7或10、JDK1.8
    运行工具：本系统采用Eclipse开发，仅支持Eclipse运行，不支持MyEclipse和IDEA运行，因为三者的骨架不一样，强行导入打开运行可能会导致出现未知的错误。(如若想用idea运行，需要转换！！！！)
    数  据  库：MySQL5.5/5.7/8.0版本
    运行服务器：Tomcat7.0/8.0/8.5/9.0等版本
    是否基于Maven环境:否
    是否采用框架：是
    数据库表数量：5张表
    JSP页面数量：20多张
    是否有分页：有分页

    相关截图

     

    相关代码

    登录

    1. <%@ page language="java" contentType="text/html; charset=utf-8"
    2. 	pageEncoding="utf-8"%>
    3. <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    4. <%
    5. String path = request.getContextPath();
    6. String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
    7. %>
    8. html>
    9. <html lang="en">
    10. <head>
    11.     <meta charset="UTF-8">
    12.     <meta name="viewport"
    13.           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    14.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
    15.     <title>登录title>
    16.     <link rel="icon" href="<%=path%>/resource/static/favicon.ico">
    17.     <link rel="stylesheet" href="<%=path%>/resource/static/bootstrap/css/bootstrap.min.css">
    18.     <link rel="stylesheet" href="<%=path%>/resource/static/admin/css/login.css">
    19.     <script src="<%=path%>/resource/static/js/vue.min.js">script>
    20.     <script src="<%=path%>/resource/static/js/jquery-3.3.1.min.js">script>
    21.     <script src="<%=path%>/resource/static/bootstrap/js/bootstrap.bundle.js">script>
    22. <script src="<%=path%>/resource/layui/layui.js">script>
    23. head>
    24. <body>
    25. <div class="login" style="height: 440px;">
    26.     <form id="saveForm">
    27.         <h2>设备管理系统h2>
    28.         <div class="form-group">
    29.             <label>用户名label>
    30.             <input type="text" v-model="username" name="username" id="username" class="form-control form-control-lg">
    31.         div>
    32.         <div class="form-group">
    33.             <label>密码label>
    34.             <input type="password" v-model="password" name ="password" id="password" class="form-control form-control-lg" id="pwd">
    35.         div>
    36.         <div class="form-group form-check">
    37.            <input type="radio" class="form-check-input" name="type" value="1" id="exampleCheck2" checked>
    38.             <label class="form-check-label" for="exampleCheck2">管理员label>        
    39.               <input type="radio" class="form-check-input" name="type" value="2" id="exampleCheck1" >
    40.             <label class="form-check-label" for="exampleCheck1">工作人员label>
    41.         div> 
    42.  
    43.         <button type="button" :disabled="loading" @click="login" id="login" class="btn btn-primary btn-lg  btn-block">
    44.             <span v-show="loading" class="spinner-grow spinner-grow-sm" role="status" aria-hidden="true">span>
    45.             立即登录
    46.         button>
    47.         <a  data-target="#myModal" data-toggle="modal" >工作人员注册a>
    48.     form>
    49. div>
    50.  
    51.  
    52. 	<div class="modal fade" id="myModal" aria-labelledby="myModallabel"
    53. 		aria-hidden="true" tabindex="-1" >
    54. 		<div class="modal-dialog">
    55. 			<div class="modal-content" >
    56. 				<div class="modal-header">
    57. 					
    58. 					<h5 class="modal-title" id="myModallabel">工作人员注册h5>
    59. 					<button class="close" type="button" data-dismiss="modal"
    60. 						aria-hidden="true">×button>
    61. 				div>
    62. 				<form id="addForm" class="form-horizontal">
    63. 					<div class="modal-body">
    64. 						<div class="form-group">
    65. 							<label class="control-label col-lg-4">姓名：label>
    66. 							<div class="col-lg-9">
    67. 								<input type="text" name="realName" class="form-control"> 
    68. 							div>
    69. 						div>
    70. 						<div class="form-group">
    71. 							<label class="control-label col-lg-4">密码：label>
    72. 							<div class="col-lg-9">
    73. 								<input type="password" name="password" id="password" class="form-control">
    74. 							div>
    75. 						div>
    76. 						<div class="form-group">
    77. 							<label class="control-label col-lg-4">手机号：label>
    78. 							<div class="col-lg-9">
    79. 								<input type="text" name="phone" id="phone" class="form-control">
    80. 							div>
    81. 						div>
    82. 							  
    83.                         <input type="hidden" name="img" class="img">
    84. 				      <div class="form-group">
    85. 				        <label for="name">图片:label>
    86. 				        <div class="layui-upload">
    87. 				          <div class="layui-upload-list">
    88. 				                <img class="layui-upload-img" style="width:200px;height:100px;" id="demo1">
    89. 				                <button type="button" class="btn btn-primary" id="test1">+button>
    90. 				                <p id="demoText">p>
    91. 				            div>
    92. 				           
    93. 				        div>
    94. 				    div>
    95. 					div>
    96.  
    97. 					<div class="modal-footer">
    98. 						<button class="btn btn-default" type="button" data-dismiss="modal">关闭button>
    99. 						<a class="btn btn-success aaa" type="button" id="save" >提交a>
    100. 					div>
    101. 				form>
    102. 			div>
    103. 		div>
    104. 	div>
    105. 	
    106. 	
    107. <script>
    108. 		$("#save").click(function() {
    109. 			$.ajax({
    110. 				cache : true,
    111. 				type : "post",
    112. 				url : "addUser",
    113. 				data : $("#addForm").serialize(),
    114. 				async : false,
    115. 				success : function(e) {
    116. 					if (e) {
    117. 						alert("注册成功！");
    118. 						document.location.reload();//当前页面
    119. 					} else {
    120. 						alert("注册失败,手机号重复！");
    121. 					}
    122. 				}
    123. 			})
    124. 		});
    125. 	script>
    126. 	
    127. <script>
    128.  
    129. layui.use([ 'form','jquery','layer','laydate','upload' ], function() {
    130. 	var form = layui.form,
    131. 	 layer = layui.layer,
    132. 	 laydate = layui.laydate,
    133. 	 upload = layui.upload,
    134. 	 $= layui.jquery;
    135. 	 form.render();//这句一定要加，占坑
    136. 	
    137. 	  /*   laydate.render({
    138. 	    elem: '#schoolTime'
    139. 	  }); 
    140. 	    laydate.render({
    141. 	    elem: '#day'
    142. 	  });  */
    143. 	  
    144. 	  
    145. 	  var uploadInst = upload.render({
    146.           elem: '#test1'
    147.           ,url: 'upload2'
    148.           ,accept:'images'
    149.           ,size:50000
    150.           ,before: function(obj){
    151.  
    152.               obj.preview(function(index, file, result){
    153.  
    154.                   $('#demo1').attr('src', result);
    155.               });
    156.           }
    157.           ,done: function(res){
    158.               //如果上传失败
    159.               if(res.code > 0){
    160.                   return layer.msg('上传失败');
    161.               }
    162.               //上传成功
    163.               var demoText = $('#demoText');
    164.               demoText.html('上传成功');
    165.  
    166.               var fileupload = $(".img");
    167.               fileupload.attr("value",res.data.src);
    168.               console.log(fileupload.attr("value"));
    169.           }
    170.           ,error: function(){
    171.               //演示失败状态，并实现重传
    172.               var demoText = $('#demoText');
    173.               demoText.html('上传失败 重试');
    174.               demoText.find('.demo-reload').on('click', function(){
    175.                   uploadInst.upload();
    176.               });
    177.           }
    178.       });
    179. 	 
    180. 	    
    181.  
    182. 	  });
    183.  
    184.  
    185. script>
    186. 	
    187.  
    188. <script>
    189. 	    $("#login").click(function(){
    190. 	    	var username = $("#username").val();
    191. 	    	var password = $("#password").val();
    192. 	    	if(username == null || username == ""){
    193. 	    		alert("请填写用户名");
    194. 	    		return false;
    195. 	    	}if(password == null || password == ""){
    196. 	    		alert("请填写密码");
    197. 	    		return false;
    198. 	    	}
    199. 			//执行添加的操作ajax
    200. 			$.ajax({
    201. 				cache:true,
    202. 				type:"post",
    203. 				url:"login",
    204. 				data:$("#saveForm").serialize(),
    205. 				async:false,
    206. 				success:function(e){
    207. 					if(e){
    208. 						alert("登录成功");
    209. 						 window.parent.location.href="toMain";
    210. 					}else{
    211. 						alert("登录失败，账号或密码错误");
    212. 					}
    213. 				}
    214. 			})
    215. 		});
    216. 		   
    217. script>
    218.  
    219. body>
    220. html>
    1.  
    2. 	//登录
    3. 	@RequestMapping("/login")
    4. 	@ResponseBody
    5.      public boolean login(@RequestParam("username")String username,
    6.     		 HttpServletRequest request,@RequestParam("password")String password,
    7.     		 HttpSession session,HttpServletResponse response,ModelAndView mv) throws ServletException, IOException {	
    8. 		session.removeAttribute("admin");
    9. 		session.removeAttribute("User");
    10. 	    String type=request.getParameter("type").toString();
    11. 	    Admin admin = new Admin();
    12. 		request.getSession().setAttribute("type", type);
    13. 		boolean re = false;
    14. 	    if(type != null && type.equals("1")){
    15. 	    	admin.setUsername(username);
    16. 	    	admin.setPassword(password);
    17. 		    Admin admin1 = UserService.selectAdmin(admin);
    18. 		    if(admin1 != null){
    19. 				request.getSession().setAttribute("admin", admin1);
    20. 				session.setAttribute("admin", admin1);
    21. 				re = true;
    22. 		    }
    23. 	    }else if(type != null && type.equals("2")){
    24. 	    	User u = new User();
    25. 	    	u.setPhone(username);
    26. 	    	u.setPassword(password);
    27. 	    	User User = UserService.selectUser(u);
    28. 	    	if(User != null){
    29. 				request.getSession().setAttribute("user", User);
    30. 				session.setAttribute("user", User);
    31. 				re = true;
    32. 		    }
    33. 	    }
    34. 		return re;
    35. 			
    36. 	}
    37.

    其他相关代码都是类似的，主要是前端jsp和后端控制器交互比较重要！！！非开源！！！！！！
    其他模块代码都是类似的，此项目适合初学者学习借鉴，项目整体比较简单，可用作于期末考核，课设，毕设等方面的作业！！！！！
    喜欢的朋友的点赞加关注，感兴趣的同学可以研究！！！！！不明白的可以私我！！！！！
    感谢  = v =
     

  • 相关阅读:
    SpringAOP（2）-spring源码详解（七）
    JVM中的 -Xms参数 设置 JVM 的初始堆大小
    Spring 远程命令执行漏洞分析（CVE-2022-22965）
    一端强制一端自协商会有问题吗
    spring配置数据源
    计算机毕设（附源码）JAVA-SSM家乡旅游宣传书册
    作用域和作用域链
    学生管理系统VueAjax版本
    多通道LMMSE图像超分辨复原方法研究-附Matlab代码
    【Vue】vue项目目录介绍 es6的导入导出语法 vue项目开发规范 Vue项目编写步骤
  • 原文地址：https://blog.csdn.net/qq_43485489/article/details/126154738