1、问卷考试系统
公司内部发布问卷、考试、性格测试、投票的平台
◊ 作为该项目前端第一负责人,使用 vite + vue3 + element-plus + typeScript 构建前端框架;
◊ 根据项目需求及UI图,完成页面布局风格,提取封装搜索+表格、表单、上传文件、echarts图表、通
用卡片样式等通用功能;
◊ 完成 问卷考试系统的自定义表单配置功能;
◊ 根据 ‘填空题’ 、‘题目解析’等需求, 对富文本编辑器wangEditor进行二次封装;
◊ 使用elementplus 遇到一些问题,如:运行时与打包后展示效果不同等问题,在官方issue中得到解决。
◊ 配合运维进行前端部署。
2、单点登录项目
作为部门内部各个系统及公司内部第三方系统的统一登陆页面
◊ 独立开发SSO登陆页面,使用vue2.0搭建项目框架;
◊ 使用 cross-env 和 dotenv 区分打包环境,区分开发、测试、生产环境下的域值和回调地址; ◊ 输出子系统接入单点登录文档和前端单点登录解决方案文档
3、培训系统
公司内部 员工线上线下培训平台 ,分为门户端、学员端、讲师端、管理端。
◊ 作为该项目前端负责人,使用 vue2.0 + element-UI 构建前端框架; ◊ 使用公司内部组件库 quectel-UI 作为本项目主要组件;
◊ 使用vue-router进行权限控制,权限控制到按钮层;
◊ 使用阿里播放器进行视频播放,配合后端进行清晰度、倍速切换等; ◊ 使用webpack进行打包优化,优化首屏加载渲染10s至3s;
◊ 配合运维进行前端部署。