小程序 座位管理系統（一）（純前端）

 

1.  效果圖

 

圖片從左至右：座位狀態圖、教學樓狀態圖、登錄圖、違規登記釋放座位圖。

 

 2.實現的效果：

1. 　　學生

• • 首次登錄載入數據，再次登陸載入上次登錄的緩存。
  • 每個區域按照閑余座位的情況顯示表情：“很多座位“，“較多座位“，“較少座位“，“很少座位“，
  • 點擊座位選座，然后更新緩存。在”我的“頁面會顯示剛剛預約座位的時間段和地點

      2.       班級

• • 和學生賬號不同的是可以選擇時間段，預約整間教室

      3.       管理員

• • 選擇相應教學樓、樓層、座位，將”有人“座位更改成”無人“座位，釋放座位
  • 更改教室狀態為不可用。
  • 新增管理員賬號（輸入新賬號和密碼）

 3.直接把數據放在緩存（storage）里了，之后有時間考慮搭個后台，用Node.js+express和mongodb搭建

 4.問題：有時候storage獲取不到值，用了同步setStoragesync后還是get不到，然而過了一段時間又可以了。循環往復。

 5.有想嘗試登錄的，可以輸入賬號2013190419、admin。分別是學生和管理員的賬號，密碼都是11111。