刘忍、舒倩、王资
团队完成的是一个实时签到和答题系统。主要的用户分两类:学生和老师。老师可以创建课程,在课程内导入学生名单,然后在课程下创建问题。学生通过扫描二维码的方式进行签到和答题。
所有的交互都由浏览器完成,网站会运行在云服务器上。
- 前端框架:Angular 2;
- 前端命令行工具:Angular CLI;
- UI:Angular 2 Material;
- 后对框架:Koa;
- 数据库:MongoDB;
- 数据库辅助:Mongoose;
- 另外还需要学习 Material Design 设计风格、前端布局 flex-layout、基于 session 的认证系统(借助 cookies)、TypeScript 等相关知识。
- 确保已安装较新版本的 Node 和 npm(参考:Node v7.8.0,npm v4.4.4);
- 安装 Angular CLI:
npm install -g @angular/cli
; - 安装 MongoDB:安装方法可以参考其 官网;
- 将仓库克隆到本地:
git clone https://github.com/ScratTeam/TeacherHelper.git
; - 进入项目根路径;
- 安装依赖:
npm install
; - 运行数据库(后期部署时再对数据库进行安全认证,现暂不考虑):新建一个名为data的文件夹,运行
mongod --dbpath=/data(Mac 上去掉“/”)
; - 编译前端并运行后端:
ng build && node server.js
。如果想实时调试的话应使用ng build --watch
,并在另一个命令行窗口内输入node server.js
。