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

 

1.  效果圖

 

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

 

 2.實現的效果：

1. 　　學生

• • 首次登陸載入數據，再次登錄載入上次登陸的緩存。
  • 每一個區域按照閒餘座位的狀況顯示錶情：「不少座位「，「較多座位「，「較少座位「，「不多座位「，
  • 點擊座位選座，而後更新緩存。在」個人「頁面會顯示剛剛預定座位的時間段和地點

      2.       班級

• • 和學生帳號不一樣的是能夠選擇時間段，預定整間教室

      3.       管理員

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

 3.直接把數據放在緩存（storage）裏了，以後有時間考慮搭個後臺，用Node.js+express和mongodb搭建

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

 5.有想嘗試登陸的，能夠輸入帳號201319041九、admin。分別是學生和管理員的帳號，密碼都是11111。