我的技术栈以 Vue 3 + TypeScript + Pinia 为主,或 React 18 + TypeScript + Zustand/Redux Toolkit。熟悉 Element Plus / Ant Design 等UI库,能高效开发复杂后台。服务端渲染方案,如 Next.js 或 Nuxt.js,能构建利于SEO且首屏速度快的网站。同时会通过代码分割、图片优化、PWA 等技术提升体验。除了响应式开发,我有 uniapp / Taro 的实战经验,可以用一套代码发布到小程序和H5,节省开发成本。对移动端兼容性和性能调优有处理经验。、其他方面,可以用 D3.js 或 ECharts 定制数据图表,用 Framer Motion 或 GSAP 实现高级交互动画。对于复杂状态逻辑,有使用 XState 等状态机的经验。
政府业务协同中台系统
技术栈:
前端:React + TypeScript + Redux + Ant Design + ECharts + WebSocket
后端:Spring Boot 2.x + Spring Cloud / Gateway +Nacos/Nacos Config/Spring Security + OAuth2 + JWT
项目描述:
该项目为某市政府内部使用的协同办公中台,整合多个部门业务流程,实现数据可视化、实时通信与流程自动化。系统涵盖权限管理、数据看板、表单引擎、文件协同等功能,支撑日常政务高效处理。实现RBAC+ABAC混合权限模型,前端动态生成菜单与操作按钮。针对万级表格数据采用虚拟滚动与分页加载,提升交互流畅度。通过自定义事件与状态共享,解决子应用间数据同步问题。开发表单与图表配置面板,支持非技术人员快速搭建页面。
核心功能:
搭建前端架构,采用微前端方案实现模块独立开发与部署,实现动态路由与权限控制,支持千人千面的界面与操作权限。开发可配置表单引擎,通过JSON Schema快速生成业务表单,集成ECharts与地图组件,构建多项业务数据可视化看板。
2. 青少年心理健康AI测评与咨询平台
技术栈:
前端:Vue+ TypeScript + Node.js + WebRTC + WebSocket + AI对话集成
后端:Spring Boot 2.x + Spring WebFlux + Python FastAPI
项目描述:
平台面向青少年提供心理测评、AI聊天机器人、咨询预约及音视频咨询服务。后台支持通过决策树配置测评逻辑,AI对话模块结合NLP进行情绪识别,并提供专业的心理咨询师预约与线上咨询服务。决策树动态渲染:将后台配置的决策树结构实时渲染为可交互测评流程,支持分支逻辑与结果计算。AI对话集成:对接NLP服务,实现情绪关键词识别与应答策略匹配,提升对话拟真度。实时音视频通信:基于WebRTC实现低延迟音视频通话,并集成信令服务器与房间管理。心理数据可视化:将测评结果与对话情绪变化以图表形式呈现,辅助咨询师进行分析
核心功能:
开发心理测评模块,根据后台配置的决策树动态生成测评题目与路径,集成AI聊天机器人,实现基于情绪识别的智能对话与心理状态初步判断。实现咨询师预约系统,包括日程展示、预约排队与消息提醒,开发实时音视频咨询模块,支持WebRTC一对一视频/语音通话。构建咨询师管理后台,支持对话记录查看、测评结果分析与用户跟进。
| 角色 | 职位 |
| 负责人 | 全栈开发 |
| 队员 | 产品经理 |
| 队员 | UI设计师 |
| 队员 | 前端工程师 |
| 队员 | 后端工程师 |
通过对测评的量表题目进行编辑,然后对特定的题目进行是否递进的设置,发布测评任务到各个机构,机构下的人员在手机端接收任务并进行作答,后台收集用户的问答数据,并进行分数计算,以及心理状态的分析。在后台显示当前用户的分数属于什么等级,以及各机构用户的整体分布效果。
通过在后台拖拽各类组件的决策树,用户可以在微信小程序上通过不同的分支聊天,走到对应的结果分支,其中包含了固定的内容以及接入大模型的AI分析内容,为用户提供不同的体验。同时小程序上还提供心情日记,通过语音输入,AI进行总结后保存日记。每位用户在完成特定单元后,会得到不同的任务,完成