最近花了一周时间，配合AI，打磨了一款CRM客户管理系统------NO-CRM。
客户关系管理（CRM）系统的核心价值在于以客户为中心，通过数字化手段打通 "获客 - 转化 - 留存 - 复购 - 推荐" 全链路，帮助企业降本增效、提升客户价值与市场竞争力。
- 体验地址：no-crm.flowmix.cn/
- 本地安装开源地址：github.com/MrXujiang/N...
做这款CRM系统之前，我研究了市面上比较流行的商业产品，结合了我之前设计的零代码理念，做了一款从客户管理，数据分析，到用户收集，再到工作流设计的一整套解决方案，大家可以直接部署使用。
我们可以直接在CRM中在线设计各种收集表单：
后台自带了表单收集和统计分析功能，同时还能设计工作流：
并自定义工作流和审批条件：
当然还有AI分析模块，我们可以通过AI帮我们分析线索数据：
我已经把这个CRM系统镜像开源，大家可以直接安装或者部署到服务器直接使用。
- 本地安装开源地址：github.com/MrXujiang/N...
接下来就和大家一起分享一下我做的这款全栈CRM 系统。
✨ 特性
- 🎨 现代化 UI - 基于 TDesign Vue Next，提供精美的企业级界面
- 📊 数据可视化 - ECharts 驱动的数据大屏和图表分析
- 🔐 完善的权限系统 - RBAC 权限模型，支持角色、部门、用户细粒度权限控制
- 🤖 AI 智能助手 - 集成 AI 功能，提供智能推荐和辅助决策
- 🔄 工作流引擎 - 可视化流程设计器，支持复杂业务流程编排
- 📝 表单设计器 - 拖拽式表单设计，支持多种字段类型和校验规则
- 📱 移动端适配 - 完美支持各种设备，响应式设计
- 💾 轻量化存储 - 基于 JSON 文件存储，无需复杂数据库配置
- 🚀 开箱即用 - 简单配置即可快速部署上线
- 🔧 高度可定制 - 模块化设计，易于扩展和二次开发
技术栈
前端技术
| 技术 | 版本 | 说明 |
|---|---|---|
| Vue 3 | 3.5.13 | 渐进式 JavaScript 框架 |
| TypeScript | 5.7.3 | JavaScript 的超集，提供类型安全 |
| Vite | 6.0.5 | 下一代前端构建工具 |
| TDesign Vue Next | 1.10.6 | 腾讯企业级组件库 |
| Pinia | 2.3.0 | Vue 官方状态管理库 |
| Vue Router | 4.5.0 | Vue 官方路由管理器 |
| ECharts | 6.0.0 | 强大的数据可视化库 |
| Vue Flow | 1.47.0 | 流程图编辑器 |
| Axios | 1.7.9 | HTTP 客户端 |
后端技术
| 技术 | 版本 | 说明 |
|---|---|---|
| NestJS | 11.0.1 | 渐进式 Node.js 框架 |
| TypeScript | 5.7.3 | 类型安全的开发体验 |
| Passport JWT | 4.0.1 | JWT 身份验证策略 |
| Bcrypt | 5.1.1 | 密码加密库 |
| Multer | 2.0.2 | 文件上传中间件 |
| Class Validator | 0.14.2 | 基于装饰器的参数验证 |
已实现功能
- 用户认证
-
- 用户注册与登录
- JWT token 认证
- 角色权限控制（管理员/销售）
- 客户管理
-
- 客户列表查看与搜索
- 新建、编辑、删除客户
- 客户详情查看
- 标签管理
- 线索管理
-
- 线索状态流转（未跟进→跟进中→已合格→已成交/无效）
- 意向等级管理
- 线索筛选
- 跟进记录
-
- 多种跟进方式（电话、邮件、会议等）
- 时间线展示
- 下次跟进提醒
- 任务管理
-
- 待办事项管理
- 优先级设置
- 到期提醒
- 任务状态切换
- 文件上传
-
- 支持图片、PDF、Word、Excel 文件上传
- 客户附件管理
- 文件在线预览和下载
- 数据大屏
-
- 实时统计数据展示
- Echarts 图表可视化
- 多维度数据分析
- 其他功能
-
- 分页支持（所有列表）
- Mock 数据生成
- 数据搜索和筛选
当然对于企业团队来说，组织部门管理也是必备的，NO-CRM也实现了动态创建组织部门的功能，并能基于组织部门设置单独的权限：
当然还有很多高价值的功能，大家可以线上体验：
- 演示地址：no-crm.flowmix.cn
- 开源地址：github.com/MrXujiang/N...
好啦，今天的分享就到这，如果你有好的建议，欢迎留言区交流反馈～