P008-眼镜学习平台工作流程图 v1.0

一、客户使用流程

1

扫码进入平台

用户扫描二维码或点击链接，直接进入平台首页（无需下载App）

↓

2

判断登录状态

系统检测localStorage中是否有user记录
已登录 → 进入首页
未登录 → 显示登录注册页（无需验证码）

↓

3

填写信息 + 选择兴趣

一页完成：输入称呼 + 手机号 + 选择兴趣标签

兴趣标签选项
验光技巧镜片知识销售技巧门店运营产品推荐眼健康知识

↓

4

立即开始

点击按钮 → 数据存入localStorage → 自动保存到管理后台客户列表 → 进入首页

↓

5

进入首页，开始学习

浏览课程卡片 / 查看行业资讯 / 参与活动 / 观看视频 / 收听播客

二、底部导航结构

首页课程资讯我的

page-homepage-listpage-newspage-profile

导航页	页面ID	功能说明
首页	page-home	轮播图/快捷入口/热门课程/最新资讯/活动推荐
课程	page-list	课程分类(验光/镜片/销售/运营/产品/眼健康)
资讯	page-news	行业资讯/公告通知/内容浏览
我的	page-profile	个人信息/学习记录/我的收藏/设置

三、课程模块流程

1

课程分类浏览

按分类筛选：验光技巧 / 镜片知识 / 销售技巧 / 门店运营 / 产品推荐 / 眼健康知识

↓

2

课程列表

展示课程卡片（封面/标题/讲师/章节数/学习人数）

↓

3

课程详情 page-detail

章节列表 / 课程介绍 / 讲师介绍 / 课件下载

↓

4

开始学习

视频播放 / 章节切换 / 讨论区 / 上一章/下一章

↓

5

学习完成

获得学习进度记录 / 更新后台学习数据

四、资讯模块流程

1

资讯列表 page-news

展示行业资讯/公告列表，支持分类筛选

↓

2

资讯详情 page-news-detail

查看文章详情 / 浏览图片 / 互动评论

↓

3

发布资讯（管理后台）

后台编辑资讯内容 → 发布 → 实时更新到用户端

五、活动模块流程

1

活动中心 page-activity

分类筛选：培训活动 / 促销活动 / 会员活动 / 产品发布

↓

2

活动详情 page-activity-detail

活动介绍 / 时间地点 / 报名费用 / 报名按钮

↓

3

报名参与

填写报名信息 → 提交 → 活动记录保存

管理后台活动管理

        创建活动 → 填写信息(名称/时间/地点/描述) → 发布 → 实时报名统计 → 活动执行 → 数据复盘

六、播客模块流程

1

播客分类

主理人访谈 / 行业分析 / 销售技巧 / 门店运营 / 活动回顾

↓

2

播客列表

展示播客卡片（封面/标题/时长/播放量）

↓

3

播放页 page-podcast-detail

音频播放器 / 进度条 / 订阅 / 分享 / 相关推荐

七、会员/我的模块 page-profile

已登录状态

· 会员信息卡片（头像/昵称/手机）
· 学习进度统计
· 我的收藏列表
· 退出登录

未登录状态

· 显示"点击登录/注册"
· 点击后跳转登录页

八、管理后台功能结构 page-admin

            数据概览
            标签规则库
            客户标签管理
            客户列表
            活动管理
            公告管理
            🎙️ 播客管理
            👥 社群管理
            🎯 兴趣管理
        

功能模块	说明
数据概览	展示关键KPI指标（客户数/活动数/学习数据）
标签规则库	配置客户标签生成规则
客户标签管理	新增/编辑/删除兴趣标签
客户列表	动态读取用户注册数据（姓名/电话/兴趣/来源）
活动管理	创建/编辑/发布/删除活动
公告管理	发布/编辑行业资讯和通知
播客管理	上传/管理音频内容
社群管理	管理用户社群互动
兴趣管理	管理用户兴趣标签配置

九、AI标签生成流程

1

用户行为数据采集

课程学习 / 资讯浏览 / 活动报名 / 播客收听 / 兴趣选择

↓

2

自动打标签规则

基础会员参与偏好来源渠道新客户

↓

3

后台展示

客户画像 / 统计分析 / 标签筛选

十、会员等级权益

等级	获取条件	权益
基础学员	注册即得	免费课程浏览/基础功能
高级学员	学习5门+课程	专属课程/优先报名/积分倍率
VIP学员	学习10门+课程	全部课程/1v1咨询/2x积分

十一、数据存储结构（localStorage）

用户端

            user → 用户基本信息（姓名/电话/兴趣/等级）

            userInterests → 兴趣标签数组

            customers → 客户列表（供管理后台读取）

            courseProgress → 课程学习进度

管理后台

            customerTags → 兴趣标签列表

            tagRules → AI标签规则

            activities → 活动数据

            news → 资讯内容

            podcasts → 播客内容

十二、页面ID映射

功能	页面ID
首页	page-home
课程列表	page-list
课程详情	page-detail
资讯列表	page-news
资讯详情	page-news-detail
活动中心	page-activity
活动详情	page-activity-detail
播客列表	page-podcast
播客详情	page-podcast-detail
登录页	page-login
我的	page-profile
管理后台	admin.html

P008-眼镜学习平台 工作流程图 v1.0

P008-眼镜学习平台工作流程图 v1.0