• 基于ssm的志愿者管理系统（idea+spring+springmvc+mybatis+jsp）

    一、系统简介

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

    系统一共分为4个角色分别是：管理员，志愿者，游客，发起者

    二、模块简介

    管理员

    1、登录

    2、管理志愿者

    3、管理游客

    4、管理发起者

    5、管理公告

    6、管理活动类别

    7、管理活动

    8、管理活动报名

    9、统计

    发起者

    1、登录

    2、个人信息管理

    3、志愿活动管理

    4、志愿活动报名管理

    5、公告管理

    志愿者

    1、登录注册（登录操作 需管理员审核通过）

    2、查看活动

    3、报名活动

    4、查看公告

    5、个人信息管理

    6、历史活动记录查询

    游客

    1、登录注册（登录操作 需管理员审核通过）

    2、个人信息管理

    3、申请成为志愿者

    4、查看公告

    5、查看活动


    项目简介
    难度等级：✩✩
    用户类型：4角色（管理员，志愿者，游客，发起者）
    设计模式：MVC
    项目架构：B/S架构
    开发语言：Java语言
    前端技术：HTML、CSS、JS、JQuery等
    后端技术：JSP、ssm框架
    运行环境：Windows7或10、JDK1.8
    运行工具：本系统采用idea开发，仅支持idea运行，不支持MyEclipse和eclipse运行，因为三者的骨架不一样，强行导入打开运行可能会导致出现未知的错误。
    数  据  库：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. <%
    6.     String path = request.getContextPath();
    7.     String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
    8. %>
    9. html>
    10. <html xmlns="http://www.w3.org/1999/xhtml">
    11. <head>
    12.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    13.     <title>登录title>
    14.     <link type="text/css" rel="stylesheet" href="<%=path %>/resource/login/css/login.css" />
    15.     <link rel="stylesheet" type="text/css" href="<%=path %>/resource/layui/css/layui.css"/>
    16.     <link href="<%=path %>/resource/login/css/bootstrap.min.css" rel="stylesheet"/>
    17.     <script type="text/javascript" src="<%=path %>/resource/login/js/jquery-1.11.1.min.js">script>
    18.  
    19.     <script type="text/javascript">
    20.         $(document).ready(function () {
    21.             var height=$(document).height();
    22.             $('.main').css('height',height);
    23.         })
    24.     script>
    25. head>
    26.  
    27. <body>
    28. <div class="main">
    29.     <div class="main0">
    30.         <div class="main_left">
    31.             <img src="<%=path %>/resource/login/images/login-image-3.png" class="theimg"/>
    32.             <img src="<%=path %>/resource/login/images/login-image-2.png" class="secimg"/>
    33.             <img src="<%=path %>/resource/login/images/login-image-1.png" class="firimg"/>
    34.         div>
    35.         <div class="main_right">
    36.             <div class="main_r_up">
    37.                 <img src="<%=path %>/resource/login/images/user.png" />
    38.                 <div class="pp">登录div>
    39.             div>
    40.             <form id="loginForm"  method="post">
    41.                 <div class="sub"><p>我是志愿者？<a href="toIndex"><span class="blue">前往主页面span>a>p>div>
    42.                 <div class="txt">
    43.                     <span style="letter-spacing:8px;">用户名:span>
    44.                     <input name="username" id="username" type="text" class="txtphone" placeholder="请输入注册手机号或用户名"/>
    45.                     <br>
    46.                     <span id="userNameErr" style="color:red" >${msg}span>
    47.                 div>
    48.                 <div class="txt">
    49.                     <span style="letter-spacing:4px;">登录密码:span>
    50.                     <input name="password" id="password" type="password" class="txtphone" placeholder="请输入登录密码"/>
    51.                 div>
    52.                 <div class="txt">
    53.                     <span style=" float:left;letter-spacing:8px;">角色:span>
    54.                     <select name="type" id="type" class="form-control" style="margin-left:105px;width:200px;">
    55.                         <option value="0">管理员option>
    56.                        <%-- <option value="1">游客option>
    57.                         <option value="2">志愿者option>--%>
    58.                         <option value="3">志愿发起者option>
    59.                     select>
    60.                 div>
    61.                 <button style="margin-left:105px;letter-spacing:22px; width:250px;margin-top:20px;"
    62.                         class="btn btn-info" id="btnLogin"  type="button" >登录button>
    63.  
    64.             form>
    65.         div>
    66.     div>
    67. div>
    68.  
    69. <script src="<%=path %>/resource/component/layui/layui.js">script>
    70. <script src="<%=path %>/resource/component/pear/pear.js">script>
    71. <script>
    72.     layui.use(['layer', 'form','jquery'], function(){
    73.         var form = layui.form,
    74.             layer = layui.layer,
    75.             $= layui.jquery;
    76.         form.render();//这句一定要加，占坑
    77.  
    78.             $('#btnLogin').click(function(){
    79.                 var username = $.trim($('#username').val());
    80.                 var password = $.trim($("#password").val());
    81.                 var type = $.trim($("#type").val());
    82.                 if(username == ''){
    83.                     layer.msg('用戶名不能为空',function() {time:2000});
    84.                     return false;
    85.                 }
    86.                 if(password == ''){
    87.                     layer.msg('密码不能为空',function() {time:2000});
    88.                     return false;
    89.                 }
    90.  
    91.                 $.ajax({
    92.                     type: "post", // post或get
    93.                     url: "login", // 提交路径
    94.                     data: {
    95.                         username: username,
    96.                         password: password,
    97.                         type:type,
    98.                     },
    99.                     // dataType: "json", // 指定后台传来的数据是json格式
    100.                     success: function(data) {
    101.  
    102.                         if (data == "ok") {
    103.                             layer.msg('登陆成功！', {icon: 6});
    104.                             // 延迟跳转
    105.                             window.setTimeout("window.location='toMain'",900);
    106.                         } else if(data == 'toIndex'){
    107.                             layer.msg('登陆成功！', {icon: 6});
    108.                             window.setTimeout("window.location='toIndex'",900);
    109.  
    110.                         }else {
    111.                             layer.msg('账号或密码错误！', {icon: 5});
    112.  
    113.  
    114.                         }
    115.  
    116.                     },
    117.  
    118.                     error: function(err) {}
    119.  
    120.                 })
    121.             })
    122.  
    123.  
    124.         setTimeout(function(){ $("#userNameErr").html("")},3000);
    125.     });
    126. script>
    127. body>
    128. html>
    1.  
    2.     @RequestMapping("/login")
    3.     @ResponseBody
    4.     public  String login(@RequestParam("username")String username,
    5.                          HttpServletRequest request, @RequestParam("password")String password, @RequestParam("type")String type,
    6.                          HttpSession session, HttpServletResponse response, ModelAndView mv) throws ServletException, IOException {
    7.         session.removeAttribute("admin");
    8.         session.removeAttribute("user");
    9.         session.removeAttribute("organizer");
    10.         User user =new User();
    11.         Admin admin = new Admin();
    12.         Organizer Organizer = new Organizer();
    13.         request.getSession().setAttribute("type", type);
    14.         String message = "error";
    15.         if(type != null && type.equals("0")){
    16.             admin.setUsername(username);
    17.             admin.setPassword(password);
    18.             Admin admin1 = service.selectAdmin(admin);
    19.             if(admin1 != null){
    20.                 request.getSession().setAttribute("admin", admin1);
    21.                 message = "ok";
    22.             }
    23.         }else if(type != null && type.equals("1")){//游客
    24.              user.setPhone(username);
    25.              user.setPwd(password);
    26.              user.setRole(type);
    27.              User te = service.selectUser(user);
    28.              if(te != null){
    29.                 request.getSession().setAttribute("user", te);
    30.                 message = "toIndex";
    31.              }
    32.         }else if(type != null && type.equals("2")){//志愿者
    33.             user.setPhone(username);
    34.             user.setPwd(password);
    35.             user.setRole(type);
    36.             User te = service.selectUser(user);
    37.             if(te != null){
    38.                 request.getSession().setAttribute("user", te);
    39.                 message = "toIndex";
    40.             }
    41.         }else if(type != null && type.equals("3")){//志愿发起者
    42.             Organizer.setPhone(username);
    43.             Organizer.setPwd(password);
    44.             Organizer Organizers = service.selectOrganizer(Organizer);
    45.             if(Organizers != null){
    46.                 request.getSession().setAttribute("organizer", Organizers);
    47.                 message = "ok";
    48.             }
    49.         }
    50.         return message;
    51.  
    52.     }

    非开源！！！！！！
    项目截图中的数据，很多是用来测试的，需求自行添加合适的数据图片

    喜欢的朋友的点赞加关注，感兴趣的同学可以研究！！！！！
    感谢  = v =

  • 相关阅读:
    Qt 自定义event
    【深度学习基础】Pytorch框架CV开发（2）实战篇
    kubernetes组件service
    Flutter学习9 - http 中 get/post 请求示例
    Stable Diffusion详细教程
    【web APIs】快速上手Day03
    定时器 | Spring Task 定时器
    c++学习记录（四）
    【Python21天学习挑战赛】-入门必备
    elasticsearch8.2集群部署
  • 原文地址：https://blog.csdn.net/qq_43485489/article/details/126504534