SpringMVC+vue实现前后端分离的学生考勤管理

文末获取资源,收藏关注不迷路

项目介绍

本系统地描绘了整个网上学生考勤管理的设计与实现,主要实现的功能有以下几点:管理员:首页、个人中心、学生管理、教师管理、学校公告管理、班级管理、考勤打卡管理、请假管理、课程名称管理、课表信息管理、学校论坛、系统管理,前台首页:首页、学校公告、考勤打卡、请假、课表信息、学校论坛、个人中心、后台管理、师生交流,教师:首页、个人中心、请假管理、课程名称管理、课表信息管理、学校论坛、系统管理,学生:首页、个人中心、考勤打卡管理、请假管理、学校论坛,等功能,其具有简单的接口,方便的应用,强大的互动,完全基于互联网的特点。
前台首页功能模块

  1. 学生考勤管理,在系统首页可以查看首页、学校公告、考勤打卡、请假、课表信息、学校论坛、个人中心、后台管理、师生交流等内容
  2. 登录、学生注册,在学生注册页面可以填写学号、密码、学生姓名、手机、邮箱等详细内容进行登录、学生注册
  3. 个人中心,在个人中心页面通过填写学号、密码、学生姓名、性别、头像、班级、手机、邮箱等信息进行提交1所示。考勤打卡页面通过填写学号、学生姓名、班级、打卡时间、备注、打卡图等信息进行提交操作
  4. 学生请假通过填写请假理由、请假时间、请假天数进行提交操作
  5. 课表信息,学生可以通过课表信息进行查看课表
    学生功能模块
  6. 学生登录,通过填写注册时输入的用户名、密码、角色进行登录
  7. 个人信息,在个人信息页面可以查看学号、密码、学生姓名、性别、头像、班级、手机、邮箱等详细内容进行修改
  8. 考勤打卡管理,在考勤打卡管理页面通过填写学号、学生姓名、班级、打卡时间、备注、打卡图等信息进行详情、修改、删除1所示。在请假管理页面通过填写请假编号、学号、学生姓名、班级、请假照片、请假理由、请假时间、请假天数、审核回复、审核状态等信息进行详情、删除操作

技术介绍

1、管理员账号:abo 密码:abo
2、开发环境为Eclipse/idea,数据库为mysql 使用java语言开发。
3.配置好Tomcat并点击启动按钮即可运行
4.数据库连接src\main\resources\application.yml中修改
5.maven包版本apache-maven-3.3.9.
开发语言:Java
框架:SSM
前端框架:vue.js
JDK版本:JDK1.8+
服务器:tomcat8+
数据库工具:Navicat
开发软件:idea 支持eclipse
支持定做:Java/PHP/Python/Android/小程序/Vue/爬虫/C#/Asp.net

Springboot是当前最流向的一个框架,它的配置更加的简单,使开发变得更加的简单迅速。
Springboot的基础结构共三个文件,具体如下:
src/main/java:程序开发以及主程序入口;
src/main/resources:配置文件;
src/test/java:测试程序。
ssm的数据库配置默认支持两种格式的配置文件
1,application.properties
2,application.yaml

项目界面

管理员功能模块

  1. 管理员登录,通过填写注册时输入的用户名、密码、角色进行登录

  2. 管理员登录进入学生考勤管理可以查看首页、个人中心、学生管理、教师管理、学校公告管理、班级管理、考勤打卡管理、请假管理、课程名称管理、课表信息管理、学校论坛、系统管理等信息。

  3. 学生管理,在学生管理页面中可以通过填写学号、密码、学生姓名、性别、头像、班级、手机、邮箱等内容进行详情、修改、删除1所示。还可以根据需要对教师管理进行详情,修改或删除等详细操作班级管理,在班级管理页面中可以查看班级等信息,并可根据需要对已有班级管理进行修改或删除等操作

  4. 课程名称管理,在课程名称管理页面中可以查看课程名称等信息,并可根据需要对已有课程名称管理进行修改或删除等详细操作

  5. 请假管理,在请假管理页面中可以查看请假编号、学号、学生姓名、班级、请假照片、请假理由、请假时间、请假天数、审核回复、审核状态等内容,并且根据需要对已有请假管理进行详情,修改或删除等详细操作

  6. 考勤打卡管理,在考勤打卡管理页面中可以查看学号、学生姓名、班级、打卡时间、备注、打卡图等内容,并且根据需要对已有考勤打卡管理进行详情,修改或删除等详细操作

  7. 课表信息管理,在课表信息管理页面中可以查看班级、星期、课程图、课程一、课程二、课程三、课程四、课程五、课程六、课程七、教师工号、教师姓名等内容,并且根据需要对已有课表信息管理进行详情,修改或删除等详细操作

  8. 学校论坛,在学校论坛页面中可以查看帖子标题、用户名、状态等内容,并且根据需要对已有学校论坛进行详情,修改或删除等详细操作
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

