• 基于javaweb的电力设备监测管理系统（servlet+jsp）

    系统简介


        本项目采用eclipse工具开发，jsp+servlet+jquery技术编写，数据库采用的是mysql，navicat开发工具。

    三个角色：管理员，普通用户


    模块简介


    管理员：

    1、登录

    2、用户管理

    3、公告管理

    4、设备分类管理

    5、设备属性管理

    6、设备管理

    7、设备监控管理

    8、设备维修管理

    9、登录日志管理

    用户：

    1、登录，注册

    2、个人信息管理

    3、设备信息管理

    4、设备监控管理

    5、设备维修管理


    项目简介
    难度等级：✩✩✩
    用户类型：2角色（管理员，用户）
    设计模式：MVC
    项目架构：B/S架构
    开发语言：Java语言
    前端技术：HTML、CSS、JS、JQuery等
    后端技术：JSP、servlet框架
    运行环境：Windows7或10、JDK1.8
    运行工具：本系统采用eclipse开发，支持idea运行。
    数  据  库：MySQL5.5/5.7/8.0版本
    运行服务器：Tomcat7.0/8.0/8.5/9.0等版本
    是否基于Maven环境:否
    是否采用框架：是
    数据库表数量：10张表
    JSP页面数量：30多张
    是否有分页：有分页

    视频展示

    javaweb电力设备监测管理系统_哔哩哔哩_bilibili本项目采用eclipse工具开发(idea也可运行)，jsp+servlet+jquery技术编写，数据库采用的是mysql，navicat开发工具。系统一共分为2个角色分别是：用户，管理员有需要加 微信 hhh1148720753 或者 QQ1148720753(非开源，非开源，非开源，重要事情说三遍), 视频播放量 89、弹幕量 0、点赞数 0、投硬币枚数 0、收藏人数 0、转发人数 0, 视频作者 码盗666, 作者简介 java码农一枚，相关视频：javaweb网上图书销售管理系统，javawebCT图像管理系统，智慧生产-工厂数字化SaaS产品解决方案，健身房俱乐部管理系统，javaweb家庭财务管理系统，客户管理系统，【2023最新】详解idea安装、配置、汉化，一键激活与破解，（附安装包）亲测有效，永久使用_Java零基础入门必学知识点_Java教程_Java入门_Java，搞定毕设（1）：双重差分DID及STATA实操，带你做一个最经典的MFC信息管理系统，拯救期末！(开发全过程录制)，基于javaweb宿舍管理系统（eclipse_mysql_jsp_servlet）icon-default.png?t=N7T8https://www.bilibili.com/video/BV1Uh4y1P7kY/

    获取地址

    xystgl · master · 码盗_java_bishe / java系统 · GitCodeGitCode——开源代码托管平台，独立第三方开源社区，Git/Github/Gitlabicon-default.png?t=N7T8https://gitcode.net/qq_43485489/javaweb/-/blob/master/xystgl

    图片展示

    部分代码展示

    登录

    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()
    7. 			+ path + "/";
    8. %>
    9. html>
    10. <html lang="en">
    11. <head>
    12. 	<meta charset="utf-8">
    13. 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    14. 	
    15. 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    16. 	<meta name="description" content="Neon Admin Panel">
    17. 	<meta name="author" content="">
    18. 	
    19. 	<title>登录title>
    20. 	
    21.  
    22. 	<link rel="stylesheet" href="resource/main/static/css/jquery-ui-1.10.3.custom.min.css">
    23. 	<link rel="stylesheet" href="resource/main/static/css/entypo.css">
    24. 	<link rel="stylesheet" href="resource/main/static/css/css.css">
    25. 	<link rel="stylesheet" href="resource/main/static/css/bootstrap.css">
    26. 	<link rel="stylesheet" href="resource/main/static/css/neon-core.css">
    27. 	<link rel="stylesheet" href="resource/main/static/css/neon-theme.css">
    28. 	<link rel="stylesheet" href="resource/main/static/css/neon-forms.css">
    29. 	<link rel="stylesheet" href="resource/main/static/css/custom.css">
    30.     <link href="resource/layui/css/layui.css" rel="stylesheet">
    31.  
    32. 	<script src="resource/main/static/js/jquery-1.11.0.min.js">script>
    33. 	
    34. head>
    35. <body class="page-body login-page login-form-fall" data-url="http://neon.dev">
    36.  
    37.  
    38. <script type="text/javascript">
    39. var baseurl = '';
    40. script>
    41.  
    42. <div class="login-container">
    43. 	
    44. 	<div class="login-header login-caret">
    45. 		
    46. 		<div class="login-content">
    47. 			
    48. 			
    49. 			
    50. 		<span style="font-size:30px;">电力设备监测管理系统登录span>
    51. 			
    52. 			
    53. 			<div class="login-progressbar-indicator">
    54. 				<h3>43%h3>
    55. 				<span>logging in...span>
    56. 			div>
    57. 		div>
    58. 		
    59. 	div>
    60. 	
    61. 	<div class="login-progressbar">
    62. 		<div>div>
    63. 	div>
    64. 	
    65. 	<div class="login-form">
    66. 		
    67. 		<div class="login-content">
    68. 			
    69. 			
    70. 			
    71. 			<form  role="form" id="loginForm">
    72. 				
    73. 				<div class="form-group">
    74. 					
    75. 					<div class="input-group">
    76. 						<div class="input-group-addon">
    77. 							<i class="entypo-user">i>
    78. 						div>
    79. 						<input type="text" class="form-control" name="userName" id="userName" placeholder="请输入用户名" autocomplete="off">
    80. 					div>
    81. 					
    82. 				div>
    83. 				
    84. 				<div class="form-group">
    85. 					
    86. 					<div class="input-group">
    87. 						<div class="input-group-addon">
    88. 							<i class="entypo-key">i>
    89. 						div>
    90. 						<input type="password" class="form-control" name="password" id="password" placeholder="请输入密码" autocomplete="off">
    91. 					div>
    92. 				
    93. 				div>
    94. 				
    95. 				<div class="form-group">
    96. 					<select name="type" id="type" class="form-control">
    97. 					  <option value="" selected>请选择角色option>
    98. 					  <option value="1">管理员option>
    99. 					  <option value="2">用户option>
    100. 					select>
    101. 									
    102. 				div>
    103. 				
    104. 				
    105. 				<div class="form-group">
    106. 					<button type="button" id="login" class="btn btn-primary btn-block btn-login">
    107. 						<i class="entypo-login">i>
    108. 						登录
    109. 					button>
    110. 				div>
    111. 				
    112. 			
    113. 				
    114. 			form>
    115. 			
    116. 			
    117. 			<div class="login-bottom-links">
    118. 				
    119. 				<a  class="link">没有账号?a>
    120. 				
    121. 				<br>
    122. 				
    123. 				<a type="button" onclick="reg()" >注册a>
    124. 				
    125. 			div>
    126. 			
    127. 		div>
    128. 		
    129. 	div>
    130. 	
    131. div>
    132.  
    133.  
    134. 	
    135. 	<script src="resource/main/static/js/main-gsap.js">script>
    136. 	<script src="resource/main/static/js/jquery-ui-1.10.3.minimal.min.js">script>
    137. 	<script src="resource/main/static/js/bootstrap.js">script>
    138. 	<script src="resource/main/static/js/joinable.js">script>
    139. 	<script src="resource/main/static/js/resizeable.js">script>
    140. 	<script src="resource/main/static/js/neon-api.js">script>
    141. 	<script src="resource/main/static/js/jquery.validate.min.js">script>
    142. 	<script src="resource/main/static/js/neon-login.js">script>
    143. 	<script src="resource/main/static/js/neon-custom.js">script>
    144. 	<script src="resource/main/static/js/neon-demo.js">script>
    145.     <script src="resource/layui/layui.js">script>
    146.  
    147.      <script>
    148. 			$("#login").on("click", function() {
    149. 			    var userName = $("#userName").val().trim(); // trim()去除空格
    150. 			    var password = $("#password").val().trim();
    151. 			    var type = $("#type").val();
    152. 			    
    153. 			    if(userName == ""){
    154. 			    	
    155. 			    	alert('账号不能为空！');
    156. 			    	return false;
    157. 			    }
    158. 			    if(password == ""){
    159. 			    	alert('密码不能为空！');
    160. 			    	return false;
    161. 			    }
    162. 			    if(type == ""){
    163. 			    	alert('请选择角色！');
    164. 			    	return false;
    165. 			    } 
    166. 			    $.ajax({
    167. 					cache : true,
    168. 					type : "post",
    169. 					url : "LoginServlet?action=login",
    170. 					data : $("#loginForm").serialize(),
    171. 					async : false,
    172. 					success : function(e) {
    173. 						if (e == 'yes') {
    174. 							alert("登录成功！");
    175. 							window.parent.location.href = "UtilServlet?action=toMain";
    176. 						}else {
    177. 							alert("登录失败，账号或者密码错误！");
    178. 						}
    179. 					}
    180. 				})
    181. 			
    182. 			});
    183. 	script>
    184. 	
    185. 		
    186. 	<script>
    187.     layui.use([ 'form','jquery','layer','upload' ], function() {
    188.         var form = layui.form,
    189.             layer = layui.layer,
    190.             $ = layui.jquery,
    191.             upload = layui.upload;
    192.         form.render();//这句一定要加，占坑
    193.  
    194.         window.reg = function(e){
    195.             layer.open({
    196.                 //调整弹框的大小
    197.                 area:['500px','800px'],
    198.                 shadeClose:true,//点击旁边地方自动关闭
    199.                 //动画
    200.                 anim:2,
    201.                 //弹出层的基本类型
    202.                 type: 2,
    203.                 title: '用户注册',
    204.                 //刚才定义的弹窗页面
    205.                 content: 'LoginServlet?action=toRegister', //这里content是一个URL，如果你不想让iframe出现滚动条，你还可以content: ['http://sentsin.com', 'no']
    206.  
    207.             });
    208.         }
    209.  
    210.     })
    211.  
    212. script>
    213.  
    214. body>
    215. html>
    1. protected void login(HttpServletRequest request, HttpServletResponse response) throws Exception {// 跳转到添加用户界�?
    2. 		String userName = request.getParameter("userName");
    3. 		String password = request.getParameter("password");
    4. 		String type = request.getParameter("type");
    5. 		String message = "no";
    6. 		UserLog UserLog = new UserLog();
    7. 		UserLog.setUsername(userName);
    8. 		UserLog.setIpAddress(InetAddress.getLocalHost().getHostAddress());
    9. 		UserLog.setType(type.equals("1")?"管理员":"用户");
    10. 		UserLog.setCreateTime(new SimpleDateFormat("yyyy-MM-dd HH:mm").format(new Date()));
    11. 		UserLog.setContent("登录失败");
    12. 		if (type != null && type.equals("1")) {// admin
    13. 			Admin admin = service.selectAdmin(userName, password);
    14. 			if (admin != null) {
    15. 				message = "yes";
    16. 				request.getSession().setAttribute("flag", 1);
    17. 				request.getSession().setAttribute("admin", admin);
    18. 				UserLog.setContent("登录成功");
    19. 			}
    20.  
    21. 		} else if (type != null && type.equals("2")) {
    22. 			User user = service.seletUser(userName, password);
    23. 			if (user != null) {
    24. 				message = "yes";
    25. 				request.getSession().setAttribute("flag", 2);
    26. 				request.getSession().setAttribute("user", user);
    27. 				UserLog.setContent("登录成功");
    28. 			}
    29.  
    30. 		}
    31. 		service.addUserLog(UserLog);
    32. 		response.getWriter().print(message);
    33. 	}

    注册

    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()
    7. 			+ path + "/";
    8. %>
    9.  
    10.  
    11. <jsp:include page="/WEB-INF/common/header.jsp"/>
    12.  
    13.  
    14. <body class="animsition">
    15.  
    16.             
    17.             <div class="main-content">
    18.                 <div class="section__content section__content--p30">
    19.                     <div class="container-fluid">
    20.                         <div class="row">
    21.                            
    22.                             <div class="col-lg-12">
    23.                                 <div class="card">
    24.                                     <div class="card-header">
    25.                                         <strong>用户注册strong>
    26.                                     div>
    27.                                     <div class="card-body card-block">
    28.                                         <form id="saveForm" class="form-horizontal">
    29.                                                  <input name="id"  value="${data.id }"  type = "hidden" /> 
    30.                                         
    31.                                             <div class="row form-group">
    32.                                                 <div class="col col-md-3">
    33.                                                     <label for="realname" class=" form-control-label">姓名label>
    34.                                                 div>
    35.                                                 <div class="col-12 col-md-9">
    36.                                                     <input type="text" id="realname" name="realname"  class="form-control">
    37.                                                 div>
    38.                                             div>
    39.                                             
    40.                                             <div class="row form-group">
    41.                                                 <div class="col col-md-3">
    42.                                                     <label for="pwd" class=" form-control-label">登陆密码label>
    43.                                                 div>
    44.                                                 <div class="col-12 col-md-9">
    45.                                                     <input type="password" id="pwd" name="pwd"  class="form-control">
    46.                                                 div>
    47.                                             div>
    48.                                             
    49.                                             <div class="row form-group">
    50.                                                 <div class="col col-md-3">
    51.                                                     <label for="age" class=" form-control-label">年龄label>
    52.                                                 div>
    53.                                                 <div class="col-12 col-md-9">
    54.                                                     <input type="number" id="age" name="age"  class="form-control">
    55.                                                 div>
    56.                                             div>
    57.                                             
    58.                                             <div class="row form-group">
    59.                                                 <div class="col col-md-3">
    60.                                                     <label for="phone" class=" form-control-label">手机号label>
    61.                                                 div>
    62.                                                 <div class="col-12 col-md-9">
    63.                                                     <input type="text" id="phone" name="phone" class="form-control">
    64.                                                 div>
    65.                                             div>
    66.                                             
    67.                                             
    68.                                              <div class="row form-group">
    69.                                                 <div class="col col-md-3">
    70.                                                     <label for="select" class=" form-control-label">性别label>
    71.                                                 div>
    72.                                                 <div class="col-12 col-md-9">
    73.                                                     <select name="sex" id="sex" class="form-control">
    74.                                                        <option value="男"  >男option>
    75. 			                                           <option value="女" >女option>
    76.                                                     select>
    77.                                                 div>
    78.                                             div>
    79.                                             
    80.                                               <div class="row form-group">
    81.                                                 <div class="col col-md-3">
    82.                                                     <label for="address" class=" form-control-label">地址label>
    83.                                                 div>
    84.                                                 <div class="col-12 col-md-9">
    85.                                                     <textarea name="address" id="address" rows="2"  class="form-control">textarea>
    86.                                                 div>
    87.                                             div> 
    88.                                          
    89.                                          
    90.                                             <div class="row form-group">
    91.                                                 <div class="col col-md-3">
    92.                                                     <label for="img" class=" form-control-label">上传图片label>
    93.                                                 div>
    94.                                                 <div class="col-6 col-md-6">
    95.                                                     <input type="file" id="img" name="img"  class="form-control-file">
    96.                                                 div>
    97.                                                 <div class="col-6 col-md-3">
    98.                                                            <img  id="preview_img" width="100px" height="100px" alt="">
    99.                                                 div>
    100.                                             div>
    101.                                             
    102.                                          
    103.                                          
    104.                                            
    105.                                         form>
    106.                                     div>
    107.                                     <div class="card-footer">
    108.                                         <button type="button" class="btn btn-primary btn-sm"  id="save">
    109.                                             <i class="fa fa-dot-circle-o">i>立即注册
    110.                                         button>
    111.                                     div>
    112.                                 div>
    113.                             div>
    114.                       
    115.                         div>
    116.                     div>
    117.                 div>
    118.             div>
    119.  
    120.     
    121.     <script src="resource/main/vendor/jquery-3.2.1.min.js">script>
    122.     
    123.     <script src="resource/main/vendor/bootstrap-4.1/popper.min.js">script>
    124.     <script src="resource/main/vendor/bootstrap-4.1/bootstrap.min.js">script>
    125.     
    126.     <script src="resource/main/vendor/slick/slick.min.js">
    127.     script>
    128.     <script src="resource/main/vendor/wow/wow.min.js">script>
    129.     <script src="resource/main/vendor/animsition/animsition.min.js">script>
    130.     <script src="resource/main/vendor/bootstrap-progressbar/bootstrap-progressbar.min.js">
    131.     script>
    132.     <script src="resource/main/vendor/counter-up/jquery.waypoints.min.js">script>
    133.     <script src="resource/main/vendor/counter-up/jquery.counterup.min.js">
    134.     script>
    135.     <script src="resource/main/vendor/circle-progress/circle-progress.min.js">script>
    136.     <script src="resource/main/vendor/perfect-scrollbar/perfect-scrollbar.js">script>
    137.     <script src="resource/main/vendor/chartjs/Chart.bundle.min.js">script>
    138.     <script src="resource/main/vendor/select2/select2.min.js">
    139.     script>
    140.  
    141.     
    142.     <script src="resource/main/js/main.js">script>
    143.     
    144.     
    145.  <script>
    146.  
    147.  $("#img").change(function () {
    148. 	    var img_src = URL.createObjectURL($(this)[0].files[0]);
    149. 	    document.getElementById("preview_img").src=img_src;
    150. 	});
    151.  
    152. 	$("#save").click(function() {
    153. 		$.ajax({
    154. 			cache:true,
    155. 			type : "post",
    156. 			url : "LoginServlet?action=registerUser",
    157. 			 data : new FormData($('#saveForm')[0]),
    158. 			 processData: false,
    159. 			 contentType: false,
    160. 			//data : $("#saveForm").serialize(),
    161. 			async:false,
    162. 			success : function(e) {
    163. 				if (e == "yes") {
    164. 					alert("注册成功！");
    165. 					window.parent.location.reload();
    166. 				} else if (e == "is") {
    167. 					alert("注册失败，手机号重复");
    168. 				}else{
    169. 					alert("注册失败");
    170. 				}
    171. 			}
    172. 		})
    173. 	});
    174.  
    175.  
    176.     $("#imgUrl").change(function () {
    177. 	    var img_src = URL.createObjectURL($(this)[0].files[0]);
    178. 	    document.getElementById("preview_img").src=img_src;
    179. 	});
    180. script>
    181.  
    182. body>
    183.  
    184. html>

    系统总结


    系统使用eclipse开发的（也可idea运行）
    相关技术：jsp，servlet，JavaScript，ajax，jquery，mvc结构，jdbc连接池C3p0，mysql，bootstrap。

    我的开发工具：eclipse2020，mysql5.7，navicat数据库管理工具，Jdk1.8，tomcat8.5，google浏览器。

    非开源！！！！！！
    项目截图中的数据，很多是用来测试的，需求自行添加合适的数据图片
    喜欢的朋友的点赞加关注，感兴趣的同学可以研究！！！！！

  • 相关阅读:
    第三篇：实践篇 《使用Assembler 实现图片任意切割功能》
    STM32 ST-LINK
    简单的人脸识别实战
    java面试强基（10）
    浏览器缓存机制
    定个小目标之刷LeetCode热题（20）
    使用动态sql对对象进行操作
    PyQt5快速开发与实战 6.1 好软件的三个维度 && 6.2 PyQt5中的布局管理 && 6.3 PyQt5的绝对位置布局
    阿里云 E-MapReduce 全面开启 Serverless 时代
    图片链接打不开检测工具-免费链接失败检测软件
  • 原文地址：https://blog.csdn.net/qq_43485489/article/details/132853613