1. 效果图

图片从左至右:座位状态图、教学楼状态图、登录图、违规登记释放座位图。

2.实现的效果:

  1.   学生

    • 首次登录载入数据,再次登陆载入上次登录的缓存。
    • 每个区域按照闲余座位的情况显示表情:“很多座位“,“较多座位“,“较少座位“,“很少座位“,
    • 点击座位选座,然后更新缓存。在”我的“页面会显示刚刚预约座位的时间段和地点

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

小程序 座位管理系统(一)(纯前端)相关推荐

  1. 前端请柬框架_mpvue+小程序云开发,纯前端实现婚礼邀请函(相册小程序)

    请勿使用本文章及源码作为商业用途! 前言 当初做这个小程序是为了婚礼前的需要,结婚之后,希望这个小程序能够留存下来,特地花了一些空闲时间将小程序转化成为"相册类小程序" 体验码 准 ...

  2. mpvue+小程序云开发,纯前端实现婚礼邀请函

    请勿使用本文章及源码作为商业用途! 前言 感谢OnceLove提供的思路,借助他的小程序的界面UI风格,自己重新用mpvue实现了属于自己的婚礼邀请函,前前后后花了3天时间.在这之前本人是没想过要自己 ...

  3. “李记餐厅”微信点餐小程序+后台管理系统

     博主介绍:✌在职Java研发工程师.专注于程序设计.源码分享.技术交流.专注于Java技术领域和毕业设计✌ 项目名称 "李记餐厅"微信点餐小程序+后台管理系统 效果视频 http ...

  4. 微信小程序药店管理系统+后台管理系统|前后分离VUE

    <微信小程序药店管理系统+后台管理系统|前后分离VUE>该项目含有源码.论文等资料.配套开发软件.软件安装教程.项目发布教程等 本系统包含微信小程序前台和Java做的后台管理系统,该后台采 ...

  5. 微信小程序招聘管理系统+后台管理系统

    <微信小程序招聘管理系统+后台管理系统>该项目含有源码.论文等资料.配套开发软件.软件安装教程.项目发布教程等 本系统包含微信小程序做的招聘管理系统前台和Java做的后台管理系统: 微信小 ...

  6. 精品微信小程序预约挂号小程序+后台管理系统|前后分离VUE

    <微信小程序预约挂号小程序+后台管理系统|前后分离VUE>该项目含有源码.论文等资料.配套开发软件.软件安装教程.项目发布教程等 本系统包含微信小程序前台和Java做的后台管理系统,该后台 ...

  7. 基于微信小程序游泳馆管理系统(微信小程序毕业设计)

    基于微信小程序游泳馆管理系统 游泳池管理系统是基于微信小程序开发,其后端采用java编程语言,mysql数据库,ssm框架和idea开发工具开发:本系统主要分为用户和管理员两个角色,其中用户的主要功能 ...

  8. 【程序源代码】微信小程序商城管理系统(java后台+小程序)

    关键字:微信小程序 商城管理系统 正文 | 内容 01 - [概述] 基于 微信小程序 + springboot + vue 技术构建 ,支持单店铺,多店铺入驻的商城平台.项目包含 微信小程序,管理后 ...

  9. 【程序源代码】微信小程序商城管理系统(Java后台+微信小程序)最新版

    关键字:微信小程序 商城系统 02 - [技术框架] 微信小程序商城管理系统(Java后台+微信小程序) 基于Spring+Vue+Mysql+Redis主流技术开发框架集成开发的微信商场管理系统:其 ...

最新文章

  1. JS通过正则限制 input 输入框只能输入整数、小数(金额或者现金) 两位小数
  2. jenkins的安装
  3. 12c集群日志位置_面试问Redis集群,被虐的不行了......
  4. 洛谷P4555 [国家集训队]最长双回文串(manacher 线段树)
  5. 哪款浏览器好用_碉堡了!火狐浏览器发布重大更新,谷歌Chrome请hold住!
  6. AWS推出RoboMaker,可构建智能机器人应用程序
  7. 平均薪资 38.4 万!3 步教你成为区块链开发者,收好这份学习指南!
  8. python画六边形的代码_跟我学python(1)——turtle
  9. IDEA创建maven聚合项目多模块项目并在Tomcat启动图解详细教程
  10. php l框架,一个很简单的PHP框架lyue
  11. 使用ember-simple-auth实现Ember.js应用的权限控制
  12. ArcGIS API for iOS在俄勒冈大学校园中的创新应用
  13. Emlog大表哥资源网模板
  14. 图学习推荐系统综述| Graph Learning Approaches to Recommender Systems
  15. C# 编写VLC视频事件处理程序 libvlc libvlc_event_attach libvlc_event_manager libvlc_event_type ibvlc_event_e用法
  16. 如何用Python批量提取PPT中含有某关键词的一页,并将这些PPT合并
  17. 网络工程师成长日记384-商南PIX防火墙网络项目回忆录
  18. PySide2学习总结(十二)打开文件对话框--FileDialog
  19. 图像处理算法python_图像处理——饱和度调整算法(python语言)
  20. App Store上架流程/苹果app发布流程

热门文章

  1. mysql server 5.6使用_关于MySQLServer5.6配置问题
  2. 代码管理规范_微服务架构下代码管理规范
  3. python读取指定行的txt_【Python】读取txt文件,获取指定行中指定位置数据
  4. eclipse 插件扩展新建java页面_java-Eclipse插件-弹出菜单扩展
  5. linux 从行查看文件,linux 查看文件内容
  6. 如何使用MatPlotLib绘制出具有两个 Y 轴的曲线图?
  7. 英飞凌单片机TC264实战攻略
  8. 历届智能车哪个组别最难,哪个竞争最激烈?
  9. linux脚本中sed -i,Linux 中常用的sed命令
  10. java arraylist 构造_Java基础五:构造方法、ArrayList