- 🏠 简介
- 🔌 api接口
-
🔧 插件开发
- 介绍
- 插件优势
- 新建插件
- 技术栈
- 插件开发规范
- 插件目录结构
- model 层开发
- service 层开发
- api 接口开发
- menu 菜单开发
-
event 事件钩子开发
- 开发指南
- 常用事件
- SiteInit 站点初始化事件
- AddSiteAfter 站点创建后事件
- MemberRegister 会员注册后事件
- MemberLogin 会员登录后事件
- PayCreate 支付创建事件
- PaySuccess 支付成功事件
- RefundSuccess 退款成功事件
- TransferSuccess 转账成功事件
- BottomNavigation 底部导航事件
- NoticeData 消息模板数据内容事件
- GetQrcodeOfChannel 创建二维码事件
- ExportDataType 导出数据类型事件
- ExportData 导出数据源事件
- GetPosterType 海报类型事件
- GetPosterData 海报数据事件
- ShowCustomer 应用管理加载事件
- GetWechatTransferTradeScene 微信支付转账场景事件
- ThemeColor 主题风格事件
- initWap 手机端初始化加载事件
- dict 数据字典开发
- layout 自定义布局开发
- job 消息队列和计划任务开发
- notice 消息发送开发
- printer 小票打印模板开发
- export 数据导出开发
- diy 自定义组件/页面装修开发
- diy 自定义表单组件开发
- poster 自定义海报开发
- icon 引入图标
- 支付方式开发
- upgrade 插件版本升级
- 打包插件
- 授权信息变更回调通知
- 官网上架
- 📝 二次开发须知
- 👨💻 二次开发指导
-
🎬 二次开发应用插件视频教程
- 二次开发安装视频教程
- 准备工作与创建插件
- 插件目录整体说明
- 插件admin目录
- 插件app目录说明(adminapi、api、验证器)
- 插件app目录(dict、job)
- 插件app目录说明(lang、listener)
- 插件app目录说明(model、service)
- 插件uniapp目录说明
- 插件开发之后台功能开发(代码生成器)
- 插件开发之uniapp功能开发(api)第一节
- 插件开发之uniapp功能开发(api)第二节
- 插件开发之uniapp功能开发(api)第三节
- 插件安装与打包原理
- 消息队列开发
- 计划任务开发
- DIY组件和自定义页面装修开发
- 支付接口开发
- 插件升级包打包流程以及云编译功能
自定义页面模板
功能介绍
每种自定义页面类型可以定义N个自定义页面模板,维护好自定义页面模板后,可以在装修时快速创建、调整

框架定义的页面模板
系统框架定义了系统首页、系统个人中心的页面模板,同时会加载插件的自定义页面模板
如需了解自定义页面模板的核心原理,开发者可以自行阅读
文件位置:niucloud/app/dict/diy/PagesDict.php

插件开发页面模板
文件位置:niucloud/addon/shop/app/dict/diy/pages.php
代码说明
<?php
return [
'DIY_SHOP_INDEX' => [ // 页面类型关键字key
'shop_index_style1' => [ // 页面模板标识key
"title" => "商城首页1", // 页面模板名称
'cover' => '', // 页面模板封面图
'preview' => '', // 页面模板预览图
'desc' => '', // 页面模板描述
'mode' => 'diy', // 页面模式:diy:自定义,fixed:固定
"data" => [
// todo 自定义页面模板数据结构
]
]
]
];
维护自定义页面模板时,根据美工设计的原型图,先装修出来
然后打开数据库,找到diy_page数据表。在表中找到那条数据,然后复制value字段的值
格式化value的值,可以看到自定义页面的数据结构
将value转换成php的格式,放到data中即可
关键代码
<?php
return [
'DIY_SHOP_INDEX' => [ // 页面类型关键字key
'shop_index_style1' => [ // 页面模板标识key
"title" => "商城首页1", // 页面模板名称
'cover' => '', // 页面模板封面图
'preview' => '', // 页面模板预览图
'desc' => '', // 页面模板描述
'mode' => 'diy', // 页面模式:diy:自定义,fixed:固定
"data" => [
// 自定义页面JSON数据结构
...global
...value
]
]
]
];
注意:如果装修页面时上传了图片,在维护页面模板时,要把路径改成相对路径,放到自己开发的插件目录下的图片资源文件的存放位置自行管理
目录位置:niucloud/public/addon/shop
