[附源码]Node.js计算机毕业设计翻转课堂微视频管理系统Express

news2024/11/24 15:19:46

5.1系统功能模块

翻转课堂微视频管理系统,在系统首页可以查看首页、课程信息、通知公告、微视频、试卷列表、翻转资讯、留言反馈、个人中心、后台管理等内容,如图5-1所示。

图5-1系统首页界面图

 

   

    课程信息,在课程信息页面可以查看课程编号、课程名称、封面、教师工号、教师姓名、发布时间等信息,如图5-2所示。

图5-2课程信息界面图

 

学生注册,在学生注册页面通过填写学生账号、学生姓名、密码、联系电话、邮箱等信息完成学生注册,如图5-3所示。

图5-3学生界面图

 

微视频,在微视频页面可以查看标题、封面、视频、教师工号、教师姓名、发布时间等信息,如图5-4所示。

图5-4微视频界面图

 

个人中心,在个人中心页面通过填写学生账号、学生姓名、密码、性别、联系电话、邮箱;考试记录、错题本、我的收藏等信息进行更新信息,根据需要对考试记录、错题本、我的收藏进行相对应操作,如图5-5所示。

图5-5个人中心界面图

 

5.2管理员功能模块

管理员登录,通过填写注册时输入的用户名、密码、角色进行登录,如图5-6所示。

图5-6管理员登录界面图

 

管理员登录进入翻转课堂微视频管理系统可以查看首页、个人中心、教师管理、学生管理、课程信息管理、通知公告管理、微视频管理、学习进度管理、催促学习管理、试卷管理、试题管理、留言板管理、我的收藏管理、系统管理、考试管理等信息,如图5-7所示。

图5-7管理员功能界面图

 

教师管理,在教师管理页面中可以查看索引、教师工号、密码、教师姓名、性别、职称、联系电话、教师邮箱等信息,并可根据需要进行修改或删除等操作,如图5-8所示。

图5-8教师管理界面图

 

学生管理,在学生管理页面中可以查看索引、学生账号、学生姓名、密码、性别、联系电话、邮箱等信息,并可根据需要进行修改或删除等操作,如图5-9所示。

图5-9学生管理界面图

 

课程信息管理,在课程信息管理页面中可以查看索引、课程编号、课程名称、封面、教师工号、教师姓名、发布时间等信息,并可根据需要进行修改或删除等操作,如图5-10所示。

图5-10课程信息管理界面图

 

通知公告管理,在通知公告管理页面中可以查看索引、封面、标题、发布时间等信息,并可根据需要进行修改或删除等操作,如图5-11所示。

图5-11通知公告管理界面图

 

微视频管理,在微视频管理页面中可以查看索引、标题、封面、视频、教师工号、教师姓名、发布时间等信息,并可根据需要进行修改或删除等操作,如图5-12所示。

图5-12微视频管理界面图

 

学习进度管理,在学习进度管理页面中可以查看索引、标题、学生账号、学生姓名、教师工号、教师姓名、已完成进度、提交时间、审核回复、审核状态等信息,并可根据需要进行修改或删除等操作,如图5-13所示。

图5-13学习进度管理界面图

 

催促学习管理,在催促学习管理页面中可以查看索引、标题、学生账号、学生姓名、已完成进度、教师工号、教师姓名、催促内容、登记时间等信息,并可根据需要进行修改或删除等操作,如图5-14所示。

图5-14催促学习管理界面图

 

试卷管理,在试卷管理页面中可以查看索引、试卷名称、考试时长(分钟)、试卷状态等信息,并可根据需要进行修改或删除等操作,如图5-15所示。

图5-15试卷管理界面图

 

留言板管理,在留言板管理页面中可以查看索引、用户名、留言内容、回复内容等信息,并可根据需要进行回复、修改或删除等操作,如图5-16所示。

图5-16留言板管理界面图

 

我的收藏管理,在我的收藏管理页面中可以查看索引、收藏id、表名、收藏名称、收藏图片等信息,并可根据需要进行修改或删除等操作,如图5-17所示。

图5-17我的收藏管理界面图

 

系统管理,在翻转资讯页面中可以查看索引、标题、简介、图片等信息,并可根据需要对轮播图管理进行相对应操作,如图5-18所示。

图5-18系统管理界面图

 

5.3教师功能模块

