项目介绍
全面了解 admin 管理后台的定位和功能
⚙️ Admin 项目介绍
Hey,同学!想统一管理 iFluxArt 的所有内容吗?这一篇给你介绍 Admin 管理后台~ 🎛️
🤔 Admin 是干嘛的?
Admin 是 iFluxArt 的统一管理后台,所有子系统的内容都可以在这里管理和维护。
💡 想象一下:Admin 就像是「指挥中心」—— 在这里你可以掌控整个 iFluxArt 生态!
🏗️ 项目定位
| 维度 | 说明 |
|---|---|
| 定位 | 统一内容管理后台 |
| 面向用户 | 站点管理员、内容运营者 |
| 技术栈 | Next.js 16 + React 19 + shadcn/ui |
| 访问地址 | /admin(需要登录) |
✨ 核心功能
📝 内容管理
| 模块 | 功能 |
|---|---|
| 博客 | 新建、编辑、删除、发布文章 |
| 文档 | 在 docs 中创建/管理文档 |
| 链接 | 管理 links 中的网址 |
| 分类 | 管理所有分类体系 |
🖼️ 媒体库
- 图片上传和管理
- 云端存储(Cloudflare R2)
- 图片裁剪、压缩
⚙️ 系统设置
- 主题配置
- 评论开关
- SEO 设置
👤 用户管理(待实现)
- 权限控制
- 角色分配
- 操作日志
📍 入口地址
text
开发环境:http://localhost:3001
生产环境:https://admin.yourdomain.com
⚠️ 注意:Admin 需要登录才能访问!
🏗️ 技术设计
Server Components
后台大量使用 Server Components:
- 数据获取在服务端完成
- 减少客户端 JavaScript
- 更好的安全性
客户端交互
部分操作需要客户端组件:
- 富文本编辑器
- 拖拽排序
- 文件上传
🔐 权限控制
访问控制
只有管理员可以访问 Admin:
- 在 Supabase 中配置用户角色
- 中间件拦截未授权访问
操作权限
| 操作 | 权限 |
|---|---|
| 浏览后台 | 登录用户 |
| 管理内容 | 管理员 |
| 系统设置 | 超级管理员 |
📊 与其他项目的关系
text
Admin (管理后台)
│
├──📝 管理 → Blog (博客)
├──📝 管理 → Docs (文档)
├──📝 管理 → Links (导航)
│
└──🖼️ 上传 → R2 (云存储)
Admin 是「总调度」,其他系统是「执行部门」。
📖 下一步
⚙️ Admin 是「幕后英雄」,支撑整个内容生态!