系统需求分析
教学评价系统需要满足的需求有以下几个:
1.信息获取方便,用户可在网页上快速浏览到新的信息
2.查看在线详情,单独查看某一个在线的详细信息。
3.注册登录,教学评价系统需要吸引用户,即通过注册来提高用户的存留率。
4.历史记录,用户可以查看自己购买过的订单信息以及其他操作。
5.修改用户信息,可以修改用户密码或者用户名等一些个性化操作。
6.管理员功能,管理员可以对用户或者在线进行管理。
7.系统安全,操作简便,不过于复杂。
8.系统可以稳定运行,不存在卡顿等问题造成用户反感。
前端技术:nodejs+vue+elementui,
Express 框架于Node运行环境的Web框架,
语言 node.js
框架:Express
前端:Vue.js
数据库:mysql
数据库工具:Navicat
开发软件:VScode
视图层其实质就是vue页面,通过编写vue页面从而展示在浏览器中,编写完成的vue页面要能够和控制器类进行交互,从而使得用户在点击网页进行操作时能够正常。
本次报告,首先分析了研究的背景、作用、意义,为研究工作的合理性打下了基础。针对教学评价系统的各项需求以及技术问题进行分析,证明了系统的必要性和技术可行性,然后对设计系统需要使用的技术软件以及设计思想做了基本的介绍,最后来实现教学评价系统和部署运行使用它。教学评价系统主要功能模块包括登录、首页、用户管理(管理员、教师、学生、教务人员)更多管理(课程信息、学生评分、测评结果、通知公告、测评信息)账号维护,采取面对对象的开发模式进行软件的开发和硬体的架设,能很好的满足实际使用的需求,完善了对应的软体架设以及程序编码的工作,采取MySQL作为后台数据的主要存储单元,
代码结构讲解
1、 node_modules文件夹(有npn install产生)
这文件夹就是在创建完项目后,cd到项目目录执行npm install后生成的文件夹,下载了项目需要的依赖项。
2、package.json文件
此文件是项目的配置文件(可定义应用程序名,版本,依赖项等等)。node_modules文件夹下的依赖项是从哪里知道的呢?原因就是项目根目录下的这个package.json文件,执行npm install时会去找此文件中的dependencies,并安装指定的依赖项。
3、public文件夹(包含images、javascripts、stylesheets)
这个文件夹做过Web开发的应该一看就知道,为了存放图片、脚本、样式等文件的。
4、routes文件夹
用于存放路由文件。
5、views文件夹
三、管理员功能模块
3.1后台登录模块
管理员登录,通过填写注册时输入的用户名、密码、角色、验证码进行登录,如图
3.2首页模块
管理员登录进入教学评价系统可以查看管理员:首页、用户管理(管理员、教师、学生、教务人员)更多管理(课程信息、学生评分、测评结果、通知公告、测评信息)等信息
3.3管理员模块
3.4课程信息模块
课程信息管理,在课程信息管理页面中可以查看索引、课程编号、课程名称、任课老师、上课时间、上课地点、班级名称等信息,并可根据需要进行修改或删除等操作,如图
3.5学生评分模块
在学生评分页面中可以查看索引、课程编号、课程名称、任课老师、班级名称、测评名称、教学内容、教学水平、教学方法等信息,并可根据需要进行修改或删除等操作,如图
3.6测评结果模块
在测评结果管理页面中可以查看索引、课程编号、课程名称、任课老师、评价名称、教学内容、教学水平、教学方法等信息,并可根据需要进行查看修改或删除等操作,如图
四、学生功能模块
在系统首页可以查看学生:首页、课程信息、学生评分、通知公告、测评信息等内容,如图
4.1课程信息模块
课程信息页面可查看课程编号、课程名称、任课老师、上课时间、上课地点、班级名称等信息,如图
4.2个人中心模块
在个人中心页面通过填写用户账号、用户姓名、密码、性别、年龄、联系电话、电子邮箱、等内容进行更新信息,如图
五、教师功能模块
教师登录进入教学评价系统可以查看后台首页、用户管理(学生)更多管理(课程信息、学生评分、测评结果、通知公告、测评信息)等内容。如图
5.1测评信息模块
测评信息管理页面中可以查看索引、课程编号、课程名称、任课老师、测评时间等信息进行相对应操作,如图
目录
一、前言介绍
二、系统需求分析
三、管理员功能模块
3.1后台登录模块
3.2首页模块
3.3管理员模块
3.4课程信息模块
3.5学生评分模块
3.6测评结果模块
四、学生功能模块
4.1课程信息模块
4.2个人中心模块
五、教师功能模块
5.1测评信息模块
六、部分核心代码
6.1教务人员关键代码
6.2用户登录关键代码
6.3用户注册关键代码