教师登录进入翻转课堂微视频管理系统可以查看首页、个人中心、课程信息管理、微视频管理、学习进度管理、催促学习管理等内容,如图5-19所示。

图5-19教师功能界面图

 

个人中心,在个人中心页面中通过填写教师工号、教师姓名、性别、职称、联系电话、教师邮箱等信息对个人信息进行修改,如图5-20所示。

图5-20个人中心界面图

 

课程信息管理,在课程信息管理页面中可以查看索引、课程编号、课程名称、封面、教师工号、教师姓名、发布时间等信息,并可根据需要进行修改或删除等操作,如图5-21所示。

图5-21课程信息管理界面图

 

微视频管理,在微视频管理页面中可以查看索引、标题、封面、视频、教师工号、教师姓名、发布时间等信息,并可根据需要进行修改或删除等操作,如图5-22所示。

图5-22微视频管理界面图

 

学习进度管理,在学习进度管理页面中可以查看索引、标题、学生账号、学生姓名、教师工号、教师姓名、已完成进度、提交时间、审核回复、审核状态、审核等信息,并可根据需要进行催促学习或删除等操作,如图5-23所示。

图5-23学习进度管理界面图

 

5.4学生功能模块

学生登录进入翻转课堂微视频管理系统可以查看首页、个人中心、学习进度管理、催促学习管理、我的收藏管理、考试管理等内容,如图5-24所示。

图5-24学生功能界面图

 

考试管理,在考试记录页面中可以查看用户ID、试卷、考试得分等信息,并可根据需要对试卷列表、错题本进行相对应操作操作,如图5-25所示。

图5-25考试管理界面图

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/89555.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

第二十一章 Prim算法与Kruskal算法(通俗证明与详细讲解)

第二十一章 Prim算法与Kruskal算法一、最小生成树二、prim算法1、算法思路2、算法模板(1)问题(2)模板(3)分析4、常见疑惑(1)与dijkstra算法的区别以及循环次数问题:&…

ASEMI肖特基二极管MBR20200FCT特征,MBR20200FCT应用

