• 基于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 =

  • 相关阅读:
    ArduPilot开源飞控之RC_Channels
    KMP算法详解(Python&Java代码）
    地址锁存器，总线控制器，双向总线驱动器（数据缓冲器），时钟发生器。8088最小工作模式。
    文件超期删除shell脚本
    vue中安转使用node-sass报错
    PyTorch修改为自定义节点
    maven打包项目，然后给其他项目引用
    Shell之基础概念和变量
    Windows Server 生成带私钥的证书请求
    java中使用jacob实现word转pdf文件下载
  • 原文地址：https://blog.csdn.net/qq_43485489/article/details/126504534