‧
‒
登录权限与控制
❮- 首次登录的用户使用用户名（test1）和密码（test12345678），匹配正确即可登录。
- 服务器端发送token（有效期一个小时）给客户端，客户端将token与一些基本的不涉密的信息一起保存在localStorage中，直到退出登录。
- 如果登录时localStorage中存在token，则向服务器端发送请求，服务器端解析保存在请求头部的Authorization字段里的token，检验token是否有效。如果token有效，客户端即可直接登录，跳转至主页。
- 用户登陆后，登录状态均保存在vuex的state中，页面通过state中的字段判断访问者是已登录用户还是游客，从而通过跳转或dom渲染来限制某些页面或功能的使用。
教室预约
❮- 只对登录用户开放。
- 可以预约7天内的教室。
- 一次最多选择某一区域的两个时段。
- 预约后生成预约凭证，可在我的预约中查询。
校车查询
❮- 根据真实数据导入。
- 可查询基地往返武大和华科的班次表。
- 根据当前时间，对于当天不可坐/已错过的班次做变灰的处理。
考勤记录
❮- 只对登录用户开放。
- 首页显示本月已打卡天数（上限20天）。背景波浪高度按比例增长。
- 可点击查询打卡日历，查看最近一个月每天的打卡情况。
- 注：打卡数据均为mock随机生成，没有对有效无效进行规则的限制。
校园活动
❮- 对游客展示活动列表；登录用户则可以展示收藏和已报名的活动。
- 可以筛选活动的主办学校或正在进行和已经结束的活动。
- 用户可以进行收藏、报名和取消报名的操作。
修改密码
❮- 模拟修改密码的流程。修改完需要重新登录。
- 注：因为没有真实的服务器，所以刷新后即失效
