基于nodejs+vue+ElementUi教室预约管理系统w8080


运行软件:vscode
前端nodejs+vue+ElementUi
语言 node.js
框架:Express/koa
前端:Vue.js
数据库:mysql
开发软件:VScode/webstorm/hbuiderx均可
该系统将采用B/S结构模式,使用Vue和ElementUI框架搭建前端页面,后端使用Nodejs来搭建服务器,并使用MySQL,通过axios完成前后端的交互
管理员
学院管理:增删改查(模糊查询)
班级管理:增删改查(模糊查询)
用户管理:增删改查(根据学院,班级,用户姓名进行模糊查询)
用户属于班级,班级属于学院
教室管理:增删改查(模糊查询)教室名称,教室容纳人数,教室类型这三个字段要有
预约管理:审核该预约能不能通过,如果不能通过给出审核意见
留言管理:查看回复用户的留言
统计功能:教室类型的饼状图,这个月预约次数的折线图
采用B/S模式架构系统,开发简单,只需要连接网络即可登录本系统,不需要安装任何客户端。开发工具采用VSCode,前端采用Vue+ElementUI,后端采用Node.js,数据库采用MySQL。
 涉及的技术栈
1) 前台页面:
页面结构布局采用Vue框架,可能会使用到第三方组件库Element-ui或View Design组件库、axios发送请求、html和less语法。
2) 后台服务器:
服务器搭建采用基于node的Express框架快速搭建服务器,需要引入mysql模块进行对数据库的操作
3) 数据库:
mysql数据库,Navicat可视化工具辅助操作数据库            
用户
用户管理:查看,修改自己的个人信息
教室预约:可以预约今天明天的教室,按着时间段预约(可多选),如果当前时间超过预约时间段不能预约该时间段的教室
          预约教室的时候要有个预约用途,预约教室的时候把当前时间传到数据库,管理员审核的时候可以看到用户发起预约的时间
预约记录查看:查看自己的预约记录,在未审核通过之前可以取消预约,预约过之后可以取消预约释放出来空教室资源,比如小明预约了明天的教室,又取消预约,这个教室可以被其他人预约
留言:用户可以给管理员留言
设计框架:Vue
1.    表现层:写多个vue页面,负责接收用户请求数据和处理后的结果显示
2.    控制器层:又多个控制器组成,这些控制器用于拦截用户请求,并调用业务逻辑组件的业务逻辑方法,并处理用户请求,根据不同的处理结果发送到相应的表现层组件
3.    业务逻辑层:由实现所需业务的各个业务对象组成,它们共同完成了整个所需业务的业务逻辑方法。
DAO层:由各种DAO组件构成,实现对数据库的增删改查等操作。

  • 7
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值