SmartLive 页面导览
这份文档聚焦“页面本身怎么呈现”。它承接 网站首页 的效果预览,按真实使用路径把用户端 App、商家端 Web 和平台管理端 Web 的核心页面一次看顺。
第一次建议先看: 登录与进入 -> 发现入口与热榜 -> 店铺决策与商品详情 -> 支付、订单、钱包与积分 -> AI 智能助手与 AIGC
- 网站首页只保留最主要的页面入口,方便第一次进项目的人先快速建立印象。
- 这页偏“页面视角”,适合先看产品长什么样;如果想继续看系统全景和关键链路,可以跳去 视觉导览。
- 推荐按“进入 -> 发现 -> 决策 -> 交易 -> 内容 -> 社交 -> AI -> 个人资产”的顺序往下读。
- 如果你想看得更快:用户端建议从
3.1 -> 3.9顺读,商家端建议从4.1 -> 4.4顺读,后台治理建议从5.1 -> 5.4顺读。
页面总览数据
64 张
用户端页面截图
覆盖登录、发现、交易、内容、社交、AI 与个人资产全链路页面
17 张
商家端页面截图
覆盖经营总览、店铺商品管理、订单履约与 AI 经营助手
26 张
平台管理端截图
覆盖审核中心、内容治理、业务用户、积分增长、系统权限与调度后台
107 张
当前总引用截图
当前页面导览里已经引用的全部真实截图资产,可直接用于项目展示和面试讲解
1. 页面能力映射表
这张表不是替代截图,而是把“页面入口、后端模块和对应链路”串起来,方便从页面快速跳到源码和链路文档。
| 能力 / 页面 | 主要前端页 | 对应后端模块 | 关键链路 | 延伸阅读 |
|---|---|---|---|---|
| 首页发现与热门面板 | 首页入口、热门内容流、本地必吃榜、抢手好券榜 | shop / product / blog / index / interaction | 首页热门面板读取链路、热榜维护链路 | 业务链路视觉走查 |
| 搜索与地图找店 | 搜索入口页、搜索结果页、地图找店 | search / shop / product / interaction | LBS 搜索与热词链路 | 核心链路总览 |
| 店铺决策与商品详情 | 店铺详情页、商品详情页、秒杀专区 | shop / product / order / interaction | 订单支付退款链路、秒杀抢购链路 | 核心链路总览 |
| 支付、订单、钱包与积分 | 收银台、订单详情、钱包、积分中心 | order / wallet / points / product | 订单支付退款链路、订单超时取消链路 | 业务链路视觉走查 |
| 内容创作与评价 | 发布页、博客详情、评论区、我的评价、草稿箱 | blog / interaction / audit / ai | 审核责任链与搜索双写、Feed 推送链路 | 业务链路视觉走查 |
| 社交关系、用户偏好与消息 | 关注页、粉丝明细、会话列表、即时通讯、系统消息 | interaction / chat / im / user | Feed 推送与互动同步、系统通知与 IM 推送 | 核心链路总览 |
| AI 智能助手与 AIGC | AI 会话、快捷提问、店铺推荐、商品推荐、下单卡片、博客生成、评价生成 | ai / search / shop / product / blog / interaction | AI 路由策略与 RAG 生成链路 | 核心链路总览 |
| 商家端经营后台 | 经营总览、店铺管理、商品管理、订单管理、AI 经营助手 | shop / product / order / ai | 订单支付退款链路、AI 路由与经营分析 | 开源接入说明 |
| 平台管理端治理后台 | 审核中心、博客管理、评论评价、抽奖配置、积分记录、角色权限、日志与监控 | system / audit / blog / user / points / monitor | 审核责任链、调度与治理链路 | 开源接入说明 |
| XXL-JOB 调度后台 | 调度总览、任务管理、执行器管理 | common-xxl / product / order / interaction | 热榜重建、订单兜底、秒杀预热链路 | 业务链路视觉走查 |
3. 用户端 App 全链路展示
3.1 登录与进入

