这是一个基于React和Vue技术栈构建的企业级前端基础设施体系,分为桌面端和移动端两条产品线。这套体系通过提供标准化的UI组件、工具函数和业务逻辑封装,旨在解决重复造轮子的问题,实现“降本增效”和“体验统一”。
点击空白处退出提示
这是一个基于React和Vue技术栈构建的企业级前端基础设施体系,分为桌面端和移动端两条产品线。这套体系通过提供标准化的UI组件、工具函数和业务逻辑封装,旨在解决重复造轮子的问题,实现“降本增效”和“体验统一”。
一、桌面端基础服务
这是整个技术体系的核心,基于React 18 + Ant Design 5.0构建,主要面向复杂的B端管理系统。
核心能力
1.丰富的业务组件:提供20+高质量组件,覆盖表格、表单、数据选择、文件上传等场景。
2.完整的认证服务:内置登录、权限控制(RBAC)、路由守卫,保障系统安全。
3.强大的工具函数:封装请求、路由跳转、权限判断等常用逻辑,提升开发效率。
4.TypeScript支持:全量TS开发,提供完整的类型定义,增强代码健壮性。
实践案例
这套服务已在多个业务系统中落地,包括:
1.业务中台:采用“科技感深蓝”主题,视觉清晰专业,布局上通过卡片式布局展示模块。
2.智慧临床一体化平台:采用“生命守护”主题,使用薄荷绿为主色调,强调医疗领域的专业与温和。
3.大数据中心:采用“数据深蓝”主题,通过光影叠加营造空间纵深感。
4.协同办公:采用“高效协作”主题,使用柔和的蓝为主色调,降低用户认知成本。
移动端基础服务
基于Vue 3 + TDesign构建,面向H5应用场景,旨在提供轻量、高效的移动端开发体验。
核心能力
1.丰富的业务组件:涵盖列表、表单、结果页等移动端常用组件。
2.强大的工具函数:集成权限管理、网络请求、路由配置等功能。
3.TypeScript支持:全量使用TypeScript编写,提供完整的类型定义。
技术栈:Typescript+React+Jotai+Qiankun+Vite+Less+Antd5
1.我的角色为技术架构,负责实现基于 Vite 的组件服务前端脚手架,并建设相关CI/CD流水线。
2.协同 UI 制定交互规范并文档化,搭建前端基础服务(desktop-infra),自研 Markdown 静态站点渲染工具,提供通用组件、工具库与单点登录等服务,并基于 Swagger 与 MCP 实现前端代码智能生成,显著提升研发效率。
3.设计前端监控方案,通过自研日志SDK集成至前端基础服务中、Node 日志服务与飞书告警推动监控体系落地,保障系统稳定运行。






评论