页面装修流程

页面装修流程（运营与装修配置 / 管理后台装修器）

在页面装修中按终端选择页面并通过拖拽组件完成配置，支持动态数据源与预览验收，发布时处理并发编辑冲突。流程保证 PC 与移动端分别配置与预览，发布后前台用户可见最新版本。

参与角色：平台运营、视觉设计、前端配置员

flowchart TD
    Start([进入页面装修]) --> Terminal{选择终端}
    Terminal -->|PC 商城| PCFlow[PC 页面列表]
    Terminal -->|移动端 H5/小程序| MobileFlow[移动端页面列表]

    PCFlow --> SelectPagePC[选择首页/专题/栏目页]
    MobileFlow --> SelectPageM[选择对应移动端页面]
    SelectPagePC --> DragPC[拖拽组件到画布]
    SelectPageM --> DragM[拖拽组件到画布]

    DragPC --> ConfigData[配置组件：文案/图片/链接]
    DragM --> ConfigData
    ConfigData --> DataSource{需要动态数据}
    DataSource -->|是| BindDS[绑定数据源：商品/类目/广告位]
    BindDS --> DSError{接口失败/无数据}
    DSError -->|是| DSFallback[展示占位或兜底商品]
    DSFallback --> ConfigData
    DSError -->|否| Preview
    DataSource -->|否| Preview[预览效果]

    Preview --> TermPreview{终端预览}
    TermPreview -->|PC| PreviewPC[浏览器宽度预览]
    TermPreview -->|移动| PreviewM[扫码真机预览]
    PreviewPC --> PreviewOK{验收通过}
    PreviewM --> PreviewOK
    PreviewOK -->|否| ConfigData
    PreviewOK -->|是| Publish[发布上线]
    Publish --> PublishConflict{与他人同时编辑}
    PublishConflict -->|版本冲突| MergeOrOverwrite[合并或覆盖确认]
    MergeOrOverwrite --> Publish
    PublishConflict -->|无冲突| Live[前台用户可见]
    Live --> End([页面装修结束])

步骤说明

进入页面装修，选择终端为 PC 商城或移动端 H5/小程序。
PC 端打开页面列表并选择首页、专题或栏目页；移动端打开对应页面列表并选择目标页面。
将组件拖拽到画布，配置文案、图片与链接。
判断是否需要动态数据：若需要则绑定商品、类目或广告位等数据源；若接口失败或无数据则展示占位或兜底商品后回到组件配置；若接口正常则进入预览。若不需要动态数据则直接进入预览。
按终端预览：PC 在浏览器宽度下预览，移动端扫码真机预览；若验收不通过则回到组件配置；若通过则发布上线。
判断是否与他人同时编辑产生版本冲突：若冲突则合并或覆盖确认后重新发布；若无冲突则前台用户可见最新版本。
流程结束。