/lab_platform

学生实验管理平台(提交实验报告,告别有纸化办公)

Primary LanguageJavaScript

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