[JavaScript知识库]基于Java+SpringBoot+vue+node.js实现学生信息管理系统

前言介绍：?

? 在当今信息社会，计算机科学飞速发展的今天，大多数学校开始重视办公效率的发展非常关键，在学校管理中起着举足轻重的作用。基于互联网的信息服务已成为现代学校不可或缺的内容手段。许多校园已经对企业办公室管理的缓慢增长感到不满。高校需求是一个功能强大，能提供完善管理，管理速度快的信息系统。社会不断向前发展，特别是计算机的普及，计算机应用已经开始向可持续发展的大容量数据存储和处理和计算机为核心，采用数据库作为环境管理信息系统的现代化，交易管理方面具有大容量和各种信息动态管理的综合应用等特点。学校学生管理系统的建立，可以使学校工作人员对学生信息的管理更加规范和合理化。它可以有效快速的记录大量的学生信息，可以用简单的方法快速的找到他们需要的课程信息，可以发布通知等一系列功能，实现了从传统的手工到办公信息自动化的转变。因此，利用Java相关开发工具，精心搭建了一个学生信息管理平台，实现了一个简单的管理系统。本系统可以实现学生管理、课程管理、成绩管理、选课及应用情况管理、系统用户管理;可以实现学生报的查询，选课成绩的查询，修改个人信息的查询等功能，学生信息管理系统的完成为学校管理人员和学生提供了很多方便，可以更好的提高教学质量，科学性和合理性对学校的发展具有举足轻重的作用。?文末获取源码联系

完整地址

主要功能截图：

用户登录、输入账号密码进行验证和用户角色判断、不同角色不同菜单权限

首页介绍：可以定义成自己喜欢的样子?

?数据展示：echarts模拟树状图和折线图以及分布图等、可以从后台动态获取数据。

?学习组织架构：列表可折叠、添加、修改、删除、查询功能齐全。?

用户管理：查看、添加、修改等?

?

用户角色管理：用户绑定角色、角色绑定菜单权限显示、灵活控制

?

?菜单管理：权限控制到按钮级别。

?选择菜单类型是目录、菜单或者按钮。

?sql监控：阿里的SQL监控API

?日志查询：AOP切面日志、绑定到controller层添加注解就行。

?学生教师管理：录入数据、添加、修改、删除、查询等

?添加老师信息：

?学生管理：录入数据、添加、修改、删除、查询等

?添加学生信息：

?班级管理：添加、修改、删除、查询等

?课程管理：添加、修改、删除、查询等

?添加修改课程信息：

学生课程选择：学生用户可以选课

?课程成绩打分：老师对选课的同学成绩进行打分。

?查看我的课程成绩信息：

?学校通知公告信息：添加、修改、删除、查询等、利用富文本进行数据上传和显示

?学校新闻管理：

?图书资料上传下载：

?附件查看预览下载：

修改密码：

主要代码展示：

用户登录验证

/**
 * 登录相关
 *
 * @author lyy
 */
@RestController
public class SysLoginController extends AbstractController {
	@Autowired
	private SysUserService sysUserService;
	@Autowired
	private SysUserTokenService sysUserTokenService;
	@Autowired
	private SysCaptchaService sysCaptchaService;

	/**
	 * 验证码
	 */
	@GetMapping("captcha.jpg")
	public void captcha(HttpServletResponse response, String uuid)throws IOException {
		response.setHeader("Cache-Control", "no-store, no-cache");
		response.setContentType("image/jpeg");

		//获取图片验证码
		BufferedImage image = sysCaptchaService.getCaptcha(uuid);

		ServletOutputStream out = response.getOutputStream();
		ImageIO.write(image, "jpg", out);
		IOUtils.closeQuietly(out);
	}

	/**
	 * 登录
	 */
	@PostMapping("/sys/login")
	public Map<String, Object> login(@RequestBody SysLoginForm form)throws IOException {
		boolean captcha = sysCaptchaService.validate(form.getUuid(), form.getCaptcha());
//		if(!captcha){
//			return R.error("验证码不正确");
//		}

		//用户信息
		SysUserEntity user = sysUserService.queryByUserName(form.getUsername());

		//账号不存在、密码错误
		if(user == null || !user.getPassword().equals(new Sha256Hash(form.getPassword(), user.getSalt()).toHex())) {
			return R.error("账号或密码不正确");
		}

		//账号锁定
		if(user.getStatus() == 0){
			return R.error("账号已被锁定,请联系管理员");
		}

		//生成token，并保存到数据库
		R r = sysUserTokenService.createToken(user.getUserId());
		return r;
	}


