移动端CRM系统开发 · 课程目录

CRM系统概述与移动端趋势

CRM定义、核心价值、移动端兴起、主流产品对比

📊 趋势📱 对比

开发环境搭建

Node.js · React Native/Flutter · Android Studio · Xcode · Hello World

⚙️ 配置🛠️ 工具

项目初始化与目录结构

CLI创建项目 · 目录解析 · package.json · TypeScript设置

📁 结构📦 配置

View, Text, Image, ScrollView, TextInput 核心组件

🧩 组件🎨 属性

布局与样式

Flexbox · StyleSheet · 响应式 · 列表/网格/卡片

📐 布局✨ 响应式

导航与路由

React Navigation / Navigator · Stack, Tab, Drawer · 参数传递

🧭 导航🔀 路由

状态管理入门

useState/useEffect · setState · Context · 状态提升

📊 状态🔄 数据流

网络请求与数据获取

Fetch/Axios · GET/POST · 错误处理 · 接口封装

🌐 网络📡 API

用户认证模块

登录/注册 · Token管理 · JWT · 权限控制

🔐 认证🛡️ 安全

客户列表页面

列表UI · 无限滚动 · 下拉刷新 · 搜索筛选

📋 列表🔍 搜索

客户详情页面

展示信息 · 编辑资料 · 关联联系人/商机 · 卡片布局

👤 详情📇 关联

联系人管理

增删改查 · 关联客户 · 快速拨号/邮件 · 分组

📞 联系人👥 分组

Pipeline设计 · 列表/详情 · 拖拽阶段 · 金额统计

💼 商机📈 漏斗

活动记录与时间线

互动记录 · 时间线UI · 排序 · 附件上传

📅 活动⏳ 时间线

日历与日程管理

日历组件 · 创建/编辑日程 · 提醒 · 系统同步

📆 日历⏰ 提醒

报表与数据可视化

Victory/FL Chart · 销售漏斗 · 柱状图/饼图 · 导出

📊 图表📉 KPI

本地存储与离线能力

SQLite/WatermelonDB · 离线同步 · 网络监听

💾 存储📴 离线

FCM/APNs · 通知点击 · 本地通知 · 权限管理

🔔 推送📲 通知

文件与图片处理

拍照/相册 · 压缩上传 · 文件预览 · OSS

🖼️ 图片📎 文件

搜索与全局搜索

全局搜索 · 历史记录 · 高亮 · Fuse.js模糊搜索

🔎 搜索✨ 高亮

多语言与国际化

i18n · 语言切换 · 文本外部化 · 日期/货币

🌍 国际化🗣️ 多语言

主题与暗黑模式

主题色板 · 亮/暗切换 · Context传递 · 动态样式

🎨 主题🌙 暗黑

FlatList优化 · 图片懒加载 · 减少重渲染 · Profiler

⚡ 性能📉 优化

Jest/Flutter Test · 组件测试 · 集成测试 · E2E

🧪 测试✅ 单元

调试与日志

Debugger/DevTools · 日志分级 · Error Boundaries · Crashlytics

🐞 调试📋 日志

打包与发布

Android签名 · iOS证书 · App Store/Google Play · 版本管理

📦 打包🚀 发布

CI/CD 持续集成/部署

GitHub Actions · 自动化测试 · 自动打包 · TestFlight

🔄 CI/CD🤖 自动化

安全最佳实践

数据加密 · HTTPS证书固定 · 代码混淆 · 安全存储

🔒 安全🛡️ 加密

项目实战：从零搭建CRM

需求分析 · 数据库设计 · 核心功能 · 部署上线

🏗️ 实战🎯 完整

课程总结与未来展望

核心回顾 · AI集成趋势 · 低代码 · 职业建议

🎓 总结🚀 展望