大家好，我是锋哥，看到一个不错的SpringBoot + Vue 的排课/选课管理系统，分享下哈。

项目介绍

近年来，随着网络学校规模的逐渐增大，人工书写数据已经不能够处理如此庞大的数据。为了更好的适应信息时代的高效性，一个利用计算机来实现学生信息管理工作的系统将必然诞生。基于这一点，设计了一个学生信息管理系统。

基于对上述的认识，收集相关资料和数据，查阅有关文献及技术参数，对学生档案的实际需求等方面进行了调研，发现目前所采用的手工记录的方法进行管理存在以下几个方面的弊端：对象范围广，数据存储不易；填写的数据多，所填写的内容相当复杂，且大量数据重复；不易存档，成千上万的信息和堆积如山的单据对管理人员来说是一个负担，需要大量的文档资料。鉴于以上种种原因，学生档案的管理急需一种软件来代替手工操作来管理数据资料。

计算机技术在现代管理中的应用，使计算机成为领导者和管理人员应用现代技术的重要工具。计算机辅助学生档案活动，可以极大地增强管理者采集、处理信息的能力，从而有利于管理者及时决策。计算机系统能根据管理过程的变化情况，将原始数据、资料等进行加工、保存，管理人员可以在解决具体问题需要信息资料时，随时进行检索查询，了解整个学生信息管理系统的动态情况，进行动态管理，从而有效的处理学生档案的管理工作，实现对学生档案信息管理的自动化，提高效率。

系统展示

部分代码

package com.rainng.coursesystem.controller;

import com.rainng.coursesystem.model.vo.request.LoginVO;
import com.rainng.coursesystem.model.vo.response.ResultVO;
import com.rainng.coursesystem.service.UserService;
import org.springframework.validation.annotation.Validated;
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.RestController;

@RequestMapping("/user")
@RestController
public class UserController extends BaseController {
    private final UserService service;

    public UserController(UserService service) {
        this.service = service;
    }

    @PostMapping("/login")
    public ResultVO login(@Validated @RequestBody LoginVO loginVO) {
        String username = loginVO.getUsername();
        String password = loginVO.getPassword();
        Integer userType = loginVO.getUserType();
        return service.login(username, password, userType);
    }

    @RequestMapping("/login/status")
    public ResultVO getLoginStatus() {
        return service.getLoginStatus();
    }

    @RequestMapping("/logout")
    public ResultVO logout() {
        return service.logout();
    }
}

<template>
  <div class="login-wrap">
    <div class="login-form">
      <div class="form-title">课程管理系统</div>
      <el-form
        :model="formData"
        :rules="rules"
        class="form-content"
        label-width="0px"
        ref="form"
      >
        <el-form-item prop="username">
          <el-input placeholder="学号/工号/用户名" v-model="formData.username">
            <span slot="prepend"><i class="el-icon-user"></i></span>
          </el-input>
        </el-form-item>

        <el-form-item prop="password">
          <el-input
            @keyup.enter.native="submit()"
            placeholder="密码"
            type="password"
            v-model="formData.password"
          >
            <span slot="prepend"><i class="el-icon-edit"></i></span>
          </el-input>
        </el-form-item>

        <el-form-item prop="userType">
          <el-radio-group v-model="formData.userType">
            <el-radio label="1">学生</el-radio>
            <el-radio label="2">教师</el-radio>
            <el-radio label="3">教务管理员</el-radio>
          </el-radio-group>
        </el-form-item>

        <div class="login-btn" v-loading="this.$store.state.loading">
          <el-button @click="submit()" type="primary">登录</el-button>
        </div>
      </el-form>
      <div style="text-align: center;padding-bottom: 10px">
        <a href="http://www.java1234.com/a/bysj/javaweb/" target="_blank">Java1234收藏整理</a>
      </div>
    </div>

  </div>

</template>

<script>
import { login } from "../api/user";

export default {
  data: function() {
    return {
      formData: {
        username: "",
        password: "",
        userType: "1"
      },
      rules: {
        username: [
          { required: true, message: "请输入用户名", trigger: "blur" }
        ],
        password: [{ required: true, message: "请输入密码", trigger: "blur" }],
        userType: [
          { required: true, message: "请选择用户类型", trigger: "blur" }
        ]
      }
    };
  },
  methods: {
    submit() {
      this.$refs.form.validate(valid => {
        if (valid) {
          login(
            this.formData.username,
            this.formData.password,
            this.formData.userType
          ).then(res => {
            this.$message.success("登录成功: " + res.username);
            this.$store.commit("login", res);
            this.$router.push({ name: "container" });
          });
        }
      });
    }
  }
};
</script>

<style scoped>
.login-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url("../assets/login-background.jpg");
  background-size: 100% 100%;
}

.form-title {
  width: 100%;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  border-bottom: 1px solid #ddd;
}

.login-form {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 350px;
  margin: -190px 0 0 -175px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.6);
  overflow: hidden;
}

.form-content {
  padding: 30px 30px;
}

.login-btn {
  text-align: center;
}

.login-btn button {
  width: 100%;
  height: 36px;
}

.el-radio {
  color: #fff;
}
</style>

源码下载

(CSDN 1积分下载)：https://download.csdn.net/download/caofeng891102/87857237
(免费领取加锋哥V：java9266)

免费分享一套 SpringBoot + Vue的排课/选课管理系统，挺漂亮的

项目介绍

系统展示

部分代码

源码下载

热门推荐

猜你喜欢