小程序 座位管理系统（一）（纯前端）

 

1.  效果图

 

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

 

 2.实现的效果：

1. 　　学生

• • 首次登陆载入数据，再次登录载入上次登陆的缓存。
  • 每一个区域按照闲余座位的状况显示表情：“不少座位“，“较多座位“，“较少座位“，“不多座位“，
  • 点击座位选座，而后更新缓存。在”个人“页面会显示刚刚预定座位的时间段和地点

      2.       班级

• • 和学生帐号不一样的是能够选择时间段，预定整间教室

      3.       管理员

• • 选择相应教学楼、楼层、座位，将”有人“座位更改为”无人“座位，释放座位
  • 更改教室状态为不可用。
  • 新增管理员帐号（输入新帐号和密码）

 3.直接把数据放在缓存（storage）里了，以后有时间考虑搭个后台，用Node.js+express和mongodb搭建

 4.问题：有时候storage获取不到值，用了同步setStoragesync后仍是get不到，然而过了一段时间又能够了。循环往复。

 5.有想尝试登陆的，能够输入帐号201319041九、admin。分别是学生和管理员的帐号，密码都是11111。