Skip to content

DIY 页面装修 ​

DIY 能力用于在后台配置首页、用户中心等页面,并把已发布页面通过 API 提供给小程序 / H5 渲染。

使用流程 ​

  1. 打开后台 DIY 页面管理,创建或选择页面模板。
  2. 拖拽组件、配置图片文字和跳转链接,保存草稿。
  3. 预览并发布;发布记录用于追踪当前线上版本。
  4. 前台按页面 key 请求已发布内容,diy-renderer 根据组件类型渲染。

当前组件范围 ​

代码已包含轮播、快捷导航、图片广告、图片魔方、商品组、排行榜、优惠券组、秒杀组、拼团组、标题、间隔、分割线、公告、搜索、店铺信息、富文本、营销入口、分类面板、用户资料头部、用户统计和用户订单 / 菜单组件。

组件链接支持商品、分类、营销活动、优惠券、用户中心等站内目标;链接解析集中在 miniprogram/src/components/diy-renderer/link.ts。

相关位置 ​

  • 后端领域:app/Domain/Content/DiyPage
  • 后台页面:web/src/modules/mall/views/diy(以实际目录为准)
  • 小程序渲染器:miniprogram/src/components/diy-renderer
  • 前台接口:miniprogram/src/services/diy/page.ts

文档内容仅描述当前仓库中已经存在的实现