通用后台管理系统产品系统Vibe Coding

本项目旨在解决企业内部管理系统开发周期长、重复造轮子的问题。
通过搭建一套通用的后台管理系统框架，
提供用户管理、权限控制、数据看板、表单列表等通用模块。
开发者可直接基于该框架快速定制业务需求，减少重复开发成本。
适用于电商后台、SAAS平台、企业内部管理系统等场景。

本项目是一个基于 Vue3 + Element Plus 构建的纯前端 CMS 内容管理后台 Demo，主要包含以下功能模块：
工作台 — 首页数据概览，展示关键业务指标
用户管理 — 用户列表、增删改查、搜索筛选、分页
运营管理 — 栏目树形结构管理、详情展示
内容管理 — 内容发布编辑器（集成 WangEditor 富文本编辑器）、内容列表管理
商店/商品管理 — 商品列表、商品上下架管理
验收管理 — 验收流程管理
数据统计 — 使用 ECharts 实现折线图、柱状图、饼图等可视化图表
材料选购管理 — 材料选择、采购流程管理
技术栈包括 Vue3、Vite、ECharts 可视化图表、WangEditor 富文本编辑器、Sass 样式预处理。所有数据均为前端 Mock 假数据，可用于 UI 还原、界面定制。

本项目为纯前端独立开发，从需求分析到界面实现全程一人完成。
技术栈方面，采用 Vue3 Composition API + 语法糖，配合 Vite 进行构建打包，使用 Pinia 进行状态管理，UI 框架选用 Element Plus，图表可视化采用 ECharts，富文本编辑器集成 WangEditor，样式预处理使用 Sass。
实现亮点与难点：
Vue3 组合式 API — 采用 语法糖写法，代码更简洁、逻辑更清晰
树形栏目管理 — 实现无限级栏目树结构，支持展开/收起、拖拽排序、增删改查
ECharts 可视化 — 封装通用图表组件，实现折线图、柱状图、饼图等数据可视化展示
富文本编辑 — 集成 WangEditor，实现图文内容发布、编辑功能
组件化封装 — 将表格、表单、弹窗等常用逻辑封装为复用组件，提高开发效率