免费分享一套Springboot+Vue前后端分离的学生网上请假系统，挺漂亮的

本文链接：https://blog.csdn.net/caoli201314/article/details/134779253

大家好，我是java1234_小锋老师，看到一个不错的Springboot+Vue前后端分离的学生网上请假系统，分享下哈。

项目视频演示

【免费】springboot+vue学生网上请假系统毕业设计 Java毕业设计_哔哩哔哩_bilibili【免费】springboot+vue学生网上请假系统毕业设计 Java毕业设计项目来自互联网，免费开源分享，严禁商业。更多毕业设源码：http://www.java1234.com/a/bysj/javaweb/, 视频播放量 146、弹幕量 0、点赞数 9、投硬币枚数 1、收藏人数 10、转发人数 1, 视频作者 java1234官方, 作者简介公众号：java1234 微信：java9266，相关视频：【免费】基于springboot的进销存(仓库)管理系统 Java毕业设计，【免费】springboot+vue选课/排课管理系统系统 Java毕业设计，【免费】基于springboot的图书馆管理系统公系统 Java毕业设计，【免费】springboot+vue在线考试系统 Java毕业设计，【免费】springboot+vue校园社团管理系统系统 Java毕业设计，基于Activiti5的学生请假流程系统演示，打造前后端分离权限系统基于SpringBoot2+SpringSecurity+Vue3.2+Element Plus 视频教程（火爆连载更新中..），【免费】javaweb超市管理系统毕业设计，【免费】javaweb在线考试系统毕业设计，【免费】Javaweb医院在线挂号系统毕业设计https://www.bilibili.com/video/BV1Ec411B7eH/

项目介绍

随着信息技术在管理上越来越深入而广泛的应用，管理信息系统的实施在技术上已逐步成熟。本文介绍了学生网上请假系统的开发全过程。通过分析学生网上请假系统管理的不足，创建了一个计算机管理学生网上请假系统的方案。文章介绍了学生网上请假系统的系统分析部分，包括可行性分析等，系统设计部分主要介绍了系统功能设计和数据库设计。

本学生网上请假系统管理员，教师，学生。管理员功能有个人中心，学生管理，教师管理，班级信息管理，请假表格管理，提交请假表管理，学生考勤管理，缺课记录管理。教师功能有个人中心，学生管理，班级信息管理，请假表格管理，提交请假表管理，学生考勤管理，缺课记录管理。学生功能有班级信息管理，请假表格管理，提交请假管理，学生考勤管理，缺课记录管理。因而具有一定的实用性。

本站是一个B/S模式系统，采用Spring Boot框架，MYSQL数据库设计开发，充分保证系统的稳定性。系统具有界面清晰、操作简单，功能齐全的特点，使得学生网上请假系统管理工作系统化、规范化。本系统的使用使管理人员从繁重的工作中解脱出来，实现无纸化办公，能够有效的提高学生网上请假系统管理效率。

系统展示

部分代码



/**
 * 登录相关
 */
@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);
	}


}

<template>
	<el-main>
		<bread-crumbs :title="title" class="bread-crumbs"></bread-crumbs>
		<router-view class="router-view"></router-view>
	</el-main>
</template>
<script>
	import menu from "@/utils/menu";
	export default {
		data() {
			return {
				menuList: [],
				role: "",
				currentIndex: -2,
				itemMenu: [],
				title: ''
			};
		},
		mounted() {
			let menus = menu.list();
			this.menuList = menus;
			this.role = this.$storage.get("role");
		},
		methods: {
			menuHandler(menu) {
				this.$router.push({
					name: menu.tableName
				});
				this.title = menu.menu;
			},
			titleChange(index, menus) {
				this.currentIndex = index
				this.itemMenu = menus;
				console.log(menus);
			},
			homeChange(index) {
				this.itemMenu = [];
				this.title = ""
				this.currentIndex = index
				this.$router.push({
					name: 'home'
				});
			},
			centerChange(index) {
				this.itemMenu = [{
					"buttons": ["新增", "查看", "修改", "删除"],
					"menu": "修改密码",
					"tableName": "updatePassword"
				}, {
					"buttons": ["新增", "查看", "修改", "删除"],
					"menu": "个人信息",
					"tableName": "center"
				}];
				this.title = ""
				this.currentIndex = index
				this.$router.push({
					name: 'home'
				});
			}
		}
	};
</script>
<style lang="scss" scoped>
	a {
		text-decoration: none;
		color: #555;
	}

	a:hover {
		background: #00c292;
	}

	.nav-list {
		width: 100%;
		margin: 0 auto;
		text-align: left;
		margin-top: 20px;

		.nav-title {
			display: inline-block;
			font-size: 15px;
			color: #333;
			padding: 15px 25px;
			border: none;
		}

		.nav-title.active {
			color: #555;
			cursor: default;
			background-color: #fff;
		}
	}

	.nav-item {
		margin-top: 20px;
		background: #FFFFFF;
		padding: 15px 0;

		.menu {
			padding: 15px 25px;
		}
	}

	.el-main {
		background-color: #F6F8FA;
		padding: 0 24px;
		// padding-top: 60px;
	}

	.router-view {
		padding: 10px;
		margin-top: 10px;
		background: #FFFFFF;
		box-sizing: border-box;
	}

	.bread-crumbs {
		width: 100%;
		// border-bottom: 1px solid #e9eef3;
		// border-top: 1px solid #e9eef3;
		margin-top: 10px;
		box-sizing: border-box;
	}
</style>