半泽和莉娜1. 项目概述
在当今企业数字化转型浪潮中，客户关系管理（CRM）系统已成为企业运营的核心基础设施。传统单体架构的CRM系统往往面临扩展性差、维护成本高等问题，而前后端分离架构凭借其灵活性、可扩展性和开发效率优势，正成为现代CRM系统的主流选择。
本项目采用Laravel11作为后端框架，Vue3作为前端框架，构建了一套完整的前后端分离CRM系统。Laravel11作为PHP生态中最成熟的全栈框架，提供了优雅的语法、完善的ORM和认证系统；Vue3则以其响应式系统和Composition API，为前端开发带来了全新的灵活性。二者的结合既保证了后端API的稳定性和安全性，又实现了前端界面的动态交互体验。
需要模型API调用？ 免费领10W Token，多模型网关一键接入 Claude、DeepSeek 等主流模型。
2. 架构设计
2.1 整体架构
前后端分离架构的核心思想是将应用逻辑划分为明确的前后端边界：
code复制┌─────────────────────────────────────────────────────────────┐
│ 前端层 (Vue3 + Vite) │
│ ┌─────────────┐ ┌─────────────┐ ┌─────────────┐ │
│ │ 组件层 │ │ 状态管理层 │ │ 路由层 │ │
│ │ (Components)│ │ (Pinia) │ │ (Vue Router)│ │
│ └─────────────┘ └─────────────┘ └─────────────┘ │
└─────────────────────────────────────────────────────────────┘
│ HTTP/RESTful API
▼
┌─────────────────────────────────────────────────────────────┐
│ 后端层 (Laravel11) │
│ ┌─────────────┐ ┌─────────────┐ ┌─────────────┐ │
│ │ 控制器层 │ │ 服务层 │ │ 模型层 │ │
│ │ (Controllers)│ │ (Services) │ │ (Models) │ │
│ └─────────────┘ └─────────────┘ └─────────────┘ │
│ ┌─────────────┐ ┌─────────────┐ ┌─────────────┐ │
│ │ 数据访问层 │ │ 认证层 │ │ 中间件层 │ │
│ │ (Eloquent) │ │ (Sanctum) │ │ (Middleware)│ │
│ └─────────────┘ └─────────────┘ └─────────────┘ │
└─────────────────────────────────────────────────────────────┘
│
┌───────────────────┼───────────────────┐
▼ ▼ ▼
┌───────────────┐ ┌───────────────┐ ┌───────────────┐
│ MySQL │ │ Redis │ │ MinIO │
│ (数据存储) │ │ (缓存/会话) │ │ (文件存储) │
└───────────────┘ └───────────────┘ └───────────────┘
2.2 技术选型
| 层级 | 技术选型 | 作用说明 | 选型理由 |
|---|---|---|---|
| 前端框架 | Vue3 (Composition API) | 组件化开发、响应式数据绑定 | 相比Options API更灵活的逻辑复用 |
| 构建工具 | Vite5 | 极速热更新、按需编译 | 相比Webpack更快的开发体验 |
| UI组件库 | Element Plus | 企业级UI组件 | 丰富的组件和良好的文档支持 |
| 状态管理 | Pi |