• springboot+vue+element简单实现教学课程申报管理系统

    目录

    一、项目预览

    二、项目效果图及说明

    1.项目说明

     1.登录

     2.欢迎页

     3.教师管理

    4.课程申报

    ​5.管理员管理

    三、代码实现

    1.后端项目结构图

    2.数据库表脚本

    3.路由配置

    四、总结

    一、项目预览

    • 在线预览：点击访问
    • 其他项目访问：点击访问
    • 后端实现框架：SpringBoot+OAuth2+Spring Security+Redis+mybatis-plus+mysql+swagger搭建实现
    • 前端框架实现：vue+element实现的独立vue项目

     前后端分离实现，项目使用传统vue项目结构实现，前端采用element实现。

    element官网：Element - The world's most popular Vue UI framework

     

    二、项目效果图及说明

    1.项目说明

    两种角色登录，管理员和教师，教师提交课程申请，然后管理员登录进行课程的审核和管理，审核通过或者审核不通过，不通过是需要填写审核不通过的原因，从而教师根据原因进行相应的修改，重新提交，管理员进行再次的审核。

     1.登录

    两种角色登录，管理员和教师，管理员和教师分为不同的表，项目兼容多表用户token登录

     2.欢迎页

     3.教师管理

    教师的增删改查操作

    4.课程申报

     只能由教师进行申报操作权限

    只能由管理员进行审核相关操作权限

    审核不通过时，需要填写原因，支持批量操作

     5.管理员管理

    管理员拥有全部权限

     教师只能查看管理员，无操作权限

    6.个人中心管理

    信息修改

     密码修改，修改成功后会退出登录，需要重新登录

    三、代码实现

    1.后端项目结构图

    2.数据库表脚本

    1. /*
    2.  Navicat Premium Data Transfer
    4.  Source Server         : tian-liao
    5.  Source Server Type    : MySQL
    6.  Source Server Version : 80027
    7.  Source Host           : localhost:3306
    8.  Source Schema         : course_apply
    10.  Target Server Type    : MySQL
    11.  Target Server Version : 80027
    12.  File Encoding         : 65001
    14.  Date: 15/11/2023 17:23:30
    15. */
    16.  
    17. SET NAMES utf8mb4;
    18. SET FOREIGN_KEY_CHECKS = 0;
    19.  
    20. -- ----------------------------
    21. -- Table structure for admin
    22. -- ----------------------------
    23. DROP TABLE IF EXISTS `admin`;
    24. CREATE TABLE `admin`  (
    25.   `id` int(0) NOT NULL AUTO_INCREMENT COMMENT '主键',
    26.   `username` varchar(60) NOT NULL COMMENT '用户名',
    27.   `password` varchar(100) NOT NULL COMMENT '登录密码',
    28.   `real_name` varchar(32) NULL DEFAULT NULL COMMENT '姓名',
    29.   `gender` tinyint(1) NULL DEFAULT 0 COMMENT '用户性别 0保密 1男 2女',
    30.   `avatar` varchar(300) NULL DEFAULT NULL COMMENT '头像',
    31.   `phone` varchar(20) NULL DEFAULT NULL COMMENT '手机',
    32.   `email` varchar(60) NULL DEFAULT NULL COMMENT '邮箱',
    33.   `remark` varchar(200) NULL DEFAULT NULL COMMENT '备注',
    34.   `status` tinyint(1) NULL DEFAULT 0 COMMENT '是否禁用 0否  1是',
    35.   `deleted` tinyint(1) NULL DEFAULT 0 COMMENT '逻辑删除标记 是否已删除: 0否  1是',
    36.   `create_system_time` datetime(0) NULL DEFAULT NULL COMMENT '创建时间',
    37.   `create_system_admin_id` int(0) NULL DEFAULT NULL COMMENT '创建人ID',
    38.   `update_system_time` datetime(0) NULL DEFAULT NULL COMMENT '更新时间',
    39.   `update_system_admin_id` int(0) NULL DEFAULT NULL COMMENT '修改人ID',
    40.   `admin_type` tinyint(1) NULL DEFAULT 1 COMMENT '管理员类型 0超级管理员 1普通管理员',
    41.   PRIMARY KEY (`id`) USING BTREE,
    42.   UNIQUE INDEX `admin_key_username`(`username`) USING BTREE
    43. ) ENGINE = InnoDB CHARACTER SET = utf8mb4 COMMENT = '管理员' ROW_FORMAT = Dynamic;
    44.  
    45. -- ----------------------------
    46. -- Records of admin
    47. -- ----------------------------
    48. INSERT INTO `admin` VALUES (1, 'admin', '$2a$10$YFlCYqEcQvQ2br484Ptxr.e7hJRFD/raJ/1WKc1A1uSTaw0hdyAla', '愛芳芳', 1, '/image/05a5880672fa44aea3e286698057d7f7.jpg', '15767978799', '3232', '', 0, 0, '2023-02-28 11:56:46', NULL, '2023-11-15 17:16:23', 1, 0);
    49.  
    50. -- ----------------------------
    51. -- Table structure for course_apply
    52. -- ----------------------------
    53. DROP TABLE IF EXISTS `course_apply`;
    54. CREATE TABLE `course_apply`  (
    55.   `id` int(0) NOT NULL AUTO_INCREMENT COMMENT '主键',
    56.   `teacher_id` int(0) NOT NULL COMMENT '申报教师主键',
    57.   `course_name` varchar(255) NOT NULL COMMENT '课程名称',
    58.   `credit` int(0) NOT NULL DEFAULT 0 COMMENT '学分',
    59.   `class_hour` int(0) NOT NULL DEFAULT 0 COMMENT '学时',
    60.   `open_time_start` int(0) NOT NULL DEFAULT 0 COMMENT '开课开始时间(几周到几周，比如一到10周)',
    61.   `open_time_end` int(0) NOT NULL DEFAULT 0 COMMENT '开课结束时间(几周到几周，比如一到10周)',
    62.   `length` int(0) NOT NULL DEFAULT 0 COMMENT '时长（节）',
    63.   `year` varchar(255) NOT NULL COMMENT '授课年级',
    64.   `teaching_class` varchar(255) NOT NULL COMMENT '授课班级',
    65.   `place` varchar(255) NOT NULL COMMENT '授课地点',
    66.   `course_type` tinyint(1) NULL DEFAULT 0 COMMENT '1选修课 2必修课',
    67.   `remark` varchar(255) NULL DEFAULT NULL COMMENT '备注（退回理由）',
    68.   `status` tinyint(1) NULL DEFAULT 1 COMMENT '审核状态 1待审核 2审核通过 3审核不通过',
    69.   `deleted` tinyint(1) NULL DEFAULT 0 COMMENT '逻辑删除标记 是否已删除: 0否  1是',
    70.   `create_system_time` datetime(0) NULL DEFAULT NULL COMMENT '创建时间',
    71.   `create_system_admin_id` int(0) NULL DEFAULT NULL COMMENT '创建人ID',
    72.   `update_system_time` datetime(0) NULL DEFAULT NULL COMMENT '更新时间',
    73.   `update_system_admin_id` int(0) NULL DEFAULT NULL COMMENT '修改人ID',
    74.   PRIMARY KEY (`id`) USING BTREE
    75. ) ENGINE = InnoDB CHARACTER SET = utf8mb4 COMMENT = '课程申请表' ROW_FORMAT = Dynamic;
    76.  
    77. -- ----------------------------
    78. -- Table structure for teacher
    79. -- ----------------------------
    80. DROP TABLE IF EXISTS `teacher`;
    81. CREATE TABLE `teacher`  (
    82.   `id` int(0) NOT NULL AUTO_INCREMENT COMMENT '主键',
    83.   `real_name` varchar(32) NULL DEFAULT NULL COMMENT '姓名',
    84.   `job_number` varchar(32) NULL DEFAULT NULL COMMENT '工号',
    85.   `job_name` varchar(255) NULL DEFAULT NULL COMMENT '职称',
    86.   `department` varchar(255) NULL DEFAULT NULL COMMENT '所在系',
    87.   `username` varchar(10) NOT NULL COMMENT '用户名',
    88.   `password` varchar(255) NOT NULL COMMENT '登录密码 加密',
    89.   `phone` varchar(20) NULL DEFAULT NULL COMMENT '手机号',
    90.   `avatar` varchar(225) NULL DEFAULT NULL COMMENT '头像',
    91.   `gender` tinyint(1) NULL DEFAULT 0 COMMENT '性别 0保密 1男 2女',
    92.   `remark` varchar(225) NULL DEFAULT NULL COMMENT '备注',
    93.   `status` tinyint(1) NULL DEFAULT 0 COMMENT '是否禁用 0否 1是',
    94.   `deleted` tinyint(1) NULL DEFAULT 0 COMMENT '逻辑删除标记 是否已删除: 0否  1是',
    95.   `create_system_time` datetime(0) NULL DEFAULT NULL COMMENT '创建时间',
    96.   `create_system_admin_id` int(0) NULL DEFAULT NULL COMMENT '创建人ID',
    97.   `update_system_time` datetime(0) NULL DEFAULT NULL COMMENT '更新时间-管理员',
    98.   `update_system_admin_id` int(0) NULL DEFAULT NULL COMMENT '修改人ID-管理员',
    99.   PRIMARY KEY (`id`) USING BTREE,
    100.   UNIQUE INDEX `username`(`username`) USING BTREE
    101. ) ENGINE = InnoDB AUTO_INCREMENT = 2 CHARACTER SET = utf8mb4 COMMENT = '教师表' ROW_FORMAT = Dynamic;
    102.  
    103. SET FOREIGN_KEY_CHECKS = 1;

    3.路由配置

    1. import Vue from 'vue'
    2. import Router from 'vue-router'
    3. import Layout from '@/page/index/index'
    4.  
    5. Vue.use(Router)
    6.  
    7. const router = new Router({
    8.   routes: [
    9.     {
    10.       path: '/login',
    11.       name: '登录页',
    12.       component: () =>
    13.         import( /* webpackChunkName: "page" */ '@/page/login/index'),
    14.       meta: {
    15.         keepAlive: true,
    16.         isTab: false,
    17.         isAuth: false
    18.       }
    19.     },
    20.     {
    21.       path: '/',
    22.       component: Layout,
    23.       hidden: true,
    24.       redirect: '/wel',
    25.       children: [{
    26.         path: 'wel',
    27.         name: '欢迎',
    28.         activeMenu: '/home',
    29.         component: () => import( /* webpackChunkName: "views" */ '@/views/wel/index'),
    30.         meta: {
    31.           title: '欢迎',
    32.           icon: 'dashboard'
    33.         }
    34.       }]
    35.     },
    36.     {
    37.       path: '/403',
    38.       component: resolve => require(['../views/403'], resolve),
    39.       hidden: true
    40.     },
    41.  
    42.     {
    43.       path: '/404',
    44.       component: resolve => require(['../views/404'], resolve),
    45.       hidden: true
    46.     },
    47.     {
    48.       path: '/teacher',
    49.       component: Layout,
    50.       redirect: '/teacher/index',
    51.       children: [{
    52.         path: 'index',
    53.         name: '教师管理',
    54.         component: () =>
    55.           import( /* webpackChunkName: "views" */ '@/views/teacher/index')
    56.       }]
    57.     },
    58.     {
    59.       path: '/courseApply',
    60.       component: Layout,
    61.       redirect: '/courseApply/index',
    62.       children: [{
    63.         path: 'index',
    64.         name: '课程申报列表',
    65.         component: () =>
    66.           import( /* webpackChunkName: "views" */ '@/views/course_apply/index')
    67.       }]
    68.     },
    69.     {
    70.       path: '/admin',
    71.       component: Layout,
    72.       redirect: '/admin/index',
    73.       children: [{
    74.         path: 'index',
    75.         name: '管理员管理',
    76.         component: () =>
    77.           import( /* webpackChunkName: "views" */ '@/views/admin/index')
    78.       }]
    79.     },
    80.     {
    81.       path: '/personalInfo',
    82.       component: Layout,
    83.       redirect: '/personalInfo/index',
    84.       name: '个人信息',
    85.       meta: {
    86.         title: '个人信息',
    87.         icon: 'user'
    88.       },
    89.       children: [{
    90.         path: 'index',
    91.         name: '个人信息',
    92.         component: () => import('@/views/personalInfo/index'),
    93.         meta: {
    94.           title: '个人信息',
    95.           icon: 'table'
    96.         }
    97.       }]
    98.     }
    99.   ]
    100. })
    101.  
    102. export default router

    四、总结

    项目功能完整，后续可能将不断升级。

    关注作者，及时了解更多好项目！

    作者主页也有更多 好项目分享！

    获取源码或如需帮助，可通过博客后面名片+作者即可！

  • 相关阅读:
    人工智能在网络流量分析中的研究与应用
    微服务9：服务治理来保证高可用
    大三学生HTML期末作业,网页制作作业——HTML+CSS+JavaScript饮品饮料茶(7页)
    智慧灯杆网关智慧交通应用
    【华为OD机试真题 python】金字塔【2022 Q4 | 100分】
    《Rust权威指南》读书笔记6 - Enums and Pattern Matching
    如何实现不同 Vue 项目的 npm 和 Node.js 环境进行隔离
    专注芯片交易，95后创建趣买卖进军芯片市场，抢占万亿蓝海新商机
    中文转拼音的方法
    提取字符串单引号内的字符——Python for循环代码“异想天开”
  • 原文地址：https://blog.csdn.net/lucky_fang/article/details/134467226