教师功能模块

  1. 教师登录进入学生考勤管理可以查看首页、个人中心、请假管理、课程名称管理、课表信息管理、学校论坛、系统管理等内容。
  2. 课程名称管理,在课程名称管理页面中通过填写课程名称等信息,还可以根据需要对课程名称管理进行修改
  3. 课表信息管理,在课表信息管理页面中可以查看班级、星期、课程图、课程一、课程二、课程三、课程四、课程五、课程六、课程七、教师工号、教师姓名等信息内容,并且根据需要对已有课表信息管理进行查看、修改操作
  4. 请假管理:在请假管理页面中通过填写请假编号、学号、学生姓名、班级、请假照片、请假理由、请假时间、请假天数、审核回复、审核状态等内容进行添加、详情、修改
  5. 学校论坛:在学校论坛页面中通过填写帖子标题、用户名、状态等内容进行添加、详情、修改
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

关键代码


package com.controller;


import java.util.Arrays;
import java.util.Calendar;
import java.util.Date;
import java.util.Map;

import javax.servlet.http.HttpServletRequest;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.bind.annotation.RestController;

import com.annotation.IgnoreAuth;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.entity.TokenEntity;
import com.entity.UserEntity;
import com.service.TokenService;
import com.service.UserService;
import com.utils.CommonUtil;
import com.utils.MPUtil;
import com.utils.PageUtils;
import com.utils.R;
import com.utils.ValidatorUtils;

/**
 * 登录相关
 */
@RequestMapping("users")
@RestController
public class UserController{
	
	@Autowired
	private UserService userService;
	
	@Autowired
	private TokenService tokenService;

	/**
	 * 登录
	 */
	@IgnoreAuth
	@PostMapping(value = "/login")
	public R login(String username, String password, String captcha, HttpServletRequest request) {
		UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
		if(user==null || !user.getPassword().equals(password)) {
			return R.error("账号或密码不正确");
		}
		String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());
		return R.ok().put("token", token);
	}
	
	/**
	 * 注册
	 */
	@IgnoreAuth
	@PostMapping(value = "/register")
	public R register(@RequestBody UserEntity user){
//    	ValidatorUtils.validateEntity(user);
    	if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
    		return R.error("用户已存在");
    	}
        userService.insert(user);
        return R.ok();
    }

	/**
	 * 退出
	 */
	@GetMapping(value = "logout")
	public R logout(HttpServletRequest request) {
		request.getSession().invalidate();
		return R.ok("退出成功");
	}
	
	/**
     * 密码重置
     */
    @IgnoreAuth
	@RequestMapping(value = "/resetPass")
    public R resetPass(String username, HttpServletRequest request){
    	UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
    	if(user==null) {
    		return R.error("账号不存在");
    	}
    	user.setPassword("123456");
        userService.update(user,null);
        return R.ok("密码已重置为:123456");
    }
	
	/**
     * 列表
     */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params,UserEntity user){
        EntityWrapper<UserEntity> ew = new EntityWrapper<UserEntity>();
    	PageUtils page = userService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.allLike(ew, user), params), params));
        return R.ok().put("data", page);
    }

	/**
     * 列表
     */
    @RequestMapping("/list")
    public R list( UserEntity user){
       	EntityWrapper<UserEntity> ew = new EntityWrapper<UserEntity>();
      	ew.allEq(MPUtil.allEQMapPre( user, "user")); 
        return R.ok().put("data", userService.selectListView(ew));
    }

    /**
     * 信息
     */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") String id){
        UserEntity user = userService.selectById(id);
        return R.ok().put("data", user);
    }
    
    /**
     * 获取用户的session用户信息
     */
    @RequestMapping("/session")
    public R getCurrUser(HttpServletRequest request){
    	Long id = (Long)request.getSession().getAttribute("userId");
        UserEntity user = userService.selectById(id);
        return R.ok().put("data", user);
    }

    /**
     * 保存
     */
    @PostMapping("/save")
    public R save(@RequestBody UserEntity user){
//    	ValidatorUtils.validateEntity(user);
    	if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
    		return R.error("用户已存在");
    	}
        userService.insert(user);
        return R.ok();
    }

    /**
     * 修改
     */
    @RequestMapping("/update")
    public R update(@RequestBody UserEntity user){
//        ValidatorUtils.validateEntity(user);
    	UserEntity u = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername()));
    	if(u!=null && u.getId()!=user.getId() && u.getUsername().equals(user.getUsername())) {
    		return R.error("用户名已存在。");
    	}
        userService.updateById(user);//全部更新
        return R.ok();
    }

    /**
     * 删除
     */
    @RequestMapping("/delete")
    public R delete(@RequestBody Long[] ids){
        userService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }
}

