项目运行
环境配置
Node.js 最新版 + VS Code + MySQL 5.7 + HBuilderX + Navicat 11 + Vue。
项目技术
Express 框架 + Node.js + Vue 等组件组成，B/S 模式 + VS Code 管理 + 前后端分离。
环境要求
- 运行环境：推荐使用 Node.js 最新版，其他版本理论上兼容。
- 开发环境：VS Code 或 HBuilderX 均可，推荐 HBuilderX。
- MySQL 环境：建议使用 5.7 版本。
- 硬件环境：Windows 7/8/10（1G 内存以上）或 Mac OS。
- Navicat 版本：10/11/14/15 均可。
5.1 管理员功能模块
管理员登录时输入用户名、密码并选择角色进行登录，如图 [图 5-1] 所示。
[图 5-1]
登录后，管理员可对首页、个人中心、申报人员管理、审批人员管理、申报信息管理、申报批次信息管理、审批人员名单管理等功能模块进行操作，如图 [图 5-2] 所示。
[图 5-2]
申报人员管理：在页面可对索引、教师账号、姓名、年龄、性别、学历、手机、邮箱、身份证、照片等内容进行详情或删除操作，如图 [图 5-3] 所示。
[图 5-3]
审批人员管理：在页面可对索引、审批人账号、姓名、年龄、性别、手机、身份证、邮箱、照片等内容进行详情或删除操作，如图 [图 5-4] 所示。
[图 5-4]
申报信息管理：在页面可对索引、教师账号、姓名、年龄、性别、身份证、照片、学历、教龄、学院、教学经历、目前职称、教学成果、申报职称、申报文档、申报时间、审核回复、审核状态等进行详情或删除操作，如图 [图 5-5] 所示。
[图 5-5]
申报批次信息管理：在页面可对索引、批次编号、教师账号、姓名、申报结果、发布人、发布日期等内容进行详情、修改或删除操作，如图 [图 5-6] 所示。
[图 5-6]
审批人员名单管理：在页面可对索引、名单编号、审批人账号、姓名、审批日期、审批结果、发布人、发布日期等内容进行详情、修改或删除操作，如图 [图 5-7] 所示。
[图 5-7]
5.2 申报人员功能模块
申报人员登录后，可对首页、个人中心、申报信息管理、申报批次信息管理、审批人员名单管理等功能模块进行操作，如图 [图 5-8] 所示。
[图 5-8]
个人中心：通过填写教师账号、姓名、年龄、性别、学历、手机、邮箱、身份证、照片等信息修改个人信息，如图 [图 5-9] 所示。
[图 5-9]
申报信息管理：在页面可对索引、教师账号、姓名、年龄、性别、身份证、照片、学历、教龄、学院、教学经历、目前职称、教学成果、申报职称、申报文档、申报时间、审核回复、审核状态等进行详情、修改或删除操作，如图 [图 5-10] 所示。
[图 5-10]
申报批次信息管理：在页面可对索引、批次编号、教师账号、姓名、申报结果、发布人、发布日期等内容进行详情操作，如图 [图 5-11] 所示。
[图 5-11]
审批人员名单管理：在页面可对索引、名单编号、审批人账号、姓名、审批日期、审批结果、发布人、发布日期等内容进行详情操作，如图 [图 5-12] 所示。
[图 5-12]
5.3 审批人员功能模块
审批人员登录后，可对首页、个人中心、申报人员管理、申报信息管理、申报批次信息管理、审批人员名单管理等功能模块进行操作，如图 [图 5-13] 所示。
[图 5-13]
个人中心：通过填写审批人账号、姓名、年龄、性别、手机、身份证、邮箱、照片等信息修改个人信息，如图 [图 5-14] 所示。
[图 5-14]
申报批次信息管理：在页面可对索引、批次编号、教师账号、姓名、申报结果、发布人、发布日期等内容进行详情等操作，如图 [图 5-15] 所示。
[图 5-15]
：在页面可对索引、名单编号、审批人账号、姓名、审批日期、审批结果、发布人、发布日期等内容进行详情等操作，如图 [图 5-16] 所示。