编辑-Z ASEMI肖特基二极管MBR20200FCT参数: 型号:MBR20200FCT 最大重复峰值反向电压(VRRM):200V 最大RMS电桥输入电压(VRMS):140V 最大直流阻断电压(VDC&#xff09…

Visual Studio配置c环境

Visual Studio配置c环境 Visual Studio配置c环境 1 下载Visual Studio 下载Visual Studio软件可以直接在其内进行c的运行,不需要配置。官网,其中社区版免费。 2 安装Visual Studio 2.1 VS把我们想使用到的开发语言和应用都已经归类好,我们…

Python学习基础笔记四十九——类的命名空间

1、创建一个类就创建了一个类的名称空间,用来存储类中定义的所有名字,这些名字称为类的属性。而类中可以定义两种属性: 静态属性:就是直接在类中定义的变量。 动态属性:就是定义在类中的方法。 class Course:langua…

直播基本流程【推流-播流-流媒体服务器】

直播基本流程 这里不涉及到业务相关 , 这里简要说明直播流程 推流端: 负责将本地的音视频数据推送至流媒体服务器 流程:音视频数据采集->编码->封装->协议封包 功能:美颜滤镜、音效处理、回音消除 播流端&#xff1…

SpringBoot2核心技术(核心功能)- 04、配置文件【4.1 yaml的用法 + 4.2 自定义类绑定的配置提示】

核心功能概览 1、文件类型 1.1、properties 同以前的properties用法 1.2、yaml 1.2.1、简介 YAML 是 “YAML Ain’t Markup Language”(YAML 不是一种标记语言)的递归缩写。在开发的这种语言时,YAML 的意思其实是:“Yet An…

猿如意中的【editorconfig-222.2889.3】工具详情介绍

一、工具名称 editorconfig-222.2889.3 二、下载安装渠道 editorconfig-222.2889.3 通过CSDN官方开发的【猿如意】客户端进行下载安装。 2.1 什么是猿如意? 猿如意是一款面向开发者的辅助开发工具箱,包含了效率工具、开发工具下载,教程文…

《Fluent Python》笔记 | 协程

生成器作为协程 协程是指一个过程, 这个过程与调用方协作, 产出由调用方提供的值。 协程使用的简单演示(用作协程的生成器): >>> def simple_coroutine(): # 生成器函数 ... print(-> coroutine starte…

JavaScript系列之通过babel体验ES6模块化

文章の目录一、创建项目文件夹二、打开cmd窗口三、初始化项目四、安装依赖模块五、项目根目录创建文件六、在babel.config.js 文件中添加如下配置七、编写代码八、执行代码九、相关项目依赖写在最后一、创建项目文件夹 名称不要使用中文,不能使用 babel&#xff0c…

[附源码]计算机毕业设计的旅游景点管理系统的设计与实现Springboot程序

项目运行 环境配置: Jdk1.8 Tomcat7.0 Mysql HBuilderX(Webstorm也行) Eclispe(IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持)。 项目技术: Springboot mybatis MavenVue等等组成,B/S模式…

VS Code —— 介绍如何配置快捷代码片段和一些自用插件

VS Code —— 介绍如何配置快捷代码片段和一些自用插件 《工欲善其事,必先利其器》—— 既然点进来了,麻烦你看下去,希望你有不一样的收获~ 一、配置代码片段 打开 VS Code,输入快捷键 Ctrl Shift p,打开面板&#…

继真人秀后的又一次大赛,万应低代码一路向前

12月8日,凛冬的长沙,比赛现场暖气充足,11 个参赛团队的队长正在台下跃跃欲试,本届“万应杯”低代码应用开发大赛已经开启月余,大家都很期待能在淘汰赛上一展身手。 他们手上的项目,涉及到建筑、园区、生鲜…

30、基于51单片机的数字电压表(ADC0809)(Proteus仿真+程序)

编号:30 基于51单片机的数字电压表(ADC0809) 功能描述: 本设计由51单片机最小系统ADC0809模块八路路模拟量输入模块12864显示模块 1、主控制器是89C52单片机 2、ADC0809模数转换器进行A/D转换,读取电压八路数据&…

现在转行码农的成本已经非常高了,别盲目转行..

转行码农一直是个比较火热的话题,也有很多读者咨询过这个问题,转成功的也不少,比如下面这位香港的同学: 这位朋友半年前就跟我聊过,他不太想干没有技术含量的体力活,一直在坚持自学,这也算如愿…

软件测试基础知识总结(面试临时抱佛脚)

之前有将基础的软件测试知识做了一个总结,但比较潦草,很多内容只是一笔带过,快到年底了,自己也有个写年终知识总结文档的计划,就将基础的理论知识重新整理一番。。。 有人问我,这些都是能搜索到的知识&…

65-82-springcloud-gateway-config-bus

65-82-springcloud-gateway-config-bus: Gateway gateway官网:https://cloud.spring.io/spring-cloud-static/spring-cloud-gateway/2.2.1.RELEASE/reference/html/ 1、什么是gateway Gateway是在Spring生态系统之上构建的API网关服务,基…

c++引用

1.什么是c引用&#xff1f; 引用是c对c的重要扩充。c中新增了引用的概念&#xff0c;引用可以作为一个已定义变量的别名。 #include "stdafx.h" #include <iostream> using namespace std; // 1.引用的基本使用 void test01(){int a 10;// 给变量a取一个别名…

金仓数据库KingbaseES 归档日志清理

WAL是Write Ahead Log的简写&#xff0c;和Oracle的redo日志类似&#xff0c;在R3版本存放在data/sys_log中&#xff0c;R6版本以后在data/sys_wal目录&#xff0c;在数据库访问过程中&#xff0c;任何对数据块的修改都会记录到wal日志&#xff0c;并写入到wal文件保存到磁盘&a…

PMP有没有必要续证呢?

在还只看到标题的时候&#xff0c;我当时就觉得必须续啊&#xff0c;为什么不续&#xff0c;我花了那么多时间精力和钱财去考的&#xff0c;我自然得去给它续上&#xff0c;不然白拿了&#xff0c;才拿了三年我还没捂热就给我失效了多不值。 首先美国PMI要求PMP证书是三年一换…

面试题 :Unity编辑器基础

1、请描述游戏动画有几种&#xff0c;以及其原理。 关键帧动画&#xff1a;每一帧动画序列当中包含了顶点的空间位置信息以及改变量&#xff0c;然后通过插值运算&#xff0c;得出动画效果。选中某一游戏对象&#xff0c;创建animation&#xff0c;添加属性Transform&#xff0…