计算机毕业设计java微信小程序的学生选课系统ssmvue毕设

第五章系统功能实现

一、技术路线：

开发语言：Java

前端技术：JavaScript、VUE.js（2.X）、css3

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

https://www.bilibili.com/video/BV1HM411Q7Gk/

三、运行截图：

3.1小程序端

登录，用户通过输入账号和密码，选择角色并点击登录进行系统登录操作，如图3-1所示。

图3-1登录界面图

学生注册，在注册页面通过填写学号、姓名、密码、确认密码、性别、年龄、手机、邮箱、学院、专业等信息进行注册操作；如图3-2所示。

图3-2学生注册界面图

学生登陆小程序端，可以对首页、课程信息、我的等功能进行详细操作，如图3-3所示。

图3-3小程序端首页界面图

课程信息，在课程信息页面可以查看课程编号、课程名称、封面、课程类型、学时、学分、开课时间、结束日期、考核方式、人数、教师工号、教师姓名等信息，根据需要进行选课信息操作，如图3-4所示。

图3-4课程信息界面图

学生，在我的页面可以对选课信息、取消选课、我的收藏管理等详细信息进行操作，如图3-5所示。

图3-5学生界面图

用户信息，在用户信息页面通过填写学号、姓名、密码、性别、年龄、手机、邮箱、学院、专业、头像等信息进行保存操作，如图3-6所示。

图3-6用户信息界面图

3.2管理员功能模块

管理员登录，管理员通过输入账号、密码，选择角色并点击登录进行系统登录操作，如图3-7所示。

图3-7管理员登录界面图

管理员登陆系统后，可以对首页、个人中心、学生管理、教师管理、课程类型管理、课程信息管理、选课信息管理、取消选课管理、管理员管理、系统管理等功能进行相应操作，如图3-8所示。

图3-8管理员功能界面图

学生管理，在学生管理页面可以对索引、学号、姓名、性别、年龄、手机、邮箱、学院、专业、头像等内容进行详情、修改或删除等操作，如图3-9所示。

图3-9学生管理界面图

教师管理，在教师管理页面可以对索引、教师工号、教师姓名、性别、职称、电话、照片、班级等内容进行详情、修改或删除等操作，如图3-10所示。

图3-10教师管理界面图

课程信息管理，在课程信息管理页面可以对索引、课程编号、课程名称、封面、课程类型、学时、学分、开课时间、结束日期、考核方式、人数、教师工号、教师姓名等内容进行详情、选课信息、修改或删除等操作，如图3-12所示。

图3-12课程信息管理界面图

选课信息管理，在选课信息管理页面可以对索引、课程编号、课程名称、封面、课程类型、学时、学分、开课时间、结束日期、考核方式、人数、教师工号、教师姓名、学号、姓名、手机、申请时间、状态等内容进行详情操作，如图3-13所示。

图3-13选课信息管理界面图

管理员管理，在管理员管理页面可以对索引、用户名、密码、角色等内容进行详情、修改或删除等操作，如图3-14所示。

图3-14管理员管理界面图

系统管理，在轮播图管理页面可以对索引、名称、值等内容进行详情、修改等操作，还可对选课介绍进行详细操作，如图3-15所示。

图3-15系统管理界面图

3.2教师功能模块

教师登陆系统后，可以对首页、个人中心、课程信息管理、选课信息管理、取消选课管理等功能进行相应操作，如图3-16所示。

图3-16教师功能界面图

课程信息管理，在课程信息管理页面可以对索引、课程编号、课程名称、封面、课程类型、学时、学分、开课时间、结束日期、考核方式、人数、教师工号、教师姓名等内容进行详情、修改或删除等操作，如图3-17所示。

图3-17课程信息管理界面图

取消选课管理，在取消选课管理页面可以对索引、课程编号、课程名称、封面、课程类型、学时、学分、开课时间、结束日期、考核方式、人数、教师工号、教师姓名、学号、姓名、手机、取消原因、取消时间、审核回复等内容进行详情操作，如图3-18所示。

图3-18取消选课管理界面图