该项目为中学视力测试数据分析平台，由数据管理，筛查档案，名册管理和系统设置几部分组成 数据管理： 采用Echarts中的饼形图、折线图等进行数据展示，页面中有下载报告按钮，点击下载按钮将页面生成图片并下载保存，批量下载一次下载整个班级或年级数据 筛查管理： 展示学生基本数据以及左右眼视力相关数据，双击查看学生详情以及往次测试数据 名册管理： 批量上传学生信息，对学生信息的增删改查等基本操作。以及下载视力筛查卡，筛查卡由后端返回学生基本信息，在页面中生成并下载，当选择班级下载时，一张A4纸上渲染六个人的数据，并整合到一个PDF文件内进行下载 系统设置： 下载管理和修改密码等操作 项目中使用MD5对密码进行加密，使用html2canvas将内容生成图片，结合jspdf将筛查卡生成PDF文件并下载。

项目为理化生考试随机抽签分配座位系统 主要由创建场次、进场扫描、座位抽签和作为示意图四部分组成 创建场次： 展示当前已创建场次人数、状态以及创建新的场次功能，状态包含未抽签->已抽签->考试中->已考完，当该场次处于考试中时，显示考试15分钟的倒计时 进场扫描： 进入页面时使准考证输入框自动获得焦点，并播放开始扫描提示音，考场老师通过扫码枪扫描学生准考证条形码或二维码，发送请求查询学生是否为当前考场考生以及是否已经分配座位等信息，如数据正常，在下方展示考试姓名，准考证号，照片等信息。每场考试最多24位学生，根据当前已扫描学生数量设置准考证，并在扫描满员时提醒考场老师 座位抽签： 扫描完成点击抽签按钮以后，由后端完成抽签操作，抽签完成以后跳转到该页面，展示当前考场当前场次的所有学生信息 作为示意图： 根据考场座位分布展示不同分组的座位示意图，帮助学生快速找到自己的位置，点击座位时进行点名，语音播报座位对应的考生姓名，并记录已点名学生，通过不同的背景颜色进行区分 遇到的问题： 1、当考试端触发开始考试，创建场次页面中需要同步将开考场次状态修改为考试中，并开始15分钟倒计时 解决：通过websocket进行通信，收到开始考试时更新页面状态，并开始倒计时 2、收到考试结束时，想后端发请求获取到的数据依然是在考试中 原因： 后端采用异步的方式处理数据，在数据还没处理结束时通过websocket通知考试结束，此时获取到的数据有一定概率是未修改的 解决：当websocket收到结束考试的通知时，先将考试状态修改为已结束，使用延时器延时几秒钟后再发请求。 3、需要将项目打包为桌面应用 解决：使用electron进行打包

项目简介： 项目为中招理化生考试后台管理系统主要包含考前管理，试卷管理和用户管理三部分 考前管理：包含对于各个城市、考点、学校账号的管理以及对学生信息的导入，导出等操作 试卷管理：添加、删除试卷，试卷分配 用户管理：对于账号的添加删除和账号权限的分配 前端部分采用Vue+Element Ui进行开发，封装axios对请求路径等进行统一管理，使用Echarts进行数据可视化的开发 难点： 根据用户登录账号权限进行动态路由管理 解决方案：用户登录以后，通过获取的token向后端发请求获取用户权限信息，将获取到的权限信息和项目包含的所有路由进行对比，生成最终的路由信息并调用Vue Router的Api设置路由