	/**
	 * 退出
	 */
	@PostMapping("/sys/logout")
	public R logout() {
		sysUserTokenService.logout(getUserId());
		return R.ok();
	}

前端VUE+element表单：

<h3 class="login-title">学生信息管理登录</h3>
          <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" status-icon>
            <el-form-item prop="userName">
              <el-input v-model="dataForm.userName" placeholder="帐号"></el-input>
            </el-form-item>
            <el-form-item prop="password">
              <el-input v-model="dataForm.password" type="password" placeholder="密码"></el-input>
            </el-form-item>
            <el-form-item prop="captcha">
              <el-row :gutter="20">
                <el-col :span="14">
                  <el-input v-model="dataForm.captcha" placeholder="验证码">
                  </el-input>
                </el-col>
                <el-col :span="10" class="login-captcha">
                  <img :src="captchaPath" @click="getCaptcha()" alt="">
                </el-col>
              </el-row>
            </el-form-item>
            <el-form-item>
              <el-button class="login-btn-submit" type="danger" @click="dataFormSubmit()">登录</el-button>
            </el-form-item>
          </el-form>

  dataFormSubmit () {
        this.$refs['dataForm'].validate((valid) => {
          if (valid) {
            this.$http({
              url: this.$http.adornUrl('/sys/login'),
              method: 'post',
              data: this.$http.adornData({
                'username': this.dataForm.userName,
                'password': this.dataForm.password,
                'uuid': this.dataForm.uuid,
                'captcha': this.dataForm.captcha
              })
            }).then(({data}) => {
              if (data && data.code === 0) {
                this.$cookie.set('token', data.token)
                this.$router.replace({ name: 'home' })
              } else {
                this.getCaptcha()
                this.$message.error(data.msg)
              }
            })
          }
        })
      },

数据库连接配置：?

spring:
    datasource:
        type: com.alibaba.druid.pool.DruidDataSource
        druid:
            driver-class-name: com.mysql.cj.jdbc.Driver
            url: jdbc:mysql://localhost:3306/renren_students?useUnicode=true&characterEncoding=UTF-8&serverTimezone=Asia/Shanghai
            username: root
            password: 123456
            initial-size: 10
            max-active: 100
            min-idle: 10
            max-wait: 60000
            pool-prepared-statements: true
            max-pool-prepared-statement-per-connection-size: 20
            time-between-eviction-runs-millis: 60000
            min-evictable-idle-time-millis: 300000
            #Oracle需要打开注释
            #validation-query: SELECT 1 FROM DUAL
            test-while-idle: true
            test-on-borrow: false
            test-on-return: false
            stat-view-servlet:
                enabled: true
                url-pattern: /druid/*
                #login-username: admin
                #login-password: admin
            filter:
                stat:
                    log-slow-sql: true
                    slow-sql-millis: 1000
                    merge-sql: false
                wall:
                    config:
                        multi-statement-allow: true

权限控制：

 @Bean("shiroFilter")
    public ShiroFilterFactoryBean shiroFilter(SecurityManager securityManager) {
        ShiroFilterFactoryBean shiroFilter = new ShiroFilterFactoryBean();
        shiroFilter.setSecurityManager(securityManager);

        //oauth过滤
        Map<String, Filter> filters = new HashMap<>();
        filters.put("oauth2", new OAuth2Filter());
        shiroFilter.setFilters(filters);

        Map<String, String> filterMap = new LinkedHashMap<>();
        filterMap.put("/webjars/**", "anon");
        filterMap.put("/druid/**", "anon");
        filterMap.put("/app/**", "anon");
        filterMap.put("/sys/login", "anon");
        filterMap.put("/swagger/**", "anon");
        filterMap.put("/v2/api-docs", "anon");
        filterMap.put("/swagger-ui.html", "anon");
        filterMap.put("/swagger-resources/**", "anon");
        filterMap.put("/captcha.jpg", "anon");
        filterMap.put("/aaa.txt", "anon");
        filterMap.put("/virtuel/**", "anon");

        filterMap.put("/**", "oauth2");
        shiroFilter.setFilterChainDefinitionMap(filterMap);

        return shiroFilter;
    }

数据库表结构文档：

数据库名：renren_students

文档版本：V1.0.0

文档描述：数据库表设计描述

表cla

表course

表dj_news

表file

表inform

表my_course

表student

表sys_captcha (系统验证码)

表sys_dept (部门管理)

表sys_menu (菜单管理)

表sys_role (角色)

表sys_role_dept (角色与部门对应关系)

表sys_role_menu (角色与菜单对应关系)

表sys_user (系统用户)

表sys_user_role (用户与角色对应关系)

表sys_user_token (系统用户Token)

表tb_user (用户)

表teacher

获取源码联系：

?大家点赞、收藏、关注、评论啦 、查看👇🏻👇🏻👇🏻微信公众号获取联系方式👇🏻👇🏻👇🏻

打卡 文章 更新?110/? 365天