Skip to content

后台管理 · 产品概览

模块代号:Admin 路由前缀:/admin(独立于前台,共用登录入口页 /) 上游规范:design-system.md


1. 产品定位

一句话定位:面向商家运营团队的电商中台,覆盖"商品-订单-营销-内容-会员-权限"全业务链路的操作系统。

商业目标

  • 提升运营人效:批量操作、快捷筛选、数据驱动决策
  • 保障交易履约:订单全流程可视化、异常可追溯
  • 支撑精细化运营:营销工具、内容配置、会员分层

北极星指标:运营操作效率(单任务平均耗时)+ 业务数据健康度(GMV/订单/转化)


2. 角色与权限模型

2.1 业务角色

角色职责核心模块典型操作
超级管理员系统全权,账号与权限管理全部分配角色、配置权限
商品运营商品上下架、分类品牌维护PMS新增商品、改价、审核
订单客服订单处理、发货、售后审核OMS发货、退货审核、改地址
营销运营活动/优惠券/推荐位配置SMS/CMS建券、配广告、设专题
内容运营专题/帮助/话题内容维护CMS写专题、更新帮助
财务订单金额核对、退款审批OMS(只读)查看报表、退款审核

2.2 权限模型(RBAC)

用户(Admin) ──多对多──> 角色(Role) ──多对多──> 权限
                                          ├── 菜单权限(Menu):能看到哪些页面
                                          └── 资源权限(Resource):能调哪些API
  • 菜单权限:控制侧边栏可见页面与路由访问
  • 资源权限:控制 API 接口调用(按钮级控制的基础)
  • 超管拥有全部权限,不受限制
  • 权限变更后,用户下次请求即生效

2.3 权限设计原则

  • 最小权限:角色只授予完成职责所需的最小权限集
  • 职责分离:订单处理与退款审批分属不同角色(防舞弊)
  • 操作留痕:所有敏感操作(改价/退款/权限变更)记录操作日志

3. 信息架构(IA)

后台管理
├── 首页仪表盘(数据总览 + 待办)

├── 商品 PMS
│   ├── 商品列表(查/增/改/上下架/审核)
│   ├── 商品分类(三级分类树)
│   ├── 商品类型(属性模板:规格/参数)
│   ├── 品牌管理
│   └── 运费模板

├── 订单 OMS
│   ├── 订单列表(查/发货/关闭/备注)
│   ├── 订单详情(全流程信息 + 操作)
│   ├── 订单设置(超时/收货/评价规则)
│   ├── 退货申请处理(审核/收货/退款)
│   └── 退货原因设置

├── 营销 SMS
│   ├── 秒杀活动(活动/场次/商品)
│   ├── 优惠券(建券/发放/领取记录)
│   ├── 品牌推荐 / 新品推荐 / 人气推荐 / 专题推荐
│   └── 广告列表(首页轮播位)

├── 内容 CMS
│   ├── 专题管理(内容化导购页)
│   ├── 话题管理
│   ├── 优选专区
│   ├── 帮助管理(分类 + 文章)
│   └── 举报处理

└── 权限 UMS
    ├── 会员列表(C端用户管理)
    ├── 会员等级(等级与权益配置)
    ├── 用户列表(B端运营账号)
    ├── 角色列表(角色与权限分配)
    ├── 菜单列表(页面权限树)
    └── 资源列表(API权限 + 分类)

4. 全局布局设计

4.1 布局骨架

┌──────────┬──────────────────────────────────────┐
│          │  顶栏:面包屑导航 ──────── [全屏][👤用户▾] │
│  侧边栏   ├──────────────────────────────────────┤
│  (210px) │  TagsView:[首页][订单列表×][商品列表×]  │
│          ├──────────────────────────────────────┤
│ ▸首页    │                                      │
│ ▾商品    │   内容区(独立滚动)                    │
│   商品列表│   ┌────────────────────────────┐    │
│   商品分类│   │ 页面主体                    │    │
│   ...    │   └────────────────────────────┘    │
│ ▸订单    │                                      │
│ ▸营销    │                                      │
│ ▸内容    │                                      │
│ ▸权限    │                                      │
└──────────┴──────────────────────────────────────┘

4.2 侧边栏规则

  • 两级菜单:一级为业务模块(商品/订单/营销/内容/权限),二级为功能页面
  • 当前页面高亮,父级自动展开
  • 可折叠为图标模式(64px),悬停浮出菜单
  • 菜单由菜单权限动态渲染,无权限的菜单不显示

