企业管理后台-客户案例-编程学习之家

项目背景

客户经营着 40 余家连锁门店，过去门店进销存、人员排班与报表汇总全部依赖 Excel 与微信群，信息分散、口径不一，总部难以实时掌握各门店经营状况。门店店长也常常因权限不清、流程不规范而反复沟通。客户希望搭建一套统一的企业管理后台，把核心业务流程线上化、数据化。

客户需求

权限分级：总部、区域、门店三级权限，不同角色看到不同数据与功能。
数据看板：销售、库存、人效等核心指标实时可视化，支持多维下钻。
业务流程：调拨、报损、请假等流程在线审批，节点可配置。
库存管理：多门店库存联动，调拨自动扣增，预警自动通知。
报表导出：常用报表一键导出 Excel，支持定时邮件推送。

技术方案

后台前端基于 Vue + 自研组件库搭建，配合动态路由实现按权限渲染菜单与页面；后端使用 Node.js + MySQL，采用 RBAC（基于角色的访问控制）模型管理权限，接口层统一鉴权拦截。数据看板通过 ECharts 渲染，后端按门店/时间维度预聚合，避免实时计算拖慢响应。

RBAC 权限模型

系统将权限拆解为「角色 - 权限点」，用户关联角色，角色关联权限点，前端路由与后端接口共用一套权限编码：

// 后端中间件：校验接口权限
function requirePerm(code) {
  return async (ctx, next) => {
    const perms = ctx.state.user.perms; // 由 JWT 解析
    if (!perms.includes(code)) {
      ctx.throw(403, '无权访问该资源');
    }
    await next();
  };
}

// 路由声明
router.post('/stock/transfer', requirePerm('stock:transfer'), controller.transfer);

前端在登录后拉取用户权限列表，动态注册路由并过滤菜单，做到「无权限的页面既不可见也不可访问」。审批流程采用轻量状态机，节点、流转条件与审批人通过配置化定义，无需改代码即可新增流程。

后台系统的灵魂是权限与流程。RBAC 把「谁能做什么」讲清楚，状态机把「事情怎么流转」讲清楚，二者结合就是企业的数字神经。

实现效果

内部协作效率提升 50% 以上，审批平均时长从 2 天缩短到 4 小时。
库存周转率提升 18%，调拨与报损流程透明可追溯。
总部决策有数据支撑，核心报表实时刷新，告别手工汇总。
权限边界清晰，越权操作归零，数据安全合规性显著提升。

项目总结

企业管理后台是典型的中后台项目，重点不在炫酷交互，而在权限模型、流程引擎与数据治理的扎实设计。本案例完整呈现了 RBAC 权限、动态路由与流程状态机的实现。想深入掌握中后台开发，推荐结合后端开发教程与前端技术中的工程化知识系统学习。