耗时一周,我把可视化+零代码+AI融入到了CRM系统,使用体验超酷!
2025年11月27日 15:10
最近花了一周时间,配合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…
好啦,今天的分享就到这,如果你有好的建议,欢迎留言区交流反馈~