4.3 TagsView 多标签

  • 打开的页面以标签形式保留,支持快速切换
  • 标签可关闭(×),首页标签固定不可关
  • 关闭当前标签自动切换到相邻标签
  • 刷新页面后标签保留(会话级缓存)

4.4 顶栏

  • 面包屑:展示当前页面层级路径(模块/页面)
  • 用户区:头像+用户名,下拉(个人中心/退出登录)
  • 退出登录二次确认,退出后跳转登录入口页

5. 列表页通用设计范式

后台 80% 的页面是列表页,统一遵循以下范式(详见 design-system 5.6):

┌─ PageCard:筛选搜索 ────────────────────────┐
│  关键词[____] 状态[▾全部] 时间[起~止]          │
│                    [查询] [重置]             │
└────────────────────────────────────────────┘
┌─ PageCard:数据列表 ────────────────────────┐
│  [+ 新增]  [批量操作▾]          共 N 条       │
│  ┌──────────────────────────────────────┐ │
│  │ ID │ 名称 │ 状态 │ 时间 │ 操作        │ │
│  │ 1  │ xxx │[上架]│ ... │ 编辑 删除    │ │
│  └──────────────────────────────────────┘ │
│                    [< 1 2 3 > 共N条]       │
└────────────────────────────────────────────┘

统一规则

  • 筛选区与列表区分为两个独立卡片
  • 状态列必须用 Tag,颜色遵循设计系统 5.5 约定
  • 操作列文字按钮,≤5 个,超出收进"更多"下拉
  • 删除统一二次确认
  • 分页默认每页 10 条,可选 10/20/50

6. 表单页通用设计范式

┌─ PageCard:基本信息 ────────────────────────┐
│  字段A*  [__________]                       │
│  字段B*  [▾ 请选择  ]                       │
│  字段C   [__________]  辅助说明文字           │
└────────────────────────────────────────────┘
┌─ PageCard:详细信息 ────────────────────────┐
│  ...                                       │
└────────────────────────────────────────────┘
        [取消]  [保存](主按钮)

统一规则

  • 按信息类别分卡片(基本信息/详细信息/其他设置)
  • 必填项标红星,标签右对齐
  • 保存按钮固定在表单底部或页面底部
  • 长表单(商品编辑)用分步骤或锚点导航
  • 离开未保存表单需提示"有未保存的修改"

7. 页面清单与优先级

模块页面优先级核心指标设计文档
仪表盘P0待办处理率01-dashboard.md
PMS商品列表/增改P0商品上架效率02-pms.md
PMS商品分类P002-pms.md
PMS商品类型/属性P002-pms.md
PMS品牌管理P002-pms.md
PMS运费模板P102-pms.md
OMS订单列表/详情P0发货时效03-oms.md
OMS退货处理P0售后处理时效03-oms.md
OMS订单设置/退货原因P103-oms.md
SMS优惠券P0券核销率04-sms.md
SMS秒杀活动P1活动转化04-sms.md
SMS推荐位(品牌/新品/人气/专题)P1推荐点击率04-sms.md
SMS广告列表P1广告点击率04-sms.md
CMS专题管理P105-cms.md
CMS帮助管理P105-cms.md
CMS举报处理P1举报处理时效05-cms.md
CMS话题/优选专区P205-cms.md
UMS会员列表/等级P006-ums.md
UMS用户/角色/菜单/资源P006-ums.md

8. 全局业务约定

8.1 操作日志

  • 所有订单操作(发货/关闭/退款/改价)必须写入操作历史表
  • 记录:操作人 + 操作类型 + 备注 + 时间
  • 订单详情页可查看完整操作记录(时间线)

8.2 数据权限

  • 本期为单商户模式,所有运营可见全量数据
  • 预留多商户数据隔离扩展点

8.3 审核机制

  • 商品新增/修改后进入"待审核"状态,审核通过才上架
  • 审核拒绝需填写拒绝原因
  • 退货申请需人工审核(通过/拒绝)

8.4 批量操作

  • 列表页支持多选批量操作(批量上架/下架/删除)
  • 批量操作前二次确认,展示影响数量
  • 批量结果反馈:成功 N 条,失败 M 条(失败原因可查)

Mall 电商系统知识库