- 发表于
ERP/业务财务一体化/进销存物流管理SAAS
- 作者
- 姓名
- MASON Joey
- https://x.com/JoeyJoeMA
ERP/业务财务一体化/进销存物流管理SAAS
广东XXXX物流股份有限公司（2021.2-2024.7）
工程化 全栈架构组
- 前端ERP系统(基建，重构，部署)旧系统架构复杂，技术栈老旧，数据流复杂、并发高，跨部门协作与系统集成，容器化部署容灾集成挑战。
ERP/业务财务一体化/进销存物流管理SAAS
Redux ant-design Apollo Cluster
- React + Nest.js + Tailwind CSS / emotion重构项目，系统针对多设备场景完成响应式布局移动端适配（运输人员手持端、司机智控系统）以及省级分拨中心，区域加盟网点互联特别是对复杂RBAC鉴权与交互需求。 结合AOP通过middleware、Interceptors、Guards、Pipes模块,JWT令牌中的角色信息来动态判断用户的权限控制并记录访问日志、缓存处理、数据验证的解耦统一管理。基于状态管理库的后台封装UseTable Hook等元数据表单结构开发了地图渲染,距离定位内置,货车导航等组件，解决存储状态数据持久化推动优化初始渲染从17秒降低至3秒。React-DAD库实现可视化的拖拽表单设计并通过Service workers支持弱网离线缓存提交至IndexedDB检测环境后统一提交。支持网格视图实时预览可任意导入数据，进行字段映射和数据校验可视化UI规则配置并且提供数据导出分析解析Excel、CSV等文件格式和回单付及水印章电子面单等业务场景需求。 基于搭建审批流程图，结合业务逻辑实现从路由规划成本开始的控制和审批流转，四级地址库自动实时结算灵活价格体系，至末端落地配派单、拼单、抢单模式。对接外部约车服务提供智能合单、拆单配送。
- 微服务架构与 BFF 层设计为解决老旧系统中的复杂数据流问题，使用GraphQL通过Apollo Client的useQuery、useMutation、useLazyQuery将多个微服务的 API 整合为一个统一的接口减少多次网络请求按需加载数据优化了数据查询的效率，在高并发N+1查询问题引入了DataLoader合并数据请求,Cluster Module多子进程、Redis Stream、Pub/Sub作为消息队列缓存层解决了频繁的数据查询接口轮询导致的卡顿。WebSocket实时通信车辆全程可视化运力组织方式,沙漏计时、里程碑控制严格时效。GPS 位置、车速、朝向等信息实时传递针对车辆调度核心。增加心跳重连机制增强稳定性，优化了调度算法，实现了动态路径规划更新做到运输千万级吨数下确保车辆在高效装载最优行驶路径。
- 监控与容灾：系统部署了 Sentry.io 日志监控，捕捉系统中的异常事件和性能瓶颈。Kubernetes容灾方案确保系统在突发故障时能够进行快速恢复提供了容器化，保证系统的高可用性。CI/CD 自动化测试与持续交付项目使用配合 Jest 测试工具进行单元测试和e2e测试。
AI prompt业务数据统筹数据可视化分析
Next.js GSAP prompt Echarts
- 负责项目从0到1的搭建、开发、上线，涵盖前端、Web服务端Chart平台基于AI Prompt 实现集团战略分析需求导入原始数据集、并输入分析需求，就能自动生成可视化图表及分析结论，提高数据分析效率。
- 基于Next.js SSR优化首屏加载速度，使用React.lazy和Suspense实现按需加载，UseMemo优化性能，Transition以及图片预加载来优化图片未加载完全等导致的用户视觉体验问题。并按动画设计使用GSAP交付效果并解决了渲染时出现的Hydration(水合)错误。
- 滚动加载虚拟列表的实现，控制列表渲染数据量和图表相关hooks的封装图表详情弹窗的代码复用性。
- 根据用户提问对向量数据库进行相似性检测RAG增强后 prompt 传递给 llm时回答更加聚焦。
加载评论
0% read