Appearance
DIY 页面装修
DIY 能力用于在后台配置首页、用户中心等页面,并把已发布页面通过 API 提供给小程序 / H5 渲染。
使用流程
- 打开后台 DIY 页面管理,创建或选择页面模板。
- 拖拽组件、配置图片文字和跳转链接,保存草稿。
- 预览并发布;发布记录用于追踪当前线上版本。
- 前台按页面 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