普通视图

发现新文章,点击刷新页面。
昨天 — 2025年11月27日首页

耗时一周,我把可视化+零代码+AI融入到了CRM系统,使用体验超酷!

作者 徐小夕
2025年11月27日 15:10

最近花了一周时间,配合AI,打磨了一款CRM客户管理系统——NO-CRM。

图片

客户关系管理(CRM)系统的核心价值在于以客户为中心,通过数字化手段打通 “获客 - 转化 - 留存 - 复购 - 推荐” 全链路,帮助企业降本增效、提升客户价值与市场竞争力。

做这款CRM系统之前,我研究了市面上比较流行的商业产品,结合了我之前设计的零代码理念,做了一款从客户管理,数据分析,到用户收集,再到工作流设计的一整套解决方案,大家可以直接部署使用。

图片

我们可以直接在CRM中在线设计各种收集表单:

图片

后台自带了表单收集和统计分析功能,同时还能设计工作流:

图片

并自定义工作流和审批条件:

图片

当然还有AI分析模块,我们可以通过AI帮我们分析线索数据:

图片

我已经把这个CRM系统镜像开源,大家可以直接安装或者部署到服务器直接使用。

接下来就和大家一起分享一下我做的这款全栈CRM 系统。

✨ 特性

  • 🎨 现代化 UI - 基于 TDesign Vue Next,提供精美的企业级界面
  • 📊 数据可视化 - ECharts 驱动的数据大屏和图表分析
  • 🔐 完善的权限系统 - RBAC 权限模型,支持角色、部门、用户细粒度权限控制
  • 🤖 AI 智能助手 - 集成 AI 功能,提供智能推荐和辅助决策
  • 🔄 工作流引擎 - 可视化流程设计器,支持复杂业务流程编排
  • 📝 表单设计器 - 拖拽式表单设计,支持多种字段类型和校验规则
  • 📱 移动端适配 - 完美支持各种设备,响应式设计
  • 💾 轻量化存储 - 基于 JSON 文件存储,无需复杂数据库配置
  • 🚀 开箱即用 - 简单配置即可快速部署上线
  • 🔧 高度可定制 - 模块化设计,易于扩展和二次开发

技术栈

image.png

前端技术

技术 版本 说明
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也实现了动态创建组织部门的功能,并能基于组织部门设置单独的权限:

图片

当然还有很多高价值的功能,大家可以线上体验:

好啦,今天的分享就到这,如果你有好的建议,欢迎留言区交流反馈~

❌
❌