企业 CRM 数据管理后台

企业 CRM 数据管理后台

全栈客户关系管理后台，含 RBAC 角色权限、AntV/G2 数据看板与中英双语，演示多角色权限下的客户→商机→跟进完整业务链路

Nuxt 3PrismaPostgreSQLAnt Design Vue

项目背景

为展示复杂业务系统交付能力，构建一个功能完整的 CRM 演示后台。

挑战

  1. 多角色权限差异大，需要服务端强制鉴权
  2. 数据范围要按部门/用户隔离
  3. 仪表盘数据需按角色动态聚合过滤
  4. 需要中英双语与演示账号管理

解决方案

  1. Nuxt 3 + Nitro 全栈开发，前后端统一技术栈
  2. Prisma ORM + PostgreSQL/SQLite，schema 驱动开发
  3. nuxt-auth-utils + Scrypt 实现加密 session 与密码哈希
  4. RBAC 权限模型，服务端 requirePermission 强制校验
  5. AntV/G2 数据看板：KPI、漏斗、营收趋势、来源、跟进活动
  6. @nuxtjs/i18n 实现中英双语切换

成果

  1. 完整实现客户 → 联系人 → 商机 → 跟进记录业务链路
  2. 支持多角色权限演示与数据隔离
  3. 一键种子数据填充，开箱即用
  4. 内置演示模式与定时数据重置

技术栈

Nuxt 3NitroPrismaPostgreSQLSQLiteAnt Design VueAntV/G2Tailwind CSSnuxt-auth-utilsZodVitest

项目截图

企业 CRM 数据管理后台 截图 1
企业 CRM 数据管理后台 截图 2
访问在线演示