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% 以下。