Back to Registry View Author Profile
Official Verified
Backend Admin Dev Skill
Skill by 258468639
skill-install — Terminal
Install via CLI (Recommended)
clawhub install openclaw/skills/skills/258468639/backend-admin-dev-skillOr
Project Portal 后台管理系统 - Skill 文件
项目概述
Project Portal 是一个基于 Vue 3 + Flask 的项目动态管理系统，具备完整的 RBAC 权限管理、多项目管理、图片上传管理和 S3 存储集成等功能。
核心功能模块
1. RBAC 权限管理系统
1.1 角色管理 (Role Management)
- 功能点：
- 创建/编辑/删除角色
- 角色权限分配（支持细粒度权限控制）
- 权限包含：动态管理、分类管理、用户管理、角色管理、菜单管理、系统设置、系统日志
- 前端实现：
frontend/src/views/admin/RoleList.vue - 后端 API：
/api/roles - 数据库表：
roles（角色表）、role_menus（角色菜单关联表）
1.2 用户管理 (User Management)
- 功能点：
- 用户 CRUD 操作
- 角色分配
- 密码重置
- 用户状态管理（启用/禁用）
- 用户搜索和筛选
- 前端实现：
frontend/src/views/admin/UserList.vue - 后端 API：
/api/users - 数据库表：
users（用户表）
1.3 菜单管理 (Menu Management)
- 功能点：
- 菜单 CRUD 操作
- 菜单权限分配（支持树形结构）
- 菜单排序
- 支持多级菜单
- 前端实现：
frontend/src/views/admin/MenuList.vue、frontend/src/views/admin/MenuAuthModal.vue - 数据库表：
menus（菜单表）
2. 多项目管理系统
2.1 项目管理 (Project Management)
- 功能点：
- 项目 CRUD 操作
- 项目基本信息管理（名称、编码、描述、封面）
- 项目状态管理（进行中/已结束）
- 项目负责人分配
- 项目起止日期管理
- 项目看板功能（支持 iframe 嵌入外部看板）
- 项目搜索和筛选
- 前端实现：
frontend/src/views/admin/ProjectList.vue、frontend/src/views/admin/ProjectForm.vue - 后端 API：
/api/projects - 数据库表：
projects（项目表）
2.2 项目成员管理 (Project Members)
- 功能点：
- 项目成员分配
- 成员角色权限管理（项目经理/开发人员/测试人员/普通成员）
- 成员添加/移除
- 前端实现：内嵌在 ProjectForm.vue 中
- 数据库表：
project_members（项目成员表）
3. 图片上传管理系统
3.1 图片选择器 (Image Selector)
- 功能点：
- 图片库浏览（支持网格和列表两种视图）
- 目录树导航（支持多级目录）
- 图片搜索功能
- 图片上传（支持拖拽上传）
- 图片选择（支持单选）
- 自动刷新和加载
- 前端实现：
frontend/src/components/ImageSelector.vue - 组件：
frontend/src/components/DirectoryTreeNode.vue（目录树节点） - 后端 API：
/api/s3/images
3.2 富文本编辑器集成
- 功能点：
- 基于 wangEditor 的富文本编辑器
- 自定义图片插入按钮
- 附件上传功能（支持 PDF、Word、Excel）
- 实时预览功能
- 前端实现：
frontend/src/views/admin/NewsForm.vue
4. S3 存储系统集成
4.1 S3 存储服务
- 架构：独立的 Flask 服务（端口 5050）
- 功能点：
- 文件上传和下载
- 存储桶管理（创建、删除、重命名）
- 目录管理（创建、删除）
- 文件预览和下载
- Web 管理界面
- S3 兼容 API（支持 AWS SDK）
- 实现文件：
backend/s3/s3_server.py - 认证模块：
backend/s3/auth.py - 认证配置：
backend/s3/auth.json
4.2 文件上传 API
- 上传接口：
/api/upload/image - 功能点：
- 支持图片和附件上传
- 文件大小限制（最大 20MB）
- 支持多种格式（图片、PDF、Word、Excel）
- 超时处理（30 秒）
- 错误处理机制
4.3 文件代理服务
- 代理接口：
/api/s3-image/{object_key} - 功能：直接代理访问 S3 存储中的文件
5. 动态内容管理
5.1 项目动态管理 (News Management)
- 功能点：
- 动态 CRUD 操作
- 富文本内容编辑
- 封面图片设置
- 分类管理
- 置顶/热门标记
- 发布时间设置
- 所属项目管理
- 预览功能
- 前端实现：
frontend/src/views/admin/NewsList.vue、frontend/src/views/admin/NewsForm.vue - 后端 API：
/api/news - 数据库表：
news（动态表）
5.2 分类管理 (Category Management)
- 功能点：
- 分类 CRUD 操作
- 分类使用统计
- 前端实现：
frontend/src/views/admin/CategoryList.vue - 数据库表：
categories（分类表）
6. 系统管理
6.1 系统设置 (Settings)
- 功能点：
- 网站基本信息设置（标题、描述、关键词）
- 联系信息设置（邮箱、电话）
- Logo 上传和设置
- 前端实现：
frontend/src/views/admin/Settings.vue - 数据库表：
settings（设置表）
Metadata
AI Skill Finder
Not sure this is the right skill?
Describe what you want to build — we'll match you to the best skill from 16,000+ options.
Find the right skill Add to Configuration
Paste this into your clawhub.json to enable this plugin.
{
"plugins": {
"official-258468639-backend-admin-dev-skill": {
"enabled": true,
"auto_update": true
}
}
}Safety NoteClawKit audits metadata but not runtime behavior. Use with caution.