Skip to content

Latest commit

 

History

History
86 lines (56 loc) · 3.42 KB

README.md

File metadata and controls

86 lines (56 loc) · 3.42 KB

SMARTNCC DEMO

H5预览地址

https://augu1sto.gitee.io/projects/smartncc/demo/

开放用户名/密码:

  • test1/test12345678
  • test2/test22345678

概述

SmartNCC(智慧网安)是针对武汉大学国家网络安全学院和华中科技大学网络空间安全学院共同入驻的国家网络安全人才与创新基地开发的校园生活服务类应用程序。

本项目主要设计了前端部分,使用mockjs和axios对数据和一些请求进行了模拟。

(所有数据会在程序重启后重置)

主要功能包括登录、活动查询和报名、教室预约、考勤记录查询、校车时间查询、修改密码等。

开发环境

技术路线

主要功能

登录与权限控制

  • 首次登录的用户使用用户名和密码,匹配正确即可登录。
  • 服务器端发送token(有效期一个小时)给客户端,客户端将token与一些基本的不涉密的信息一起保存在localStorage中,直到退出登录。
  • 如果登录时localStorage中存在token,则向服务器端发送请求,服务器端解析保存在请求头部的Authorization字段里的token,检验token是否有效。如果token有效,客户端即可直接登录,跳转至主页。
  • 用户登陆后,登录状态均保存在vuex的state中,页面通过state中的字段判断访问者是已登录用户还是游客,从而通过跳转或dom渲染来限制某些页面或功能的使用。

校园活动

  • 对游客展示活动列表;登录用户则可以展示收藏和已报名的活动。

  • 可以筛选活动的主办学校或正在进行和已经结束的活动。

  • 用户可以进行收藏、报名和取消报名的操作。

教室预约

  • 只对登录用户开放
  • 可以预约7天内的教室
  • 依次最多选择某一区域的两个时段
  • 预约后生成预约凭证,可在我的预约中查询

考勤记录查询

  • 只对登录用户开放。
  • 首页显示本月已打卡天数(上限20天)。背景波浪高度按比例增长。
  • 可点击查询打卡日历,查看最近一个月每天的打卡情况。
  • 注:打卡数据均为mock随机生成,没有对有效无效进行规则的限制。

校车查询

  • 根据真实数据导入
  • 可查询基地往返武大和华科的班次表
  • 根据当前时间,对于当天不可坐/已错过的班次做变灰的处理

待开发

  • 登录时密码加密传输
  • 用户数据(如预约信息等)与用户id绑定
  • 修改密码时校验新密码不能与旧密码一致
  • 食堂菜单功能:每月菜单公示,菜品评价
  • 论坛功能:公告通知、失物招领、二手交易等板块;发送帖子
  • 权益反馈:基础的一个表单
  • 请假报备:请假系统(表单)
  • 校园地图:可以双指缩放的地图
  • 其他...

开发日志

  • 2022-08-28:补充文档
  • 2022-08-27:部署并调试初版demo,包含登录、活动查询和报名、考勤记录查询、校车时间查询、修改密码等功能。