项目一、数字云影像(Web+微信小程序)——医疗类B端系统
Web端:Vue3+Element-Plus+Pinia+Javascript+scss+Axios+Echarts+Websocket
核心开发:主导实现动态路由、权限管理,独立负责在线聊天、统计、签名模块。基于WebSocket实现医生在线聊天功能,日均处理1000+ 条消息,稳定运行6个月;使用Signature Pad库实现电子签名功能,解决了高分辨率设备下签名位置偏移问题。
数据可视化:基于 ECharts 实现大屏可视化,实现8类图表(动态地图、趋势图、分布热力图),支持实时刷新(WebSocket),日均调用量2K+次。
个性化配置:实现三种主题 + 切换动画,支持随系统切换,就诊流程自定义配置(自动叫号/进入报告自动锁定),满足90%用户的个性化需求。
高复用组件封装:二次封装10+ 通用组件(表单/表格/图片裁剪上传),采用插槽 + 动态组件设计,适配10+ 业务场景,复用超50次,减少35%重复代码量。
微信小程序:Wxa.js+Vant-weapp+Axios+Canvas
核心开发:独立实现3种登录方式、全局水印、扫码、查看影像功能,日均服务500+ 用户;集成 AI 报告解读功能,解析服务器流式数据响应时间<1s,准确率95%。
影像交互优化:使用 Canvas 和分片加载技术实现医疗影像的查看与交互功能,页面加载时间从5s降至2s,用户操作流畅度提升50%。
构建优化:微信小程序端采用分包打包 + 图片压缩,主包体积从2MB 降至1.4MB(减少30%),解决版本更新问题,显著提升用户体验与开发效率,间接提升构建速度。
项目二、MDT多学科会诊(Web+App)——医疗类B端系统
Web端:Vue3+Element-Plus+Pinia+Javascript+scss+Axios+Echarts
核心开发:负责UI设计及实现、会诊预约、病例编辑模块。
病例编辑效率优化:通过 EventBus 实现病例多模块编辑功能,自定义操作面板(如快速标注、模板化录入),医生编辑效率提升25%。
请求层优化:二次封装 Axios,集成请求拦截、JWT 自动刷新、接口缓存机制,减少30%重复代码,接口调试效率提升40%。
App端:
- React Native+React Navigation6.x+React Native Elements+Tyscript+Axios+Mobx
核心开发:开发App全功能,包括项目搭建与配置、封装业务组件、数据处理与存储等。
状态管理:状态管理方案优化(Mobx),页面渲染性能提升20%。
打包发布:掌握安卓应用本地打包流程,包括 Gradle 配置、APK/AAB 生成及签名发布。
- Uniapp+uView+Uni-ui+Pinia+Axios
1.核心开发:基础功能实现(登录/通讯录/个人中心)。
2.工程化搭建:实现iOS/Android双端云打包,构建耗时从15min缩短至5min。
3.移动端适配:基于媒体查询与 REM 方案实现精细化响应式布局,覆盖20+ 主流机型。