1.TOKIEBOX 对讲机管理平台
项目简介:该项目是一款专门为公司与合作企业打造的对讲机管理工具。通过直观的可视化界面,用户可以方便地远程控制、管理和监控对所属公司下的布控球、对讲机以及车载设备。
工作内容与成果:
参与视频日历界面渲染器开发,利用 calendar 库、Angular Material 和 Angular Flex Layout 库实现响应式布局,结合 RxJS 以实时更新视频录制时长,并借助 Angular HTTP Client 与后端 API 进行数据交互;
设计并实现视频上传规则模块,采用 Angular Reactive Forms 实现表单验证与动态表单生成,利用 Angular Router 导航守卫实现权限控制,确保对讲机控制功能安全可靠;
开发打卡记录导出pdf渲染器模块,借助canvas实现数据的渲染和图表的绘制,使用pdfmake库实现pdf的生成和导出;
开发救护任务创建与指派模块,利用 Leaflet 将地图集成到应用中,实现对位置信息的可视化展示;
负责集成 ffmpeg.wasm 实现视频合成和剪辑功能,通过ffmpeg.wasm实现对视频合成与剪辑处理,,利用 Angular Universal 实现服务器端渲染,提高应用性能和搜索引擎优化效果;
配合后端对MongoDB数据库进行部分维护;
2.Byelide 低代码平台
项目简介:低代码+可视化搭建平台,涵盖数据源管理与加工、页面组装、流程引擎、低代码编辑器;
工作内容与成果:
参与页面组装模块设计,选用通用 blocksuite (block)方案,使页面元素及物料丰富高度可定制
动态表单开发,借助 Vee-validate,基于 hook 实现可维护性更高的动态表单及表单设计工具
低代码物料出码功能,基于 vue-json-pretty 封装物料协议数据预览与编辑
基于 monaco-editor 实现低代码编辑器复杂功能,包含自动补全、语法提示等 LSP 服务相关内容
主导封装 webpack plugin 及 loader 支持静态资源自动上传、源码脱敏防备、构建优化等
流程引擎及服务编排等内容实现,基于鼠标 move 事件封装 vue draggable 组件实现组件拖拽与页面内容编排
数据源支持 1000 万行表格数据渲染与编辑,通过 canvas 技术实现;
3.换台二手车 小程序
项目简介:该项目是一个基于小程序平台的汽车服务平台,提供免费车辆评估、车辆信息展示、车辆需求留言、车辆租赁以及预约到店试车等服务,实现了高效便捷的汽车服务体验。。
工作内容与成果:
利用 Vue2 框架和 Vant Weapp UI 组件库进行小程序前端界面的开发与优化,采用了响应式布局和组件化开发,提高了用户使用体验和界面渲染效率;
设计并实现了车辆租赁功能,整合了微信支付接口,通过 HTTPS 协议加密传输用户数据,确保了用户租车过程的安全和可靠性;
实现了预约到店试车功能,利用了微信地理位置服务和实时路况查询接口,借助 IndexedDB 技术实现了本地缓存,提高了试车预约的精确度。