目录

目 录
目 录 III
1 绪论 1
1.1 研究背景 1
1.2 目的和意义 1
1.3 论文结构安排 2
2 相关技术 3
2.1 Springboot框架介绍 3
2.2 B/S结构介绍 3
2.3 Mysql数据库介绍 4
3 系统分析 6
3.1 系统可行性分析 6
3.1.1 技术可行性分析 6
3.1.2 经济可行性分析 6
3.1.3 运行可行性分析 6
3.2 系统性能分析 7
3.2.1 易用性指标 7
3.2.2 可扩展性指标 7
3.2.3 健壮性指标 7
3.2.4 安全性指标 8
3.3 系统流程分析 8
3.3.1 操作流程分析 8
3.3.2 登录流程分析 9
3.3.3 信息添加流程分析 10
3.3.4 信息删除流程分析 11
4 系统设计 12
4.1 系统概要设计 12
4.2 系统功能结构设计 12
4.3 数据库设计 13
4.3.1 数据库E-R图设计 13
4.3.2 数据库表结构设计 14
5 系统实现 17
5.1用户部分功能17
5.2 管理员部分功能展示

6 系统测试
6.1 系统测试的特点 
6.2 系统功能测试
6.2.1 登录功能测试
6.2.2 添加类别功能测试
6.3 测试结果分析
结 论
致 谢
参考文献

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
本文将介绍如何利用SpringMVCVue实现前后端分离的大学生社团管理系统。 1. 系统需求分析 该系统需要实现以下功能: - 用户登录和注册 - 社团管理:创建、修改、删除社团 - 活动管理:创建、修改、删除活动 - 成员管理:加入、退出社团 2. 系统设计 该系统采用前后端分离的架构,前端使用Vue框架,后端采用SpringMVC框架。 2.1 后端设计 后端使用SpringMVC框架,实现了以下功能: - 用户登录和注册 - 社团管理:创建、修改、删除社团 - 活动管理:创建、修改、删除活动 - 成员管理:加入、退出社团 2.2 前端设计 前端使用Vue框架,实现了以下功能: - 用户登录和注册 - 社团管理:创建、修改、删除社团 - 活动管理:创建、修改、删除活动 - 成员管理:加入、退出社团 3. 系统实现 3.1 后端实现 后端使用SpringMVC框架,实现了以下功能: - 用户登录和注册 用户登录和注册功能使用Spring Security框架实现。用户信息存储在数据库中,密码经过加密存储。 - 社团管理 社团管理功能使用SpringMVC框架实现。社团信息存储在数据库中,包括社团名称、社团介绍、社团成员等信息。用户可以创建、修改、删除社团。 - 活动管理 活动管理功能使用SpringMVC框架实现。活动信息存储在数据库中,包括活动名称、活动介绍、活动时间、活动地点等信息。用户可以创建、修改、删除活动。 - 成员管理 成员管理功能使用SpringMVC框架实现。成员信息存储在数据库中,包括成员姓名、成员学号等信息。用户可以加入、退出社团。 3.2 前端实现 前端使用Vue框架,实现了以下功能: - 用户登录和注册 使用Vue Router实现登录和注册页面的路由。用户输入用户名和密码后,使用axios发送请求到后端验证用户信息。 - 社团管理 使用Vue Router实现社团管理页面的路由。用户可以查看所有社团的信息,并且可以创建、修改、删除自己的社团。 - 活动管理 使用Vue Router实现活动管理页面的路由。用户可以查看所有活动的信息,并且可以创建、修改、删除自己的活动。 - 成员管理 使用Vue Router实现成员管理页面的路由。用户可以加入、退出社团。 4. 总结 本文介绍了如何利用SpringMVCVue实现前后端分离的大学生社团管理系统。该系统采用前后端分离的架构,实现了用户登录和注册、社团管理、活动管理和成员管理等功能。该系统可以作为大学生社团管理的参考实现

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值