基于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

以上是展示的本系统的部分功能。侵权立删。

相关文章
|
6天前
|
JavaScript 前端开发 UED
Vue工具和生态系统: Vue.js和服务器端渲染(SSR)有关系吗?请解释。
Vue.js是一个渐进式JavaScript框架,常用于开发单页面应用,但其首屏加载较慢影响用户体验和SEO。为解决此问题,Vue.js支持服务器端渲染(SSR),在服务器预生成HTML,加快首屏速度。Vue.js的SSR可手动实现或借助如Nuxt.js的第三方库简化流程。Nuxt.js是基于Vue.js的服务器端渲染框架,整合核心库并提供额外功能,帮助构建高效的应用,改善用户体验。
7 0
|
7天前
|
Web App开发 JavaScript 开发者
Vue工具和生态系统:什么是Vue DevTools?如何使用它?
Vue Devtools是Vue.js官方的浏览器扩展,用于简化应用调试和优化。可在Chrome和Firefox等浏览器上安装,集成到开发者工具中。安装步骤包括下载源码、npm安装、修改manifest.json并加载编译后的扩展。启用后,开发者能查看Vue组件树,检查属性,并在允许的情况下编辑data,提升开发效率。
9 0
|
1月前
|
JavaScript 安全 Java
Spring Boot 和 Vue.js 实现的前后端分离的用户权限管理系统
Spring Boot 和 Vue.js 实现的前后端分离的用户权限管理系统
53 0
|
1月前
|
JavaScript 前端开发 关系型数据库
基于Vue的在线购物系统的设计与实现(论文+源码)_kaic
基于Vue的在线购物系统的设计与实现(论文+源码)_kaic
|
1月前
|
JavaScript 前端开发
解释 Vue 的响应式系统原理。
解释 Vue 的响应式系统原理。
74 0
|
2月前
|
JavaScript 前端开发 关系型数据库
分享66个NodeJs系统源码总有一个是你想要的
分享66个NodeJs系统源码总有一个是你想要的
34 1
|
2月前
|
JavaScript
什么是Vue.js的响应式系统(reactivity system)?如何实现数据的双向绑定?
什么是Vue.js的响应式系统(reactivity system)?如何实现数据的双向绑定?
19 0
|
2月前
|
存储 消息中间件 JavaScript
在Vue中,如何与外部系统进行通信?
在Vue中,如何与外部系统进行通信?
18 2
|
2月前
|
Web App开发 JavaScript 前端开发
构建现代Web应用:Vue.js与Node.js的完美结合
在当今快速发展的Web技术领域,选择合适的技术栈对于开发高效、响应迅速的现代Web应用至关重要。本文深入探讨了Vue.js和Node.js结合使用的优势,以及如何利用这两种技术构建一个完整的前后端分离的Web应用。不同于传统的摘要,我们将通过一个实际的项目示例,展示从搭建项目架构到实现具体功能的整个过程,着重介绍了Vue.js在构建用户友好的界面方面的能力,以及Node.js在处理服务器端逻辑和数据库交互中的高效性。通过本文,读者不仅能够理解Vue.js与Node.js各自的特点,还能学习到如何将这两种技术融合应用,以提升Web应用的开发效率和用户体验。
|
3月前
|
JavaScript
Vue3 + Typescript + Node.js 搭建elementUI使用环境
Vue3 + Typescript + Node.js 搭建elementUI使用环境
39 0