1、两年多 web 前端开发经验;
2、熟练使用 Vue2、Vue3 独立开发项目;
3、熟练使用 Element、ElementPlus、Vant、view 等 UI 组件;
4、熟练使用 Echarts 图表 和 2D 地图进行开发;
5、熟悉 TypeScript 基本使用;
6、熟悉钉钉H5应用开发;
7、了解 Uni-app、Uni-ui 开发微信小程序;
项目建设初心:共创校园内外安心坏境,智护未成年健康成长。
负责工作:项目前端开发
技术框架:Vue2、ElementUi
开发工具:Vscode、Svn
模块说明(字数限制1600):
一、登录、注册
描述:注册并登录账号,登录密码与后端协商使用 DES 加密,另外可使用钉钉、浙政钉扫码登录,扫码登录需安装对应依赖,调用方法设置加载二维码的容器ID以及回调地址,扫码成功在回调地址里取需要的参数传入登录接口实现登录,登录成功使用VEUX存入用户信息,并加载水印。
二、驾驶舱
描述:驾驶舱中间部分使用BIGEMAP地图服务加载地图,调用标注图标方法传入图标、经纬度等信息,在地图上展示学校点位,点击点位进入对应学校的驾驶舱页展示,中间换成学校图片,两侧数据通过传入id展示该学校的数据;左为有菜单、基础数据统计,右侧为事件环比上周折线图、全市校园风险等级统计、监控实时画面。
优化: 点位按学校类型进行分类,点位延时依次上图增加视觉效果,防止卡顿;筛选区域后地图中心视角放大并移动到这个区域;
三、学生关爱帮扶
1、关爱帮扶;
描述:有帮扶数据统计、帮扶对象档案库、帮扶记录这三个模块;帮扶数据统计为Echarts图表内容统计帮扶数量和办结率;帮扶对象档案库录入学生帮扶记录,班主任核查、完善,相关单位签收帮扶;帮扶记录会记录帮扶对象档案库内每一次的帮扶。
难点:上报时选择帮扶类型请求接口动态展示需要填写的帮扶内容项。
解决:后台字典管理添加对应类型的内容项,内容项备注里标明类型 input、select、date 等方便渲染。
2、全员家访;
描述:教师通过手机家访学生,在钉钉上记录家访。
难点:家访打卡获取地理位置。
解决:参考文档得知,需要后端配合,先进行鉴权,然后再注册需要需要的 api 进行使用。
四、校园安全管理
1、校园隐患管理;
描述:用户通过手机或电脑上报学校存在的安全隐患,相关人员签收处理后上传整改后的图片。
2、学校风险评估 ;
描述:各校对校内建设进行风险打分,学区进行风险定级。
优化:自定义了个流程项状态栏,根据当前项所有子项打分情况展示对应颜色和图片。
4、安全宣教;
描述:将宣传视频和常用的宣传材料和网站汇总到此,供学校下载。
问题:用户上传的视频过大导致上传过慢、服务器磁盘满了、接口报错。
解决:限制视频上传大小,添加百分比进度条。
3、校园动态考核;
描述:各校对各项考核自评分。
5、食品安全;
描述:可通过商品的食品码查询该商品的生产链路信息、可查看各校厨房监控、可对未带口罩和未带手套人员生成预警记录。
优化:限制了一次性可查看数量,防止直播流过多导致卡顿。
6、校外活动审批;
描述:学校上传相关资料发起校外活动,判断是否用车,是则需先交警队审批,否则直接跳过交警队学区审批并电子签名。
7、员工入职审查;
描述:审查员工的入职信息
8、校园疫情防控;
描述:查看并统计各校教师、学生、学生家长健康码状态。
9、防高坠预警;
描述:学生晚上在楼梯道滞留生成预警,对应学校角色判断是否属实。
五、校外安全治理
1、校外安全事件;
描述:选择对应事件类型上报,相关人员处理。
2、特殊场所预警;
描述:学生进入特殊场所生成预警记录,对应学校角色判断是否属实。
3、防溺水预警;
描述:学生晚上在楼梯道滞留生成预警,对应学校角色判断是否属实。
六、教育基础数据仓
描述:维护学校、教师、学生、学生同住家属信息。
七、通知公告
描述:选择需要发布通知的学校发布通知。
八、后台管理
描述:用户管理、角色管理、菜单管理、组织管理、字典管理、日志管理。兼容性工具使用
驾驶舱: 描述:驾驶舱中间部分使用BIGEMAP地图服务加载地图,调用标注图标方法传入图标、经纬度等信息,在地图上展示学校点位,点击点位进入对应学校的驾驶舱页展示,中间换成学校图片,两侧数据通过传入id展示该学校的数据;左为有菜单、基础数据统计,右侧为事件环比上
项目描述:微信小程序应用,商城购物类 负责工作:项目前端开发 技术框架:UniApp、Uni-ui、Vue3、TypeScript 开发工具:Vscode、HBuilder X、Git 模块说明: 一、登录 描述:登录模块分为手机号快捷登录和账号密码登