[JS/TS] Vue3开源CRM系统开发指南：基于NestJS与TDesign的全流程可视化客户管理

客户关系管理（CRM）已成为各类规模企业实现精细化运营、驱动业务增长的关键工具。对于中小团队和初创公司而言，一套轻量、灵活且能够快速上手的CRM系统尤为重要。本文将深入介绍一款基于现代技术栈构建的开源智能CRM系统，它聚焦核心销售场景，通过全流程可视化设计，帮助团队高效管理客户与业务。

项目核心定位

该项目旨在为业务多变的团队提供一套开箱即用、高度可定制的解决方案。它不追求功能大而全，而是专注于赋能销售团队：统一管理客户信息、系统化跟进销售线索、并通过可视化数据驱动业绩分析。无论是教育机构的学员跟进、服务公司的合同续约，还是创业团队的市场拓展，其模块化设计都能快速适应不同的行业需求。

系统功能模块一览

核心业务模块

• 数据大屏：集成多维业绩统计、实时业务监控与深度数据分析。
• 客户管理：涵盖客户信息库、销售线索全生命周期跟进与销售机会管理。
• 产品管理：建立产品分类体系，维护产品详细信息与库存跟踪。
• 订单管理：实现订单创建、跟踪、业绩归因与销售报表生成。
• 合同管理：提供合同模板管理、在线合同生成与履约状态跟踪。
• 任务管理：支持任务分配、进度提醒与团队协作评论。

高级能力扩展

• 工作流引擎：内置可视化流程设计器，支持复杂业务流程的灵活编排、实例管理与分析。
• 表单系统：提供拖拽式表单设计器，用于数据采集、统计分析并可公开发布。
• AI智能助手：集成智能客户推荐、销售机会分析与业务数据洞察能力。
• 审批流程：实现自定义多级审批设置、流程流转跟踪与审批统计。

系统管理后台

• 权限管理：基于RBAC（基于角色的访问控制）模型，实现角色、用户、部门的多维细粒度权限控制。
• 活动记录：记录完整的系统操作日志与用户行为，便于审计与追踪。
• 系统配置：提供灵活的参数配置界面，满足个性化部署需求。

项目主要特点

• 现代化UI体验：基于腾讯出品的TDesign Vue Next组件库，提供美观、一致的企业级界面。
• 深度数据可视化：集成ECharts，支持构建数据大屏与多维图表，直观呈现业务趋势。
• 完善的权限体系：采用RBAC模型，支持角色、部门、用户三级权限管理，保障系统安全。
• 集成AI能力：内置智能推荐与语义理解，辅助用户进行决策，提升工作效率。
• 可视化流程编排：通过工作流引擎，可灵活设计审批、任务分发等复杂业务流程。
• 拖拽式表单设计：表单设计器支持丰富字段与动态逻辑，快速构建数据收集页面。
• 多端响应式适配：采用响应式布局，完美兼容PC、平板及手机等设备。
• 轻量化部署：默认采用JSON文件存储，无需额外部署数据库，极大降低初始使用门槛。
• 高度可定制化：采用模块化架构设计，支持功能按需引入，便于二次开发与集成。

技术栈详解

前端技术栈

技术	版本	说明
Vue 3	3.5.13	渐进式JavaScript框架
TypeScript	5.7.3	提供类型安全的开发体验
Vite	6.0.5	下一代前端构建工具
TDesign Vue Next	1.10.6	企业级UI组件库
Pinia	2.3.0	Vue官方状态管理库
Vue Router	4.5.0	Vue官方路由管理器
ECharts	6.0.0	数据可视化库
Vue Flow	1.47.0	流程图与工作流可视化编辑器
Axios	1.7.9	基于Promise的HTTP客户端

后端技术栈

技术	版本	说明
NestJS	11.0.1	渐进式NestJS框架，用于构建高效、可扩展的服务端应用
TypeScript	5.7.3	确保后端代码的类型安全与可维护性
Passport JWT	4.0.1	基于JWT的身份验证策略
Bcrypt	5.1.1	用于密码哈希加密
Multer	2.0.2	处理 multipart/form-data 文件上传的中间件
Class Validator	0.14.2	基于装饰器的DTO参数验证库

本地部署与体验

环境要求

• Node.js ≥ 18.0.0
• npm ≥ 9.0.0 或 pnpm ≥ 8.0.0

安装与启动步骤

# 1. 克隆项目代码
git clone https://github.com/MrXujiang/NO-CRM.git
cd NO-CRM

# 2. 安装后端依赖
cd backend
npm install

# 3. 初始化数据库（macOS / Linux系统）
./init-db.sh

启动项目（生产模式）

# 启动前端静态资源服务
node .server.js "./frontend/dist"

# 启动后端API服务
cd backend
npm run start:prod

访问应用

• 前端应用：http://localhost:5173
• 后端API：http://localhost:3005
• 默认管理员账号：admin@jitword.com / admin111

在线预览

您也可以通过以下链接直接体验系统功能：体验地址

系统界面预览

系统登录页

数据概览首页

表单设计管理

合同模板管理

工作流分析

客户跟进记录

项目源码

该项目结构清晰，文档齐全，开发者可直接克隆源码在本地运行，或根据实际业务需求进行功能扩展与二次开发。

GitHub仓库地址：https://github.com/MrXujiang/NO-CRM

结语

NO-CRM项目为那些需要客户管理能力但希望避免复杂重型系统的团队提供了一个务实、现代化的选择。它通过清晰的功能模块、可视化的业务流程和开箱即用的特性，有效解决了客户信息散乱、销售过程不透明、数据分析困难等常见痛点。如果你正在寻找一个轻量、灵活且技术栈先进的CRM解决方案，这个开源项目值得深入尝试。