• 基于ssm的公选课申报系统

    一、系统简介


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

    系统一共分为3个角色分别是：管理员，审批人，教师

    二、模块简介

    管理员

    1、登录

    2、审批人管理

    3、教师管理

    4、分类管理

    5、计划时间管理

    6、公选课申报管理

    7、个人信息管理

    8、数据统计管理

    审批人

    1、登录

    2、个人信息管理

    3、审批公选课

    4、统计数据

    5、下载附件

    教师

    1、登录

    2、个人信息管理

    3、上传附件

    4、公选课申报

    5、历史记录查询

    项目简介：
    难度等级：✩✩✩
    用户类型：3角色（管理员，审批人，教师）
    设计模式：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环境:否
    是否采用框架：是
    数据库表数量：7张表
    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%>/layui/layui.js">script>
    23. head>
    24. <body>
    25. <div class="login">
    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.               <input type="radio" class="form-check-input" name="type" value="3" id="exampleCheck1" >
    42.             <label class="form-check-label" for="exampleCheck1">审批人label>
    43.         div> 
    44.  
    45.         <button type="button" :disabled="loading" @click="login" id="login" class="btn btn-primary btn-lg  btn-block">
    46.             <span v-show="loading" class="spinner-grow spinner-grow-sm" role="status" aria-hidden="true">span>
    47.             立即登录
    48.         button>
    49.     form>
    50. div>
    51.  
    52.  
    53. 	<div class="modal fade" id="myModal" aria-labelledby="myModallabel"
    54. 		aria-hidden="true" tabindex="-1" >
    55. 		<div class="modal-dialog">
    56. 			<div class="modal-content" >
    57. 				<div class="modal-header">
    58. 					
    59. 					<h5 class="modal-title" id="myModallabel">供应商注册h5>
    60. 					<button class="close" type="button" data-dismiss="modal"
    61. 						aria-hidden="true">×button>
    62. 				div>
    63. 				<form id="addForm" class="form-horizontal">
    64. 					<div class="modal-body">
    65. 						<div class="form-group">
    66. 							<label class="control-label col-lg-4">姓名：label>
    67. 							<div class="col-lg-9">
    68. 								<input type="text" name="uname" class="form-control"> 
    69. 							div>
    70. 						div>
    71. 						<div class="form-group">
    72. 							<label class="control-label col-lg-4">公司名：label>
    73. 							<div class="col-lg-9">
    74. 								<input type="text" name="company" id="company" class="form-control">
    75. 							div>
    76. 						div>
    77. 						<div class="form-group">
    78. 							<label class="control-label col-lg-4">密码：label>
    79. 							<div class="col-lg-9">
    80. 								<input type="password" name="pwd" id="pwd" class="form-control">
    81. 							div>
    82. 						div>
    83. 						<div class="form-group">
    84. 							<label class="control-label col-lg-4">主营产品：label>
    85. 							<div class="col-lg-9">
    86. 								<input type="text" name="address" id="address" class="form-control">
    87. 							div>
    88. 						div>
    89. 						<div class="form-group">
    90. 							<label class="control-label col-lg-4">手机号：label>
    91. 							<div class="col-lg-9">
    92. 								<input type="text" name="phone" id="phone" class="form-control">
    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 : "addGys",
    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. <script>
    188. 	    $("#login").click(function(){
    189. 	    	var username = $("#username").val();
    190. 	    	var password = $("#password").val();
    191. 	    	if(username == null || username == ""){
    192. 	    		alert("请填写用户名");
    193. 	    		return false;
    194. 	    	}if(password == null || password == ""){
    195. 	    		alert("请填写密码");
    196. 	    		return false;
    197. 	    	}
    198. 			//执行添加的操作ajax
    199. 			$.ajax({
    200. 				cache:true,
    201. 				type:"post",
    202. 				url:"login",
    203. 				data:$("#saveForm").serialize(),
    204. 				async:false,
    205. 				success:function(e){
    206. 					if(e){
    207. 						alert("登录成功");
    208. 						 window.parent.location.href="toMain";
    209. 					}else{
    210. 						alert("登录失败，账号或密码错误");
    211. 					}
    212. 				}
    213. 			})
    214. 		});
    215. 		   
    216. script>
    217.  
    218. body>
    219. html>
    1.  
    2. 	/**
    3. 	 * 登录
    4. 	 * @param username
    5. 	 * @param request
    6. 	 * @param password
    7. 	 * @param session
    8. 	 * @param response
    9. 	 * @param mv
    10. 	 * @return
    11. 	 * @throws ServletException
    12. 	 * @throws IOException
    13. 	 */
    14. 	@RequestMapping("/login")
    15. 	@ResponseBody
    16.      public boolean login(@RequestParam("username")String username,
    17.     		 HttpServletRequest request,@RequestParam("password")String password,
    18.     		 HttpSession session,HttpServletResponse response,ModelAndView mv) throws ServletException, IOException {	
    19. 		session.removeAttribute("admin");
    20. 		session.removeAttribute("user");
    21. 	    String type=request.getParameter("type").toString();
    22. 	    Admin admin = new Admin();
    23. 		request.getSession().setAttribute("type", type);
    24. 		boolean re = false;
    25. 	    if(type != null && type.equals("1")){
    26. 	    	admin.setUsername(username);
    27. 	    	admin.setPassword(password);
    28. 		    Admin admin1 = us.selectAdmin(admin);
    29. 		    if(admin1 != null){
    30. 				request.getSession().setAttribute("admin", admin1);
    31. 				session.setAttribute("admin", admin1);
    32. 				re = true;
    33. 		    }
    34. 	    }else if(type != null && type.equals("2")){
    35. 	    	Teacher teacher = teacherService.selectTeachers(username,password);
    36. 	    	if(teacher != null){
    37. 				request.getSession().setAttribute("teacher", teacher);
    38. 				session.setAttribute("teacher", teacher);
    39. 				re = true;
    40. 		    }
    41. 	    }else if(type != null && type.equals("3")){
    42. 	    	User u = new User();
    43. 	    	u.setPhone(username);
    44. 	    	u.setPassword(password);
    45. 	    	User user = us.selectUser(u);
    46. 	    	if(user != null){
    47. 				request.getSession().setAttribute("user", user);
    48. 				session.setAttribute("user", user);
    49. 				re = true;
    50. 		    }
    51. 	    }
    52. 		return re;
    53. 			
    54. 	}

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

  • 相关阅读:
    初创企业应该选一款怎样的客服系统？
    java通过FTP跨服务器动态监听读取指定目录下文件数据
    荣耀进击背后的「韧性力量」
    git cherry-pick
    java“贪吃蛇”小游戏
    Flutter 启动白屏
    亚马逊AI编程助手CodeWhisperer
    外包干了2个月，技术退步明显。。。。。
    流水线作业
    数据结构 | 【红黑树】图解原理
  • 原文地址：https://blog.csdn.net/qq_43485489/article/details/126127347