基于Vue+nodejs实现的前后端分离疫情防控系统

简介: 基于Vue+nodejs实现的前后端分离疫情防控系统

本项目主要实现校园/公司/各类组织疫情防控管理,个人健康上报功能,分为三个角色:

管理员:主要管理学生、教师、班级、通知信息

教师:主要管理学生的健康上报信息,通知信息,请假审批信息

学生:主要进行健康上报,请假,通知查看等功能

系统通过图形报表的形式来统计相关的信息,界面美观大方,功能全面,是一个难得的前端项目。可以根据需要修改为比如公司疫情防控系统、社区疫情防控系统等等。

项目编号:BS-QD-001

1.使用vue+element+vchar框架进行前端开发

2.使用nodejs+express+mysql+socket进行后台开发

3.前后端分离开发

4.数据库采用MYSQL+REDIS进行信息的存储

image.png

image.png

下面展示一下系统功能:

管理员登陆: admin /111111

image.png

后台首页:仪表盘

image.png

学生管理功能

image.png

可以通过EXCEL表格导入学生和老师

image.png

老师管理:同样可以通过EXCEL表格导入学生和老师

image.png

通知管理:

image.png

班级管理

image.png

学生登陆系统:znzbs005/111111

image.png

查看通知

image.png

每日健康填报

image.png

请假

image.png

个人信息管理

image.png

老师登陆

image.png

通知管理

image.png

请假审批:只能审批本班学生

image.png

个人信息修改

image.png

在线聊天

image.png

image.png

以上是展示的本系统的部分功能。

相关文章
|
2月前
|
JavaScript 前端开发 开发者
Vue.js 框架大揭秘:响应式系统、组件化与路由管理,震撼你的前端世界!
【8月更文挑战第27天】Vue.js是一款备受欢迎的前端JavaScript框架,以简洁、灵活和高效著称。本文将从三个方面深入探讨Vue.js:响应式系统、组件化及路由管理。响应式系统为Vue.js的核心特性,能自动追踪数据变动并更新视图。例如,通过简单示例代码展示其响应式特性:`{{ message }}`,当`message`值改变,页面随之自动更新。此外,Vue.js支持组件化设计,允许将复杂界面拆分为独立且可复用的组件,提高代码可维护性和扩展性。如创建一个包含标题与内容的简单组件,并在其他页面中重复利用。
58 3
|
11天前
|
JavaScript 前端开发
Vue、ElementUI配合Node、multiparty模块实现图片上传并反显_小demo
如何使用Vue和Element UI配合Node.js及multiparty模块实现图片上传并反显的功能,包括前端的Element UI组件配置和后端的Node.js服务端代码实现。
14 1
Vue、ElementUI配合Node、multiparty模块实现图片上传并反显_小demo
|
11天前
|
JavaScript 应用服务中间件 Linux
宝塔面板部署Vue项目、服务端Node___配置域名
本文介绍了如何使用宝塔面板在阿里云服务器上部署Vue项目和Node服务端项目,并配置域名。文章详细解释了安装宝塔面板、上传项目文件、使用pm2启动Node项目、Vue项目打包上传、以及通过Nginx配置域名和反向代理的步骤。
25 0
宝塔面板部署Vue项目、服务端Node___配置域名
|
11天前
|
JavaScript 前端开发
vue配合axios连接express搭建的node服务器接口_简单案例
文章介绍了如何使用Express框架搭建一个简单的Node服务器,并使用Vue结合Axios进行前端开发和接口调用,同时讨论了开发过程中遇到的跨域问题及其解决方案。
12 0
vue配合axios连接express搭建的node服务器接口_简单案例
|
28天前
|
JavaScript 前端开发 搜索推荐
推荐5款免费、开箱即用的Vue后台管理系统模板
推荐5款免费、开箱即用的Vue后台管理系统模板
|
1月前
|
存储 JavaScript 前端开发
Vue 3的响应式系统是如何工作的呢
【9月更文挑战第3天】Vue 3的响应式系统是如何工作的呢
27 4
|
1月前
|
缓存 JavaScript API
介绍一下Vue 3的响应式系统
【9月更文挑战第3天】介绍一下Vue 3的响应式系统
43 3
|
2月前
|
JavaScript
成功解决node、node-sass和sass-loader版本冲突问题、不需要降低node版本。如何在vue项目中安装node-sass,以及安装node-sass可能遇到的版本冲突问题
这篇文章介绍了在Vue项目中安装node-sass和sass-loader时遇到的版本冲突问题,并提供了解决这些问题的方法,包括在不降低node版本的情况下成功安装node-sass。
成功解决node、node-sass和sass-loader版本冲突问题、不需要降低node版本。如何在vue项目中安装node-sass,以及安装node-sass可能遇到的版本冲突问题
|
2月前
|
JavaScript
如何通过点击商品的信息(图片或者文字)跳转到更加详细的商品信息介绍(前后端分离之Vue实现)
该博客文章介绍了如何在Vue 2框架下实现前后端分离的商品信息展示和详情页跳转,包括排序筛选、详情展示、加入购物车和分享功能。
如何通过点击商品的信息(图片或者文字)跳转到更加详细的商品信息介绍(前后端分离之Vue实现)
|
2月前
|
JavaScript API
Vue——node-ops.ts【十三】
Vue——node-ops.ts【十三】
17 2
下一篇
无影云桌面