NO-CRM 2.0，基于Vue3+Echarts+NestJS，用A...

大家好，我是徐小夕。架构师，曾任职多家上市公司，多年架构经验，打造过上亿用户规模的产品，目前全职创业，主要聚集于“Dooring AI零代码搭建平台”和“flowmixAI多模态办公软件”

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

jitword

熟悉我的朋友可能知道, 我一直在研究和分享AI相关的技术和开源项目，自己也在创业做AI产品。

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

NO-CRM

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

支持采购管理模块（采购全流程）供应商管理产品管理支持产品图片，产品规格，产品参数等字段订单管理支持分组支持BI模块（销售驾驶舱和销售大屏）优化RBCA权限系统合同管理支持附件上传功能可视化工作流审批可视化表单引擎（表单设计器）

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

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天上线，快速验证商业模式数据自主可控，安全有保障

技术实现方案

技术栈

版本

说明

前端框架

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. 客户与线索管理

客户管理

完整客户档案基本信息（姓名、公司、职位、联系方式）联系记录时间轴订单历史一键查看跟进计划与提醒智能标签体系自定义标签创建多标签筛选与组合搜索标签颜色管理标签统计分析客户等级SABCDS级（战略客户）- 最高优先级A级（优质客户）- 重点维护B级（普通客户）- 常规跟进C级（潜在客户）- 定期回访D级（低价值客户）- 自然流失跟进记录管理记录类型（电话、拜访、邮件、微信等）时间轴展示关键动作高亮跟进提醒与待办线索转化流程线索池统一管理线索质量评估一键转客户转化率统计批量操作批量分配销售批量打标签批量导出数据批量删除/归档客户列表优化默认按创建时间倒序排列多维度筛选（等级、标签、时间、销售员）搜索联想功能自定义列显示3. 销售漏斗与营销

销售漏斗可视化

7阶段漏斗模型初步接触 - 线索获取与初步沟通需求确认 - 深入了解客户需求方案报价 - 提供解决方案与报价商务谈判 - 价格、条款协商合同签订 - 正式签署合同款项收取 - 首付、尾款管理交付完成 - 产品/服务交付实时转化率分析各阶段转化率计算漏斗可视化图表对比历史数据转化趋势分析异常预警停留时间过长提醒阶段倒流警告低转化率预警智能建议推送历史快照对比按时间段对比按销售员对比按产品线对比导出对比报告

营销活动管理

客户细分工具基于标签细分基于行为细分RFM模型分析自定义细分规则效果跟踪与分析发送率、打开率、点击率转化漏斗分析成本与收益分析ROI计算ROI计算投入成本统计产出收益计算比例分析优化建议4. 产品与订单管理

产品管理 (Plus版增强)