lab_platform

学生实验管理平台, 学生登陆后可以选择实验, 提交实验; 老师登陆后可以查看选择他所带实验的学生, 给学生实验报告评分

网站开发用到的技术

前端 Bootstrap 3 Angularjs 1.5.6 后台 nodejs 数据库 mongoDB

功能需求

一、账户管理模块(角色: 老师/学生)

• 1. 登录
• 2. 注册
• 3. 找回密码
• 4. 修改密码

二、学生功能模块

• 1. 顶部导航(回到首页, 个人信息)
• 2. 左侧导航(实验类别)
  • 点击实验类别, 显示该类别下所属实验列表
  • 点击实验列表下某实验, 显示实验的详情(目的, 原理, 目标, 参考资料)
• 3. 登陆后, 界面会显示该学生选择的实验信息(日期, 名称, 是否提交作业, 分数)
• 4. 提交报告后, 可以预览提交过实验报告

三、教师功能模块

• 1. 顶部导航(回到首页, 个人信息) 注:目前该页面和学生界面公用
• 2. 左侧导航(实验类别)
  • 1. 点击实验类别, 显示该类别下自己创建或是公开的实验列表,
  • 2. 点击删除按钮, 弹出确认删除模态框, 如果该实验已经被其他学生或老师选择, 则无法删除
  • 3. 点击修改按钮, 修改实验列表的各项信息(图片, 实验名称, 实验描述)
  • 4. 进入实验修改页面 - [x] 如果实验是自己创建的, 页面顶部显示编辑详情按钮; - [x] 如果实验由其他老师创建, 页面顶部会显示引用实验按钮, 如果已经引用过该实验, 此时页面顶部会显示解除引用按钮, 如果其他学生已经选择了该实验, 则解除引用不能成功解除
• 3. 教师登陆后, 首页会显示所带学生的信息列表(姓名, 学号, 实验, 是否提交, 打分)
  • 1. 如果学生已提交作业, 老师可以预览该学生提交的作业(pdf文档)继而可以在分数栏,输入具体分数后提交;
  • 2. 如果学生未提交作业, 老师不能对进行打分操作
• 4. 教师可以在布置实验模块或者实验详情给班级学生布置实验

web structure

一、公共页面

• 登陆／注册:　login.html
• 忘记密码：　 recover.html
• 修改密码： partials/public/modify-password.html
• 顶部导航: nav/nav-header.html
• 左侧导航: nav/nav-sidebar.html

二、学生界面:

• 首页：　 partials/students/lab-marks.html
• 实验列表: partials/students/lab-list.html
• 实验详情: partials/students/lab-detail.html

三、教师界面:

• 首页: partials/teacher/publish-labs.html
• 实验列表: partials/teacher/lab-list.html
• 实验详情: partials/teacher/lab-detail.html

特色功能

• 用户密码在后台以密文方式存储, 如果后台用户丢失, 密码也无法查看
• 用户登陆页面后, 可停留时间是半小时, 半小时后需要重新登陆
• 老师创建实验后, 可选择是否公开这个实验, 如果公开, 那么其他老师可以引用该实验
• 实验列表内容页面, 每页只显示5个实验列表项, 通过底部的分页按钮, 从后台请求下一页的5个列表项
• 教师可以导入学生excel表, 给某个班级学生布置实验

项目更改 2016-10-03

• 登陆界面登陆框样式
• 老师、学生侧边导航栏样式
• 学生作业概览中为实验名称添加跳转链接
• 老师导航栏添加“导入学生信息表”

bug修改

• 对上传文件的类型验证(前后端) , 前端实验列表缩略图
• 删除实验列表, 无法实现多页删除
• 筛选列表, 选择完筛选项后, 没有不选择选项

install

dependency

1. 安装 mongodb

install step

1. git clone https://github.com/wuhonglei/lab_platform.git
2. bower install
3. npm install