1、立项背景和目标:
为酪动科技打造企业官网与智能服务平台,对外统一展示企业与产品,对内集成AI在线服务与在线交易能力,形成"展示+服务+交易"的业务闭环,替代纯静态宣传页。
2、软件功能、核心功能模块:
企业展示模块(响应式官网,PC/移动端自适应);AI在线对话模块(接入大模型,支持多厂商模型切换、打字机式流式输出);在线支付下单模块(支付宝支付、订单全流程管理);文件上传与管理模块(对象存储);后台管理模块(内容与订单管理)。
3、业务流程、功能路径:
访客进入官网了解企业与产品→使用AI在线对话获取服务→选择服务下单并通过支付宝支付→支付结果异步回调、订单状态自动更新→管理员在后台处理订单与维护内容。
1、整体架构和设计思路:
采用 pnpm monorepo 工程结构。前端 React 19 + Vite + Tailwind CSS + shadcn/ui 组件库,Framer Motion 实现交互动效;后端 Node.js + Express + tRPC;数据层 Drizzle ORM + PostgreSQL;文件存储使用 S3 兼容对象存储。通过 tRPC 实现从数据库到前端组件的端到端类型安全,TanStack Query 管理服务端状态,Zod 统一做入参校验。
2、我的负责模块和结果:
独立完成前后端全部开发。AI对话模块适配 OpenAI 标准接口协议,可在 DeepSeek 等多个大模型厂商间无缝切换,基于 SSE 实现流式回复输出;支付模块完成订单创建、回调验签、状态机流转全链路;文件模块对接对象存储实现上传与管理。
3、遇到的难点和解决方案:
难点一:流式输出在弱网环境下容易断流、卡顿。解决方案:前端实现流式缓冲渲染与超时自动重试,后端对上游请求做断线重连,对话体验稳定。
难点二:前后端接口联调类型容易不一致。解决方案:用 tRPC + Zod 将类型定义从数据库贯通到前端,编译期即可发现接口不匹配问题,联调效率明显提升。
(注:本项目为开发中状态,目前内测使用。)