## 互动课堂系统简介
学生互动课堂系统,包含微信小程序、PC界面后台管理。采用前后端分离开发模式。模块interactiveClassUI,使用uni app、vue开发互动课堂微信小程序。模块interactiveClassAdminUi,基于vue admin tempalate 二次开发后台管理系统。
### 一、模块简单说明
#### 1.模块interactive-class 简单说明
* 系统后端,为小程序、后台PC系统提供json接口。使用Spring boot、mybatis-plus、mybatis(数据库持久层框架)、shiro(系统权限控制)、MySQL等技术开发。
* 项目启动。使用idea导入项目,下载maven依赖,运行ClassSystemApplication类main方法启动程序。
* 数据库使用mysql
* 前后端使用token验证户信息。
#### 2.模块interactiveClassAdminUi 简单说明
* 互动课堂PC端后台代码(系统后台管理),基于[vue admin tempalate](https://panjiachen.gitee.io/vue-element-admin-site/zh/)开发,使用技术主要有vue、axios、vue router。
* 系统运行。第一次运行需要下载npm 依赖包,npm install(从网上下载npm 依赖包)。npm依赖下载完成后,执行启动命令:**npm run dev**,可以启动前端程序。
*注意在npm install安装依赖环境中可能会出现安装sass失败,原因是默认是从github下载存在外网限制,建议更换为国内淘宝镜像或者国内其它镜像下载*
#### 3.模块interactiveClassUI 简单说明
这个目录是小程序运行的代码,基于[uni-app](https://uniapp.dcloud.io/collocation/pages)开发,开发微信小程序。使用第三方UI库:[vant-weapp](https://youzan.github.io/vant-weapp/#/button)。搭建系统环境,与普通vue项目一样。 启动程序类似于上面的PC前端,第一步需要安装依赖环境:npm install , 第二步运行程序:**npm run dev:mp-weixin **
### 二、系统功能
1.微信小程序。老师和学生可通过微信端注册用户。老师:新建班级->新建课程(添加现有的班级)->老师分享班级二维码可邀请学生加入班级。学生通过二维码加入班级,课堂讨论、做试卷。
2. PC后台系统。老师可以管理自己学生信息、管理班级信息、上传课件、查看作业。学生登录可以上传作业。
### 三、系统运行效果
#### 1、小程序运行效果
* 系统首页
![1596265204304](./系统运行界面/mp-index.png)
* 班级管理
![1596265289259](./系统运行界面/mp-classList.png)
#### 2、PC后台台运行效果如下图片(学生、老师管、理员登录看的界面不同)
* 用户管理(老师只能看到自己学生)
![1596262376053](./系统运行界面/userList.png)
* 课件列表、
![1596261947532](./系统运行界面/course-list.png)
添加课件
![1596262250369](./系统运行界面/addcource.png)
* 用户列表(管理员可以查看所有用户)
![1596262760205](./系统运行界面/user-admin.png)
### 四、系统运行说明
1. 安装系统运行基本软件。需要安装mysql、jdk(要求1.8)、maven、微信小程序开发者工具、npm、git(不是必须,建议安装)。
2、 下载代码。可以通过git命令:git clone https://gitee.com/ThreePeoplePlay/interactiveClass 下载代码。建议代码导入idea查看运行效果。
3. 配置maven依赖(建议使用阿里镜像)、下载系统 maven依赖。新建数据库interactive_class,导入sql脚本。(SQL脚本位置: 代码根路径\interactiveClass\interactive-class\sql\interactive_class.sql)。
4. 启动系统后端,运行模块class-system->com.code.classsystem.ClassSystemApplication main方法,观看系统后端是否启动。
5. 启动系统前端微信小程序。进入模块interactiveClassUI 根目录(该路径下面有package.json),第一次启动首先在根目录执行cmd命令:npm install,安装依赖。执行命令:npm run dev:mp-weixin,打包成微信小程序,使用微信小程序开发工具导入生成目录下interactiveClassUI/dist/dev/mp-weixin。在微信小程序查看运行效果(微信小程序系统启动请参考uni app)。
6. 启动系统后台PC界面。进入模块interactiveClassAdminUi 根目录(该路径下面有package.json),第一次启动首先在根目录执行cmd命令:npm install,安装依赖。执行命令:npm run dev,系统启动成功,可以在浏览器看到运行效果。(学生登录:123456/123456,老师登录:8888/8888,管理员登录:999/999,具体参看user表)
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
包含PC后台系统、微信小程序,采用前后端分离开发模式。使用Spring boot、uni app、vue、vue admin template开发微信小程序、PC后台管理系统。 毕业设计是高等教育阶段学生在完成学业前所进行的一项重要学术任务,旨在检验学生通过学习所获得的知识、技能以及对特定领域的深刻理解能力。这项任务通常要求学生运用所学专业知识,通过独立研究和创新,完成一个实际问题的解决方案或者开展一项有价值的项目。 首先,毕业设计的选择通常由学生根据个人兴趣、专业方向以及实际需求来确定。学生需要在导师的指导下明确研究目标、问题陈述,确立研究的范围和深度。毕业设计可以包括文献综述、需求分析、方案设计、实施与测试等多个阶段,以确保整个过程的科学性和系统性。 其次,毕业设计的完成通常需要学生具备一定的独立思考和解决问题的能力。在研究过程中,学生可能需要采用各种研究方法,如实验、调查、案例分析等,以获取必要的数据和信息。通过这些活动,学生能够培养扎实的专业技能,提升解决实际问题的实际能力。 第三,毕业设计的撰写是整个过程的重要组成部分。学生需要将研究过程、方法、结果以及结论等详细记录在毕业论文中,以展示其研究的全貌和成果。同时,撰写毕业设计还有助于提高学生的学术写作水平,培养清晰、逻辑的表达能力。 最后,毕业设计的评价通常由导师和相关专业人士进行。评价标准包括研究的创新性、实用性、方法的科学性以及论文的质量等方面。学生在毕业设计中获得的成绩也将直接影响其最终的学业成绩和学位授予。 总的来说,毕业设计是高等教育中的一项重要环节,通过此过程,学生不仅能够巩固所学知识,还能培养独立思考和解决问题的能力,为将来的职业发展奠定坚实的基础。
资源推荐
资源详情
资源评论
收起资源包目录
使用Spring boot、uni app、vue 学生互动课堂.zip (806个子文件)
uni-common.css 25KB
common.css 127B
.env.development 579B
.editorconfig 243B
.eslintignore 34B
.gitignore 376B
.gitignore 339B
.gitignore 338B
.gitignore 337B
.gitignore 235B
.gitignore 203B
.gitignore 190B
index.html 1KB
index.html 620B
favicon.ico 66KB
WebSocketServer.java 10KB
CourseServiceImpl.java 9KB
Generator.java 6KB
ShiroConfig.java 6KB
UserController.java 5KB
UserServiceImpl.java 4KB
GlobalExceptionHandler.java 4KB
FileRequestController.java 4KB
User.java 4KB
FileUtils.java 4KB
CourseController.java 4KB
LoginFilter.java 4KB
PaperQuestion.java 3KB
PaperServiceImpl.java 3KB
Paper.java 3KB
ClassServiceImpl.java 3KB
UserRealm.java 3KB
HomeWork.java 3KB
Course.java 3KB
ClassUserServiceImpl.java 3KB
ClassController.java 3KB
PaperController.java 3KB
ClassUserController.java 3KB
CourseResource.java 3KB
HomeWorkController.java 3KB
Class.java 3KB
HomeWorkServiceImpl.java 3KB
UserSign.java 2KB
CourseResourceServiceImpl.java 2KB
Msg.java 2KB
UserQuestion.java 2KB
Notice.java 2KB
CourseResourceController.java 2KB
ClassUser.java 2KB
UserSignController.java 2KB
NoticeController.java 2KB
Role.java 2KB
PropertiesUtil.java 2KB
DruidConfig.java 2KB
IPUtil.java 2KB
PaperQuestionController.java 2KB
UserQuestionController.java 2KB
ShiroUtils.java 2KB
FileRequestMappingConfig.java 2KB
UserQuestionServiceImpl.java 2KB
FileRequestConfig.java 2KB
UserScore.java 2KB
SpringApplicationUtil.java 2KB
WebMvcConfiguration.java 2KB
UserScoreController.java 1KB
PaperQuestionServiceImpl.java 1KB
SwaggerConfig.java 1KB
NoticeServiceImpl.java 1KB
ClassCourse.java 1KB
MySessionManager.java 1KB
UserScoreServiceImpl.java 1KB
CourseInfoVo.java 1KB
TestCode.java 1KB
UserSignServiceImpl.java 1KB
ErrorEnum.java 1KB
HttpContextUtils.java 1KB
MsgServiceImpl.java 1KB
WebsocketConfiguration.java 1KB
ValidatorConfig.java 1KB
AuthorUrlConfig.java 1KB
MsgController.java 1KB
CourseAndClass.java 1KB
ClassSystemApplication.java 1018B
ClassStudent.java 1016B
ClassUserCacheService.java 1010B
DBPropertiesUtils.java 1006B
ApplicationContextInfoUtils.java 982B
ValidationUtils.java 976B
PaperResultVo.java 952B
ShiroExceptionHandler.java 951B
ResponseResultUtil.java 932B
CourseService.java 925B
ClassService.java 916B
ClassUserMapper.java 911B
SignVo.java 902B
DateUtils.java 893B
ClassCourseServiceImpl.java 879B
CookieUtil.java 869B
UserService.java 861B
TokenUtil.java 828B
共 806 条
- 1
- 2
- 3
- 4
- 5
- 6
- 9
资源评论
JJJ69
- 粉丝: 6208
- 资源: 5783
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于opencv的dnn模块实现Yolo-Fastest的目标检测python源码+模型+说明(高分项目).zip
- 使用Python调用微信本地ocr服务.zip
- 【精品推荐】人工智能在医疗中的应用.pptx
- 【精品推荐】电子医疗仪器人机接口-(1).ppt
- 【精品推荐】电子医疗仪器人机接口.ppt
- ubuntu镜像ubuntu镜像01
- 基于paddle搭建神经网络实现5种水果识别分类python源码+数据集(高分毕设).zip
- 【精品推荐】电子商务网店类型介绍.ppt
- 基于paddle搭建神经网络实现水果识别分类python源码+数据集(高分项目).zip
- 三菱plc编程口通信学习笔记.doc
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功