余初网络官网

1、立项背景和目标：针对个人与中小企业上云门槛高、服务器管理繁琐的痛点，搭建 jidcy 官网，目标是提供便捷的服务器在线选购与自助管理服务，降低运维成本，提升服务交付效率。
2、软件功能、核心功能模块的介绍：核心模块包括服务器套餐选购、订单支付、服务器启停 / 重装管理、性能监控及账单续费。
3、业务流程、功能路径描述：用户注册登录→选购服务器配置并支付→系统自动部署→进入控制台管理服务器、查看监控数据→在账单页完成续费，形成闭环。

1. 整体架构与技术栈
项目为前后端分离微服务架构：
前端：Vue3 + TypeScript + Vite + Element Plus，实现响应式控制台；
后端：NestJS + TypeScript + MySQL + Redis，Docker 容器化部署；
设计思路：聚焦用户体验与运维自动化，核心能力拆分为微服务，通过 API 网关调度，保障扩展性。
2. 负责模块与量化成果
核心负责前端控制台及交互模块开发优化：
完成 80%+ 核心页面（服务器选购、订单支付、控制台管理）开发；
实现服务器监控面板，支持 6 项核心指标实时展示，数据更新延迟≤3 秒；
优化页面性能：首屏加载从 3.2s 降至 1.1s，操作响应提速约 65%；
推动 12 个核心 API 接口规范落地，接口调用成功率从 92% 提升至 99.8%。
3. 难点与解决方案
监控数据推送延迟高：弃用轮询，改用 WebSocket 长连接，延迟从 15s 降至 3s 内，服务器请求量减少 40%；
多设备布局错乱：基于 Element Plus 响应式布局重构界面，适配多终端，移动端误触率下降 70%；
TS 类型定义不统一：引入 Zod 校验，统一数据结构，类型错误率从 35% 降至 5% 以下。