QuickWeb CMS 内容管理系统产品系统Vibe Coding

中小企业需要快速搭建官网+后台管理系统，现有方案成本高或功能冗余。本系统采用前后端分离架构，提供文章/产品/分类/留言管理及RBAC角色权限，一套代码同时支撑前端展示和后台管理，降低中小企业的建站和内容维护门槛。

后台管理：仪表盘数据总览、文章增删改查、产品管理、分类目录树形管理、留言回复与审核、网站配置、用户管理与角色权限分配（superadmin/editor/viewer/member 四角色）。前端展示：文章列表与详情、产品展示、关于我们、联系我们页面、响应式布局。系统功能：JWT用户认证、RBAC权限控制、文件上传、数据统计分析、访问日志记录。

独立完成前后端架构设计和全部功能开发，使用Vue3+FastAPI实现前后端分离。

整体技术架构：
前端框架：Vue3 Composition API + Vite 组件化开发
UI组件：Element Plus + TailwindCSS 响应式布局
状态管理：Pinia 多角色权限状态管理
后端框架：FastAPI + SQLAlchemy 高性能异步架构
数据库：SQLite 轻量级数据存储
认证：JWT Token 中间件 + 装饰器权限校验
文件：静态文件上传与访问

核心模块实现：
模块一：RBAC权限系统 — superadmin/editor/viewer/member 四角色，装饰器+依赖注入实现接口级权限校验
模块二：内容管理 — 文章/产品/分类/留言四模块，分类树形结构+状态管理+回复审核
模块三：前端展示 — 文章详情/产品展示/关于我们/联系我们，TailwindCSS 响应式适配
模块四：系统功能 — 网站配置、数据统计、访问日志、文件上传

关键技术难点：
1. 权限中间件通用化：通过装饰器参数化角色权限，避免每个路由重复写权限校验逻辑
2. 分类树形结构：使用 parent_id 递归查询 + 前端扁平化渲染，平衡后端存储和前端展示
3. 前后端分离部署：FastAPI 静态文件挂载 + CORS 跨域配置，一套代码支撑前后台