小程序 座位管理系统(一)(纯前端)
- 效果图
图片从左至右:座位状态图、教学楼状态图、登录图、违规登记释放座位图。
2.实现的效果:
- 学生
- 首次登录载入数据,再次登陆载入上次登录的缓存。
- 每个区域按照闲余座位的情况显示表情:“很多座位“,“较多座位“,“较少座位“,“很少座位“,
- 点击座位选座,然后更新缓存。在”我的“页面会显示刚刚预约座位的时间段和地点
2. 班级
- 和学生账号不同的是可以选择时间段,预约整间教室
3. 管理员
- 选择相应教学楼、楼层、座位,将”有人“座位更改成”无人“座位,释放座位
- 更改教室状态为不可用。
- 新增管理员账号(输入新账号和密码)
3.直接把数据放在缓存(storage)里了,之后有时间考虑搭个后台,用Node.js+express和mongodb搭建
4.问题:有时候storage获取不到值,用了同步setStoragesync后还是get不到,然而过了一段时间又可以了。循环往复。
5.有想尝试登录的,可以输入账号2013190419、admin。分别是学生和管理员的账号,密码都是11111。
转载于:https://www.cnblogs.com/Wei-Yuan/p/6788856.html
小程序 座位管理系统(一)(纯前端)相关推荐
- 前端请柬框架_mpvue+小程序云开发,纯前端实现婚礼邀请函(相册小程序)
请勿使用本文章及源码作为商业用途! 前言 当初做这个小程序是为了婚礼前的需要,结婚之后,希望这个小程序能够留存下来,特地花了一些空闲时间将小程序转化成为"相册类小程序" 体验码 准 ...
- mpvue+小程序云开发,纯前端实现婚礼邀请函
请勿使用本文章及源码作为商业用途! 前言 感谢OnceLove提供的思路,借助他的小程序的界面UI风格,自己重新用mpvue实现了属于自己的婚礼邀请函,前前后后花了3天时间.在这之前本人是没想过要自己 ...
- “李记餐厅”微信点餐小程序+后台管理系统
博主介绍:✌在职Java研发工程师.专注于程序设计.源码分享.技术交流.专注于Java技术领域和毕业设计✌ 项目名称 "李记餐厅"微信点餐小程序+后台管理系统 效果视频 http ...
- 微信小程序药店管理系统+后台管理系统|前后分离VUE
<微信小程序药店管理系统+后台管理系统|前后分离VUE>该项目含有源码.论文等资料.配套开发软件.软件安装教程.项目发布教程等 本系统包含微信小程序前台和Java做的后台管理系统,该后台采 ...
- 微信小程序招聘管理系统+后台管理系统
<微信小程序招聘管理系统+后台管理系统>该项目含有源码.论文等资料.配套开发软件.软件安装教程.项目发布教程等 本系统包含微信小程序做的招聘管理系统前台和Java做的后台管理系统: 微信小 ...
- 精品微信小程序预约挂号小程序+后台管理系统|前后分离VUE
<微信小程序预约挂号小程序+后台管理系统|前后分离VUE>该项目含有源码.论文等资料.配套开发软件.软件安装教程.项目发布教程等 本系统包含微信小程序前台和Java做的后台管理系统,该后台 ...
- 基于微信小程序游泳馆管理系统(微信小程序毕业设计)
基于微信小程序游泳馆管理系统 游泳池管理系统是基于微信小程序开发,其后端采用java编程语言,mysql数据库,ssm框架和idea开发工具开发:本系统主要分为用户和管理员两个角色,其中用户的主要功能 ...
- 【程序源代码】微信小程序商城管理系统(java后台+小程序)
关键字:微信小程序 商城管理系统 正文 | 内容 01 - [概述] 基于 微信小程序 + springboot + vue 技术构建 ,支持单店铺,多店铺入驻的商城平台.项目包含 微信小程序,管理后 ...
- 【程序源代码】微信小程序商城管理系统(Java后台+微信小程序)最新版
关键字:微信小程序 商城系统 02 - [技术框架] 微信小程序商城管理系统(Java后台+微信小程序) 基于Spring+Vue+Mysql+Redis主流技术开发框架集成开发的微信商场管理系统:其 ...
最新文章
- JS通过正则限制 input 输入框只能输入整数、小数(金额或者现金) 两位小数
- jenkins的安装
- 12c集群日志位置_面试问Redis集群,被虐的不行了......
- 洛谷P4555 [国家集训队]最长双回文串(manacher 线段树)
- 哪款浏览器好用_碉堡了!火狐浏览器发布重大更新,谷歌Chrome请hold住!
- AWS推出RoboMaker,可构建智能机器人应用程序
- 平均薪资 38.4 万!3 步教你成为区块链开发者,收好这份学习指南!
- python画六边形的代码_跟我学python(1)——turtle
- IDEA创建maven聚合项目多模块项目并在Tomcat启动图解详细教程
- php l框架,一个很简单的PHP框架lyue
- 使用ember-simple-auth实现Ember.js应用的权限控制
- ArcGIS API for iOS在俄勒冈大学校园中的创新应用
- Emlog大表哥资源网模板
- 图学习推荐系统综述| Graph Learning Approaches to Recommender Systems
- C# 编写VLC视频事件处理程序 libvlc libvlc_event_attach libvlc_event_manager libvlc_event_type ibvlc_event_e用法
- 如何用Python批量提取PPT中含有某关键词的一页,并将这些PPT合并
- 网络工程师成长日记384-商南PIX防火墙网络项目回忆录
- PySide2学习总结(十二)打开文件对话框--FileDialog
- 图像处理算法python_图像处理——饱和度调整算法(python语言)
- App Store上架流程/苹果app发布流程
热门文章
- mysql server 5.6使用_关于MySQLServer5.6配置问题
- 代码管理规范_微服务架构下代码管理规范
- python读取指定行的txt_【Python】读取txt文件,获取指定行中指定位置数据
- eclipse 插件扩展新建java页面_java-Eclipse插件-弹出菜单扩展
- linux 从行查看文件,linux 查看文件内容
- 如何使用MatPlotLib绘制出具有两个 Y 轴的曲线图?
- 英飞凌单片机TC264实战攻略
- 历届智能车哪个组别最难,哪个竞争最激烈?
- linux脚本中sed -i,Linux 中常用的sed命令
- java arraylist 构造_Java基础五:构造方法、ArrayList