首页/ 资源中心/ 移动端网页/ 云客 · 客户信息管理系统 H5
🧩

云客 · 客户信息管理系统 H5

管理系统 · 上传者 驰旭教育 · 更新于 2026-07-14
移动端网页 免费开源 客户管理CRM管理系统移动端
7浏览
0下载
0点赞
2026-07-14更新

⚠ 版权与免责声明

本资源由社区用户「驰旭教育」上传分享,版权归原作者所有。
· 本站内容仅限个人学习与研究使用,严禁用于任何商业用途
· 下载后请于 24 小时内删除或销毁,逾期风险自负。
· 因参考、运行本站代码产生的任何损失,本站不承担赔偿责任。
· 如涉及侵权,请联系我们,核实后 48 小时内下架。
· 源代码演示数据中的 人名、企业名称、机构、产品、联系方式等信息,均属于在学习研究时的测试模拟数据,与现实中的同名任何个人、企业、组织无任何关联;若有雷同,纯属巧合。如这些内容无意中侵犯您的合法权益,请联系我们,核实后将及时删除或更改。

功能介绍

  • 移动端优先,自适应各类机型与分辨率
  • 纯 HTML/CSS/JS,零依赖双击即开
  • 含客户总览 / 添加客户 / 修改客户 / 客户详情 / 跟进记录 / 数据统计 6 个功能页面
  • localStorage 持久化客户与跟进数据,增删改刷新不丢失
  • 客户列表支持按姓名 / 公司 / 电话搜索与等级筛选
  • 客户详情一键拨号、查看跟进历史、编辑与删除
  • 跟进记录可按客户关联,记录电话 / 微信 / 拜访 / 邮件
  • 数据统计可视化:等级分布、状态占比、成交 TOP3、跟进趋势

界面预览

界面预览
界面预览
界面预览
界面预览
界面预览
界面预览

源码结构

crm01/
index.html 客户总览(仪表盘 / 搜索 / 筛选 / 列表)
add.html 添加客户(表单)
edit.html 修改客户(表单预填)
detail.html 客户详情(资料 + 跟进记录 + 编辑/删除)
follow.html 跟进记录(列表 + 新增)
stats.html 数据统计(等级 / 状态 / 成交 / 跟进)
css/style.css 移动端样式
js/main.js 交互脚本(增删改 / 跟进 / 统计 / localStorage)

详细说明

本模板为「驰旭教育」客户信息管理系统移动端示范源码,使用原生 HTML5 + CSS3 + JavaScript 编写,无任何第三方框架依赖,浏览器直接打开 index.html 即可预览。

目录结构清晰:index.html 客户总览(仪表盘/搜索/筛选/列表)、add.html 添加客户、edit.html 修改客户、detail.html 客户详情、follow.html 跟进记录、stats.html 数据统计;css/style.css 与 js/main.js 为共享样式与交互。

交互说明:index 页展示总客户、本月新增、跟进中、成交金额四项统计,支持关键词搜索与等级筛选;add/edit 表单提交后写入本地存储;detail 页查看资料、拨打电话、查看跟进、编辑或删除;follow 页记录每次跟进并关联到客户;stats 页实时计算等级分布、状态占比、成交 TOP3 与跟进数量。

自定义方法:修改 css/style.css 顶部 :root 中的主题色即可整体换色;修改 js/main.js 顶部的 SEED_C / SEED_F 种子数据即可替换示例客户与跟进记录,或直接在前端增删改,数据保存在本机浏览器。

下载压缩包后解压,按源码内 README 配置 AppID / 接口地址 / 云环境,使用对应开发者工具导入即可预览。如遇问题可在评论区留言,由上传者与其他社区成员交流答疑。

用户评论 0

还没有评论,来抢沙发~