一个基于 FastAPI Vue3 的轻量级 DevOps 平台从代码提交到 K8s 部署全流程可视化。在互联网快速迭代的今天研发与运维的协作效率直接决定了产品的交付速度。传统的运维方式存在以下痛点 代码发布靠手动频繁出错 服务器分散管理缺乏统一视图 流水线构建状态不可见排查困难 多环境、多项目、多服务管理混乱DevOps 平台应运而生提供一个可视化、可扩展、易上手的一站式运维管理解决方案。️ 技术架构前端技术栈技术用途版本Vue 3前端框架组合式 API3.4TypeScript类型安全提升代码质量5.0Vite极速构建工具5.0Element Plus企业级 UI 组件库2.6Pinia轻量状态管理2.1Vue Router前端路由管理4.2AxiosHTTP 请求拦截与统一管理1.6Xterm.js浏览器端 Web SSH 终端5.3后端技术栈技术用途版本FastAPI高性能异步 Web 框架0.109SQLAlchemy异步 ORM支持 MySQL/PostgreSQL2.0Python-JOSEJWT 认证与授权3.3BCrypt密码安全加密4.1ParamikoSSH 远程连接Web 终端3.4Docker SDK镜像构建与推送7.0Kubernetes ClientK8s 集群部署管理28.1WebSocket实时日志推送FastAPI 原生UvicornASGI 高性能服务器0.27核心功能模块1️⃣ 用户认证与权限管理JWT 双 Token 认证基于角色的权限控制RBAC管理员/普通用户分级管理2️⃣ 项目管理项目/环境/服务三级结构支持多环境生产/UAT/开发项目级服务器资源隔离3️⃣ 服务器管理服务器信息统一管理IP/OS/环境/状态Web SSH 远程终端基于 Xterm.js服务器与项目动态关联/移出4️⃣ CI/CD 流水线可视化阶段步骤拉取代码 → 编译 → 构建镜像 → 部署支持自定义构建步骤流水线执行状态实时追踪执行历史与日志回溯一键执行 版本号输入5️⃣ 管道图形化展示步骤节点 状态圆点绿/红/灰/蓝闪烁点击阶段名称编辑配置代码仓库/编译命令/镜像名/K8s 命名空间6️⃣ Kubernetes 部署集成未开发通过 K8s API 更新 Deployment 镜像支持多命名空间管理滚动更新状态实时反馈7️⃣ 数据统计仪表盘未开发项目数/服务器数/流水线数/今日部署次数最近部署记录快速查看模块快速入口项目管理/服务器管理/CI/CD 界面预览流水线列表Jenkins 风格一行一个流水线状态清晰管道图形步骤节点 状态圆点直观展示执行进度项目管理项目/环境/服务器三层结构资源隔离Web SSH浏览器直接登录服务器无需额外工具 未来规划功能状态预计完成应用监控Prometheus 集成 规划中2026 Q4告警通知钉钉/邮件 规划中2026 Q4批量命令执行Ansible 集成 规划中2026 Q4服务拓扑图 规划中2026 Q4可以联系获取源码不免费|九九|接受的来