登录页负责建立账号入口和用户登录态,是第一次进入 App 的起点。
3.2 发现入口与热榜
| 首页入口 | 热门内容流 |
|---|---|
![]() | ![]() |
| 分类入口、优惠专区和秒杀入口 | 热门页与内容分区切换 |
| 本地必吃榜(店铺热榜) | 抢手好券榜 | 抢手团购榜 |
|---|---|---|
![]() | ![]() | ![]() |
| 独立店铺热榜页 | 独立好券热榜页 | 独立团购热榜页 |
| 店铺分类列表 |
|---|
![]() |
| 分类找店与按类浏览入口 |
3.3 搜索与 LBS 找店
| 搜索入口页 | 搜索结果页 |
|---|---|
![]() | ![]() |
| 搜索输入与热词入口 | 全文检索与排序筛选 |
| 地图找店 |
|---|
![]() |
| 地图模式承接附近找店和 LBS 分布查看 |
3.4 店铺决策与商品详情
| 店铺详情页 | 商品详情页 |
|---|---|
![]() | ![]() |
| 店铺介绍、评价与商品入口 | 商品详情与购买入口 |
| 限时秒杀专区 | 优惠专区 |
|---|---|
![]() | ![]() |
| 秒杀活动入口与限时抢购承接页 | 优惠商品入口与专区聚合页 |
3.5 支付、订单、钱包与积分
| 支付收银台 |
|---|
![]() |
| 支付收银与确认 |
| 我的订单 | 订单待支付页 | 订单详情页 |
|---|---|---|
![]() | ![]() | ![]() |
| 订单列表与履约状态 | 待支付订单详情与立即支付入口 | 已支付订单详情与履约状态 |
| 我的钱包 | 钱包充值页 |
|---|---|
![]() | ![]() |
| 钱包余额与资产入口 | 充值与扫码支付 |
| 支付明细页 | 钱包账单页 |
|---|---|
![]() | ![]() |
| 支付流水筛选 | 钱包收支流水 |
| 积分中心 | 积分明细 |
|---|---|
![]() | ![]() |
| 积分资产与成长入口 | 积分收支明细 |
| 签到与抽奖 |
|---|
![]() |
| 连续签到、抽奖玩法与积分增长入口 |
3.6 内容创作与评价互动
| 内容创作发布 | 内容编辑页 | 博客详情页 |
|---|---|---|
![]() | ![]() | ![]() |
| 图文发布与草稿承接 | 已有内容编辑与改稿 | 内容详情与互动 |
| 评价列表页 | 评价发布页 | 评价修改页 |
|---|---|---|
![]() | ![]() | ![]() |
| 商品页内查看网友评价 | 星级、文案与媒体发布入口 | 已发布评价再次编辑 |
| 评价详情页 | 评论区 | 我的评价页 |
|---|---|---|
![]() | ![]() | ![]() |
| 单条评价详情与评论承接 | 评论与评价互动 | 评价状态筛选 |
| 待评价页 | 评价草稿页 | 我的发布/笔记 |
|---|---|---|
![]() | ![]() | ![]() |
| 履约后去评价 | 评价草稿管理 | 已发布内容沉淀 |
| 草稿箱 |
|---|
![]() |
| 未发布内容管理 |
3.7 社交关系、用户偏好与消息
| 动态关注流 | 我的关注页 |
|---|---|
![]() | ![]() |
| 关注内容流 | 用户 / 店铺 / 商品关注三标签 |
| 粉丝明细页 | 用户搜索 |
|---|---|
![]() | ![]() |
| 个人主页下钻后的粉丝关系明细 | 用户关注 / 收藏 / 点赞内容检索 |
| 他人主页 | 添加朋友页 |
|---|---|
![]() | ![]() |
| 用户访问他人主页视角 | 个人中心点击“添加朋友”后的加好友入口 |
| 消息会话列表 | 即时通讯聊天 |
|---|---|
![]() | ![]() |
| 私聊会话入口 | 实时聊天详情 |
| 聊天信息页 | 聊天历史日历 |
|---|---|
![]() | ![]() |
| 会话设置与免打扰入口 | 按日期查找聊天记录 |
| 系统消息页 | 我的互动 |
|---|---|
![]() | ![]() |
| 审核、系统与业务提醒 | 被赞、被评和互动消息汇总 |
3.8 AI 智能助手与 AIGC
| AI 助手浮层 | AI 会话列表 |
|---|---|
![]() | ![]() |
| 点击小精灵后的助手入口浮层 | 历史会话恢复 |
| AI 快捷提问页 | AI 店铺推荐卡片 |
|---|---|
![]() | ![]() |
| 首次进入时的推荐问题与快捷引导 | 附近店铺推荐结果卡片 |
| AI 商品推荐卡片 | AI 下单结果与订单卡片 |
|---|---|
![]() | ![]() |
| 团购与商品推荐结果卡片 | 下单成功后的订单状态卡片 |
| AI 博客生成 | AI 评价生成 |
|---|---|
![]() | ![]() |
| AIGC 探店内容 | AIGC 消费评价生成 |
3.9 个人中心、收藏与账号安全
| 个人中心(含顶部搜索按钮) | 资料编辑页 |
|---|---|
![]() | ![]() |
| 个人中心与顶部搜索入口 | 昵称、头像和简介编辑 |
| 我的收藏页 | 账号安全页 |
|---|---|
![]() | ![]() |
| 店铺 / 笔记 / 商品收藏三标签 | 密码修改与账号安全设置 |
| 设置密码页 | 修改密码页 |
|---|---|
![]() | ![]() |
| 首次设置登录密码 | 旧密码校验后的账号安全修改 |
4. 商家端 Web 核心入口
4.1 登录与经营总览
| 商家端登录页 | 经营总览仪表盘 |
|---|---|
![]() | ![]() |
| 商家端登录入口 | 商家经营总览与数据面板 |
4.2 店铺与商品经营
| 店铺列表页 | 商品列表页 |
|---|---|
![]() | ![]() |
| 商家自有店铺列表与状态管理 | 商家商品列表、状态维护与上下架管理 |
| 新增店铺页 | 新建商品页 |
|---|---|
![]() | ![]() |
| 商家创建店铺、基础信息填写与地图定位 | 商家新建商品、价格规则与营销字段配置 |
| 编辑店铺页 | 编辑商品页 |
|---|---|
![]() | ![]() |
| 商家维护店铺资料、图片素材与地图定位 | 商家调整商品信息、价格与有效期规则 |
| 店铺详情页 | 商品详情页 |
|---|---|
![]() | ![]() |
| 商家查看店铺经营信息、审核状态与相册 | 商家查看商品价格、库存与时间规则 |
4.3 订单履约与详情
| 订单管理 | 订单详情页 |
|---|---|
![]() | ![]() |
| 商家订单履约状态与筛选 | 商家查看订单进度、支付信息与用户信息 |
4.4 AI 经营助手
| AI 经营助手 |
|---|
![]() |
| 商家侧 AI 建议、商品分析与经营辅助问答 |
| 评价回复页 | 经营状况分析页 |
|---|---|
![]() | ![]() |
| AI 辅助生成商家评价回复建议 | AI 分析店铺经营数据并给出阶段性建议 |
| 商品营销文案页 | 经营改进建议页 |
|---|---|
![]() | ![]() |
| AI 辅助生成商品推广文案与营销表达 | AI 综合经营数据输出改进方向与优化建议 |
5. 平台管理端 Web 核心入口
5.1 内容审核与内容治理
| 审核中心 | 审核详情页 |
|---|---|
![]() | ![]() |
| 审核流与驳回回写 | 单条审核内容、附件与处理动作查看 |
| 博客管理列表 | 博客详情页 |
|---|---|
![]() | ![]() |
| 博客内容治理与运营维护 | 单篇博客详情、状态与内容查看 |
| 评价管理列表 | 评价详情页 |
|---|---|
![]() | ![]() |
| 评价治理、状态筛选与批量处理 | 单条评价详情、评分维度与附件查看 |
| 评论管理列表 | 评论详情页 |
|---|---|
![]() | ![]() |
| 评论治理与清理 | 单条评论详情、来源内容与状态查看 |
5.2 运营用户与积分增长
| 业务用户 | 业务用户详情页 |
|---|---|
![]() | ![]() |
| 商家侧用户运营列表与平台查看入口 | 业务用户基础资料与头像信息查看 |
| 抽奖配置 | 积分记录 |
|---|---|
![]() | ![]() |
| 平台侧奖品配置与增长玩法管理 | 平台侧积分记录与发放流水审计 |
5.3 系统管理与权限审计
| 用户管理 | 菜单权限 |
|---|---|
![]() | ![]() |
| 系统账号与权限管理 | 菜单树与按钮权限配置 |
| 参数设置 | 在线监控 |
|---|---|
![]() | ![]() |
| 系统参数与开关配置 | 在线用户与强退 |
| 角色管理 | 登录日志 |
|---|---|
![]() | ![]() |
| 角色与权限字符维护 | 登录审计与状态追踪 |
| 操作日志 |
|---|
![]() |
| 后台操作留痕与行为审计 |
5.4 XXL-JOB 调度后台
| 调度总览 | 任务管理 |
|---|---|
![]() | ![]() |
| 28 个任务、3 个在线执行器的运行总览 | 按执行器查看 JobHandler、CRON 和状态 |
| 执行器管理 | 店铺模块执行器 |
|---|---|
![]() | ![]() |
| 6 个执行器配置与在线节点查看 | 店铺域执行器与 JobHandler 查看 |
| 商品模块执行器 | 订单模块执行器 |
|---|---|
![]() | ![]() |
| 商品域执行器、预热与同步任务查看 | 订单域执行器、过期与提醒任务查看 |
| 互动模块执行器 |
|---|
![]() |
| 互动域执行器、热榜重建与同步任务查看 |








































































































