3分钟上传你的模板 / 模板开发教程

模板开发指导、模板开发规范、模板定义

admin - 2023-08-16 09:50:18


1.注册账户并登录系统。

2.进入控制中心,添加模板,如下图:


3.完成后进入开发

模板目录:


index.html模板文件,默认访问此文件。init.json为模板配置文件,用于模板信息配置。cover.jpg为模板预览封面图。

使用其它文件夹的静态文件时,如js,css,jpg,mp3等,引用需使用指定字符,

如模板文件夹名称为herotabs,你们引用则为__PAGE__herotabs/

静态资源引用路径__PAGE__模板文件夹名称  __PAGE__foldername


json配置文件:


配置文件夹中,每个组为一个数值项。

如seotitle为一项,tips为提示用户该输入什么,value为具体的值,默认会读取此值作为模板演示。name为html模板时引用名称,place尚未使用,可不填。

init.json结构如下:

[
{
"name": "title",
"place": "页面标题",
"value": "默认标题",
"tips": "请输入页面标题"
}
]

模板引用数据:


在模板中引用,使用{$data.你的数值名称}即可,如{$data.title},调用了init.json的title组。


到此,模板开发的规范已经完成,在此快速总结:

1.控制中心添加模板,模板路径名称必须和模板文件夹名称一致

2.开发模板,cover.jpg为封面图,init.json为配置文件,静态资源调用使用__PAGE__模板文件夹名称

3.在控制中心上传模板,或联系管理员发送模板文件

4.建议先开发模板,再到后台添加模板。


附加:

留言信息接口:/message/{$data.pagename}

/message/你的网页地址名称

可发送参数:

title/标题
content/内容
nickname/网名
phone/电话
address/地址
email/邮箱