当前位置:   article > 正文

基于ssm的简单心理平台系统(前端+后端)_ssm系统

ssm系统

一、系统简介


本项目采用eclipse工具开发,jsp+spring+spring-mvc+mybatis+jquery技术编写,数据库采用的是mysql,navicat开发工具。

系统一共分为3个角色分别是:管理员,学生,教师

二、模块简介

管理员

1、登录

2、统计管理

3、个人信息管理

4、学生信息管理

5、教师信息管理

6、公告信息管理

7、预约信息管理

8、心理测试记录管理

教师

1、登录

2、个人信息管理

3、重置密码

4、查看公告

5、查看自己的预约信息

6、查看心理测试记录

学生

1、登录

2、个人信息管理

3、查看老师

4、预约老师

5、在线心理测试

6、查看公告

7、查看预约历史记录

8、查看心理测试记录

项目简介:
难度等级:✩✩✩
用户类型: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()
  7. + path + "/";
  8. %>
  9. <!DOCTYPE html>
  10. <html>
  11. <head>
  12. <meta charset="utf-8">
  13. <title>简单心理平台</title>
  14. <meta name="renderer" content="webkit">
  15. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  16. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  17. <link rel="stylesheet" type="text/css" href="<%=path %>/layui/css/layui.css">
  18. <link rel="stylesheet" type="text/css" href="<%=path %>/layui/css/admin.css">
  19. <link rel="stylesheet" type="text/css" href="<%=path %>/layui/css/login.css">
  20. </head>
  21. <body >
  22. <form method="post" id="loginForm" >
  23. <div class="layadmin-user-login layadmin-user-display-show" id="LAY-user-login" style="display: none;">
  24. <div class="layadmin-user-login-main">
  25. <div class="layadmin-user-login-box layadmin-user-login-header">
  26. <h2 style="font-size:50px;">简单心理平台登陆界面</h2>
  27. </div>
  28. <div class="layadmin-user-login-box layadmin-user-login-body layui-form">
  29. <div class="layui-form-item">
  30. <label class="layadmin-user-login-icon layui-icon layui-icon-username" for="LAY-user-login-cellphone"></label>
  31. <input type="text" name="username" lay-verify="username" id="username" placeholder="用户名" class="layui-input">
  32. </div>
  33. <div class="layui-form-item">
  34. <label class="layadmin-user-login-icon layui-icon layui-icon-password" for="LAY-user-login-password"></label>
  35. <input type="password" name="password" lay-verify="password" id="password" placeholder="密码" class="layui-input">
  36. </div>
  37. <div class="layui-form-item" style="align:center;">
  38. &emsp;&emsp;&emsp;
  39. <!-- <div class="layui-input-block"> -->
  40. <input type="radio" name="type" value="0" title="管理员" checked>
  41. <input type="radio" name="type" value="1" title="教师" >
  42. <input type="radio" name="type" value="2" title="学生">
  43. <!-- </div> -->
  44. </div>
  45. <div class="layui-form-item">
  46. <!-- <button class="layui-btn layui-btn-fluid" lay-submit lay-filter="LAY-user-reg-submit">注 册</button> -->
  47. <button type="button" id="login" class="layui-btn layui-btn-fluid">登陆</button>
  48. </div>
  49. - <!-- <div class="layui-form-item">
  50. <a type="button" id="register" class="layui-btn layui-btn-fluid" >注册老师</a>
  51. </div> -->
  52. <div class="layui-form-item">
  53. <a type="button" id="restu" class="layui-btn layui-btn-fluid" >学生重置密码</a>
  54. </div>
  55. <div class="layui-form-item">
  56. <a type="button" id="reste" class="layui-btn layui-btn-fluid" >教师重置密码</a>
  57. </div>
  58. </div>
  59. </div>
  60. </div>
  61. </form>
  62. <script src="<%=path %>/layui/layui.js"></script>
  63. <script src="<%=path %>/layui/jquery-1.9.1.min.js"></script>
  64. <script>
  65. $("#login").click(function(){
  66. var username = $("#username").val();
  67. var password = $("#password").val();
  68. if(username == null || username == ""){
  69. alert("请填写用户名");
  70. return false;
  71. }if(password == null || password == ""){
  72. alert("请填写密码");
  73. return false;
  74. }
  75. //执行添加的操作ajax
  76. $.ajax({
  77. cache:true,
  78. type:"post",
  79. url:"login",
  80. data:$("#loginForm").serialize(),
  81. async:false,
  82. success:function(e){
  83. if(e == "ok"){
  84. alert("登录成功");
  85. window.location.href="toMain";
  86. }else if(e == 'toIndex'){
  87. alert("登录成功");
  88. window.location.href="toIndex";
  89. }else{
  90. alert("登录失败,账号或密码错误");
  91. }
  92. }
  93. })
  94. });
  95. </script>
  96. <script>
  97. layui.use([ 'form','jquery','layer' ], function() {
  98. var form = layui.form,
  99. layer = layui.layer,
  100. $= layui.jquery;
  101. form.render();//这句一定要加,占坑
  102. $('#register').on("click",function(e){
  103. layer.open({
  104. //调整弹框的大小
  105. area:['500px','800px'],
  106. shadeClose:true,//点击旁边地方自动关闭
  107. //动画
  108. anim:2,
  109. //弹出层的基本类型
  110. type: 2,
  111. title: '注册老师',
  112. //刚才定义的弹窗页面
  113. content: 'toRegisterTeacher', //这里content是一个URL,如果你不想让iframe出现滚动条,你还可以content: ['http://sentsin.com', 'no']
  114. });
  115. });
  116. $('#restu').on("click",function(e){
  117. layer.open({
  118. //调整弹框的大小
  119. area:['500px','400px'],
  120. shadeClose:true,//点击旁边地方自动关闭
  121. //动画
  122. anim:2,
  123. //弹出层的基本类型
  124. type: 2,
  125. title: '重置密码',
  126. //刚才定义的弹窗页面
  127. content: 'toResetStuPass', //这里content是一个URL,如果你不想让iframe出现滚动条,你还可以content: ['http://sentsin.com', 'no']
  128. });
  129. });
  130. $('#reste').on("click",function(e){
  131. layer.open({
  132. //调整弹框的大小
  133. area:['500px','400px'],
  134. shadeClose:true,//点击旁边地方自动关闭
  135. //动画
  136. anim:2,
  137. //弹出层的基本类型
  138. type: 2,
  139. title: '重置密码',
  140. //刚才定义的弹窗页面
  141. content: 'toResetTePass', //这里content是一个URL,如果你不想让iframe出现滚动条,你还可以content: ['http://sentsin.com', 'no']
  142. });
  143. });
  144. });
  145. </script>
  146. </body>
  147. </html>
  1. /**
  2. * 登录
  3. * @param username
  4. * @param request
  5. * @param password
  6. * @param session
  7. * @param response
  8. * @param mv
  9. * @return
  10. * @throws ServletException
  11. * @throws IOException
  12. */
  13. @RequestMapping("/login")
  14. @ResponseBody
  15. public String login(@RequestParam("username")String username,
  16. HttpServletRequest request,@RequestParam("password")String password,
  17. HttpSession session,HttpServletResponse response,ModelAndView mv) throws ServletException, IOException {
  18. String message = "no";
  19. session.removeAttribute("admin");
  20. session.removeAttribute("user");
  21. String type=request.getParameter("type").toString();
  22. request.getSession().setAttribute("type", type);
  23. if(type != null && type.equals("1")){
  24. Teacher data = TeacherService.selectTeacher(username,password);
  25. if(data != null){
  26. request.getSession().setAttribute("teacher", data);
  27. session.setAttribute("teacher", data);
  28. message = "ok";
  29. }
  30. }else if(type != null && type.equals("2")){
  31. Student te = userService.selectStudent(username,password);
  32. if(te != null){
  33. request.getSession().setAttribute("student", te);
  34. session.setAttribute("student", te);
  35. message = "toIndex";
  36. }
  37. }else if(type != null && type.equals("0")){
  38. Admin te = adminService.selectAdmin(username,password);
  39. if(te != null){
  40. request.getSession().setAttribute("admin", te);
  41. session.setAttribute("admin", te);
  42. message = "ok";
  43. }
  44. }
  45. return message;
  46. }

其他模块代码都是类似的,此项目适合初学者学习借鉴
喜欢的朋友的点赞加关注,感兴趣的同学可以研究!!!!!

项目截图中的数据,很多是用来测试的,需要自行添加合适的数据图片!!
非开源!!!!!! 感谢  = v =

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/很楠不爱3/article/detail/373060
推荐阅读
相关标签
  

闽ICP备14008679号