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

 

1.  效果图

 

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

 

 2.实现的效果：

1. 　　学生

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

      2.       班级

• • 和学生账号不同的是可以选择时间段，预约整间教室

      3.       管理员

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

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

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

 5.有想尝试登录的，可以输入账号2013190419、admin。分别是学生和管理员的账号，密码都是11111。