NO-CRM 2.0正式上线,Vue3+Echarts+NestJS实现的全栈CRM系统,用AI重新定义和实现客户管理系统

上期和大家分享了我们精心打磨的协同AI文档 JitWord

最近利用了两周的空余时间,我把之前开发的 NO-CRM系统做了进一步升级:

这些优化点和需求点,全部来自用户的反馈,比如:

  • 支持采购管理模块(采购全流程)

  • 供应商管理

  • 产品管理支持产品图片,产品规格,产品参数等字段

  • 订单管理支持分组

  • 支持BI模块(销售驾驶舱销售大屏

  • 优化RBCA权限系统

  • 合同管理支持附件上传功能

  • 可视化工作流审批

  • 可视化表单引擎(表单设计器)

最近创业也接触了很多中小企业和独立开发者,对中小团队在客户管理上的痛点也有了更深的认知,比如:预算有限、需求复杂、开发周期长 。正是这些痛点,促使我做了 NO-CRM 项目。

今天,2.0版本正式与大家见面。

为了让大家能开箱即用,我也开源了2个版本,供大家参考:

如果你没有二次开发需求,可以直接使用我们的开源编译版:

github:++https://github.com/MrXujiang/NO-CRM++

如果大家有二次开发需求,或者想学习Vue3 + Nestjs全栈开发,可以参考我们开源的基础源码版:

github:++https://github.com/MrXujiang/FlowCRM++

2.0版本是年前最后一个版本,如果大家感兴趣,欢迎随时交流。

接下来和大家详细介绍一下它的技术实现和功能模块。

为什么选择NO-CRM 2.0?

NO-CRM 是一款基于现代化技术栈打造的轻量级、高性能、易部署 的客户关系管理系统。专为中小企业和初创团队设计,提供从客户管理到业绩分析的全流程解决方案。

它有如下亮点:

零数据库依赖 - 基于JSON存储,部署简单,维护成本低

现代化技术栈 - Vue3 + NestJS + TypeScript,代码规范,易于扩展

开箱即用 - 完整的业务流程,无需二次开发即可使用

私有化部署 - 数据完全掌控,支持本地/云端部署

持续更新 - Plus版提供持续功能迭代和技术支持

对程序员:

  • 📚 学习Vue3 + NestJS最佳实践

  • 🔧 可定制、可扩展的代码架构

  • 🚀 紧跟技术潮流,简历加分项

对产品经理:

  • 💡 借鉴成熟的CRM产品设计思路

  • 📊 了解如何用技术解决业务痛点

  • 🎯 掌握智能化产品功能设计

对企业决策者:

  • 💰 节省数十万的CRM采购成本

  • ⚡ 3天上线,快速验证商业模式

  • 🔒 数据自主可控,安全有保障

技术实现方案

技术栈 版本 说明
前端框架 Vue 3.5 Composition API + Setup Script
后端框架 NestJS 11 企业级Node.js框架
UI组件库 TDesign 腾讯开源企业级组件库
开发语言 TypeScript 5.0 强类型,更安全
构建工具 Vite 6.0 极速热更新
状态管理 Pinia Vue官方推荐
数据存储 JSON 轻量级,易迁移

下面是一个简版的架构设计:

项目结构:

复制代码
frontend/├── src/│   ├── api/          # API接口封装│   ├── assets/       # 静态资源│   ├── components/   # 全局组件│   ├── layouts/      # 布局组件│   ├── locales/      # 国际化文件│   ├── router/       # 路由配置│   ├── stores/       # Pinia状态管理│   ├── types/        # TypeScript类型定义│   ├── utils/        # 工具函数│   ├── views/        # 页面组件│   ├── App.vue       # 根组件│   └── main.ts       # 入口文件├── public/           # 公共资源├── index.html        # HTML模板├── vite.config.ts    # Vite配置└── package.json      # 项目依赖

后端技术方案:

复制代码
// 技术栈{  "核心框架": "NestJS 11",  "运行环境": "Node.js 18+",  "开发语言": "TypeScript 5.0",  "身份认证": "JWT + Passport",  "密码加密": "bcryptjs",  "文件上传": "Multer",  "数据存储": "JSON (fs模块)",  "日志管理": "Winston",  "API文档": "Swagger (可选)",  "进程管理": "PM2",  "反向代理": "Nginx"}

后端的项目目录结构设计:

复制代码
backend/├── src/│   ├── activities/        # 跟进记录模块│   ├── auth/              # 认证授权模块│   ├── audit/             # 审计日志模块│   ├── campaigns/         # 营销活动模块│   ├── contracts/         # 合同管理模块│   ├── contract-templates/# 合同模板模块│   ├── customers/         # 客户管理模块│   ├── departments/       # 部门管理模块│   ├── forms/             # 表单管理模块│   ├── funnel/            # 销售漏斗模块│   ├── leads/             # 线索管理模块│   ├── orders/            # 订单管理模块│   ├── permissions/       # 权限管理模块│   ├── products/          # 产品管理模块│   ├── product-categories/# 产品分类模块│   ├── purchases/         # 采购管理模块│   ├── recommendation/    # 推荐系统模块│   ├── roles/             # 角色管理模块│   ├── segments/          # 客户细分模块│   ├── statistics/        # 统计分析模块│   ├── suppliers/         # 供应商管理模块│   ├── tasks/             # 任务管理模块│   ├── upload/            # 文件上传模块│   ├── users/             # 用户管理模块│   ├── workflows/         # 工作流模块│   ├── app.module.ts      # 根模块│   └── main.ts            # 入口文件├── data/                  # JSON数据存储├── uploads/               # 上传文件存储├── dist/                  # 编译输出└── package.json           # 项目依赖

数据模型设计:

核心功能特性

1. 数据大屏与可视化

  • 实时数据看板 - 业绩趋势、客户分布、销售漏斗一目了然

  • 多维度统计 - 支持按时间、区域、产品、销售员多维分析

  • 可视化图表 - ECharts驱动,支持折线图、饼图、柱状图、漏斗图

  • 自定义筛选 - 灵活的日期范围、条件筛选

2. 客户与线索管理

客户管理

  • 完整客户档案

    • 基本信息(姓名、公司、职位、联系方式)

    • 联系记录时间轴

    • 订单历史一键查看

    • 跟进计划与提醒

  • 智能标签体系

    • 自定义标签创建

    • 多标签筛选与组合搜索

    • 标签颜色管理

    • 标签统计分析

  • 客户等级SABCD

    • S级(战略客户)- 最高优先级

    • A级(优质客户)- 重点维护

    • B级(普通客户)- 常规跟进

    • C级(潜在客户)- 定期回访

    • D级(低价值客户)- 自然流失

  • 跟进记录管理

    • 记录类型(电话、拜访、邮件、微信等)

    • 时间轴展示

    • 关键动作高亮

    • 跟进提醒与待办

  • 线索转化流程

    • 线索池统一管理

    • 线索质量评估

    • 一键转客户

    • 转化率统计

  • 批量操作

    • 批量分配销售

    • 批量打标签

    • 批量导出数据

    • 批量删除/归档

  • 客户列表优化

    • 默认按创建时间倒序排列

    • 多维度筛选(等级、标签、时间、销售员)

    • 搜索联想功能

    • 自定义列显示

3. 销售漏斗与营销

销售漏斗可视化

  • 7阶段漏斗模型

    1. 初步接触 - 线索获取与初步沟通

    2. 需求确认 - 深入了解客户需求

    3. 方案报价 - 提供解决方案与报价

    4. 商务谈判 - 价格、条款协商

    5. 合同签订 - 正式签署合同

    6. 款项收取 - 首付、尾款管理

    7. 交付完成 - 产品/服务交付

  • 实时转化率分析

    • 各阶段转化率计算

    • 漏斗可视化图表

    • 对比历史数据

    • 转化趋势分析

  • 异常预警

    • 停留时间过长提醒

    • 阶段倒流警告

    • 低转化率预警

    • 智能建议推送

  • 历史快照对比

    • 按时间段对比

    • 按销售员对比

    • 按产品线对比

    • 导出对比报告

营销活动管理

  • 客户细分工具

    • 基于标签细分

    • 基于行为细分

    • RFM模型分析

    • 自定义细分规则

  • 效果跟踪与分析

    • 发送率、打开率、点击率

    • 转化漏斗分析

    • 成本与收益分析

    • ROI计算

  • ROI计算

    • 投入成本统计

    • 产出收益计算

    • 比例分析

    • 优化建议

4. 产品与订单管理

产品管理 (Plus版增强)

  • 产品分类与型号规格管理

  • 成本价、售价策略管理

  • 多图上传功能

    • 支持上传最多5张图片

    • 图片预览与编辑

    • 智能压缩与格式转换

    • 主图设置

  • 库存预警与补货提醒

  • 产品搭配推荐

  • 产品生命周期管理

  • 智能定价策略

订单管理 (Plus版增强)

  • 订单全生命周期管理

  • 产品分组功能

    • 同一订单支持多个产品组

    • 分组灵活添加、删除、编辑

    • 每组独立计算金额

    • 支持分组折叠展示

  • 订单状态流转(草稿 → 待审批 → 已审批 → 已完成)

  • 业绩统计与排行榜

  • 订单智能推荐

  • 订单关联合同

  • 分期付款管理

  • 订单历史跟踪

5. 合同与模板管理

合同模板管理 (Plus版增强)

  • 合同模板自定义(支持HTML富文本)

  • 变量系统(动态插入客户、订单、合同信息)

  • 附件管理

    • 多文件上传支持(PDF、Word、Excel、TXT)

    • 卡片式附件列表展示

    • 智能文件图标识别

    • 附件版本历史管理

    • 编辑时附件回显

  • 模板分类管理(销售合同、服务协议、保密协议等)

  • 模板复制与版本控制

  • 使用次数统计

  • 模板预览与变量渲染

合同管理

  • 基于模板快速创建合同

  • 电子签章集成

  • 合同状态流转

  • 到期提醒与续签管理

  • 合同关联订单

6. 审批流程

  • 可视化审批流设计

  • 多级审批支持

  • 审批记录追溯

  • 待办事项提醒

7. 工作流引擎

可视化工作流设计器

  • 拖拽式流程设计

  • 支持节点类型:开始、业务、审批、条件、结束

  • 流程发布与版本管理

  • 流程实例监控

工作流待办中心

  • 我的待办列表

  • 任务处理与流转

  • 流程追踪

  • 统计分析

8. AI智能助手

9. 表单营销

  • 可视化表单设计器

  • 表单分享与嵌入

  • 提交数据收集

  • 数据统计分析

  • 自动转化为线索

10. 采购管理 (Plus版独家)

采购申请流程

  • 采购单创建与提交

  • 多级审批

  • 供应商管理

  • 采购统计

供应商管理

  • 供应商档案

  • 合作历史

  • 评级管理

10. 权限与组织架构

细粒度权限控制

  • RBAC权限模型

  • 功能级权限(增删改查)

  • 数据级权限(部门、个人)

  • 角色自定义

组织架构管理

  • 多级部门树

  • 部门成员管理

  • 部门权限继承

11. 国际化支持

  • 中文/English 双语切换

  • 完整的i18n覆盖

  • 易于扩展多语言

如果大家对这款项目感兴趣,可以参考研究一下:

github++https://github.com/MrXujiang/FlowCRM++

相关推荐
catino2 小时前
图片、文件上传
前端
北鹤M2 小时前
用MeteoStat计算任意时刻经纬度真实气象数据
人工智能·python
Mr Xu_2 小时前
Vue3 + Element Plus 实现点击导航平滑滚动到页面指定位置
前端·javascript·vue.js
小王努力学编程2 小时前
LangChain——AI应用开发框架(核心组件1)
linux·服务器·前端·数据库·c++·人工智能·langchain
庄小焱2 小时前
【机器学习】——房屋销售价格预测实战
人工智能·算法·机器学习·预测模型
pas1363 小时前
35-mini-vue 实现组件更新功能
前端·javascript·vue.js
人工智能AI技术3 小时前
【Agent从入门到实践】29 开发第一个Agent——需求定义
人工智能·python
爱喝可乐的老王3 小时前
深度学习初认识
人工智能·深度学习
前端达人3 小时前
为什么聪明的工程师都在用TypeScript写AI辅助代码?
前端·javascript·人工智能·typescript·ecmascript