计算机毕业设计java基于微信小程序的高校课堂教学管理系统ssmvue毕设

一、技术路线：

开发语言：Java

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

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

三、运行截图：

5系统详细设计

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.2.1管理员功能模块

管理员登陆系统后，可以对首页、个人中心、教师管理、学生管理、课程分类管理、课程资源管理、互动论坛、系统管理等功能进行详细操作，如图3-8所示。

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

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

图3-9教师管理界面图

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

图3-10学生管理界面图

课程分类管理，在课程分类管理页面可以对索引、课程分类等内容进行修改和删除等操作，如图3-11所示。

图3-11课程分类管理界面图

课程资源管理，在课程资源管理页面可以对索引、课程名称、课程分类、课程视频、发布时间、资源图片、教师工号、教师姓名等内容进行详情，修改，查看评论或删除操作，如图3-12所示。

图3-12课程资源管理界面图

互动论坛，在互动论坛页面可以对索引、帖子标题、用户名、状态等内容进行详情，修改，查看评论或删除操作，如图3-13所示。

图3-13互动论坛界面图

系统管理，在系统公告页面可以对索引，标题，图片等内容进行详情，修改和删除等操作，还可以对轮播图管理进行详细操作；如图3-14所示。

图3-14系统管理界面图

3.2.2教师功能模块

教师登陆系统后，可以对首页、个人中心、课程资源管理、试题管理、课堂测试管理等功能进行详细操作，如图3-15所示。

图3-15教师功能界面图

课程资源管理，在课程资源管理页面可以对索引、课程名称、课程分类、课程视频、发布时间、资源图片、教师工号、教师姓名等内容进行详情，修改，查看评论或删除操作，如图3-16所示。

图3-16课程资源管理界面图

试题管理，在试题管理页面可以对课堂测试、试题名称、分值、答案、类型等内容进行修改和删除操作，如图3-17所示。

图3-17试题管理界面图

课堂测试管理，在课堂测试管理页面可以对索引、课堂测试名称、测试时长（分钟）、课堂测试状态等内容进行详情，修改和删除操作，如图3-18所示。

图3-18课堂测试管理界面图