模板制作工具使用说明

发布日期： 2022/09/12

到网站管理后台 -> 商店 -> 应用软件 -> 安装“模板制作工具”；安装完成后进入插件界面

一、点击左上“添加模板”按钮：

1. 基础设置

BOSSCMS

文件夹名称：必须用英文数字下划线作为模板文件夹目录名称，使用中文可能乱码

模板图片：展示在后台“主题配置”的模板图片；

模板名称：建议以“行业+响应式模板命名”，例如：“电器设备响应式模板”

模板型号：使用大写英文加数字组合方式，例如HY001

模板版本：新建模板从V1.0开始，大写V

模板描述：随意

栏目级别：默认值为3，表示后台栏目管理中可以添加的栏目级别上限

Jquery版本：默认为1.10.2，可根据模板开发习惯选择

2. 预留字段

BOSSCMS

预留字段为系统默认不调用字段，这些字段需要模板制作时启用才生效；启预留字段后，在添加栏目或添加文档时会显示对应可编辑控件。

例如：模板设计时需要在头部导航下拉中展示独立的图片集，此时可以开启“栏目预留字段”中的“images”图片集控件。

BOSSCMS 对比 BOSSCMS

预留字段说明

字段名	类型	示例	说明
icon、icon1	string	fa-check	后台“图标选择”控件
text1、text2、text3	string	文本内容	后台“多行文本框”控件
image、image1、image2、image3	string	../upload/photo/202201/071125588.png	后台“单图上传”控件
images	string	["../upload/photo/202201/071125588.png","../upload/photo/202201/071125588.png"]	后台“多图上传”控件
container	string	<p>内容</p>	后台“编辑器”控件

3. 模型管理

BOSSCMS

模型管理需要新建模板后点击修改才可配置；模型管理可以把系统中“自建模型”的配置以json形式导入模板，方便之后该模板复制到其他站点并启用时可通过“网站管理后台->项目->模型管理”导入模型。

二、点击模板列表表格中“编辑”按钮，进行板块操作；

板块命名操作界面：

BOSSCMS

点击“添加板块”会自动新增一条空白行，其中输入板块命名及标题保存即可；

【命名要求】：必须使用纯英文或英文加数字方式，不能带有其他特殊字符，也不能有空格

【命名要点】：全局控制板块命名必须为“common”，会在后台“编辑模式”上方黑色导航条中的“公共设置”体现；

在系统自带global.css中有以下多个默认控件

标题	字段名	默认值	参数值
字体大小	ftsize	14	{"12":"12","13":"13","14":"14","15":"15","16":"16","17":"17","18":"18"}
字体粗细	ftweight	400	{"100":"100","200":"200","300":"300","400":"400","500":"500","600":"600","700":"700","800":"800","900":"900"}
文本行距	liheight	1.75	{"1":"1","1.2":"1.2","1.25":"1.25","1.3":"1.3","1.35":"1.35","1.4":"1.4","1.45":"1.45","1.5":"1.5","1.55":"1.55","1.6":"1.6","1.65":"1.65","1.7":"1.7","1.75":"1.75","1.8":"1.8","1.85":"1.85","1.9":"1.9","1.95":"1.95","2":"2"}
背景色	bycolor	rgb(255,255,255)
字体颜色	ftcolor	rgb(33,33,33)
触发颜色	hrcolor	rgb(0,165,235)

三、添加板块保存后点击右侧“编辑”按钮

进入板块控件设置界面

BOSSCMS

【板块表】

该表内控件主要用于板块整体配置，在“编辑模式”中右键点击“配置板块”中所展示的控件组即为此处设置。

控件以集合方式展示，因此有控件组及单个控件行区分；

首先点击左上角“添加控件组”添加一个组，此处只需命名“组名称”（该名称会在“编辑模式”的“配置板块”窗口，以可点击控件组标题形式出现）；

其次点击该组的右侧“添加控件”按钮新增多个控件行；

控件标题：输入中文名称，简述下该控件的作用

控件类型：选择不同类型，会在“编辑模式”中呈现不同控件样式

控件字段：必须使用英文、数字或下划线组合，但不能以下划线开头（同个板块内不能出现相同命名的控件字段，否则会被替代；但不同板块的控件字段可以重复）；

控件值：配置默认值，对该控件内容设置默认值可直接展示在页面中而不需写入数据库

控件说明：可选，描述内容不能太多

新建多个组和多个控件后可以利用右侧“移动”按钮，按住上下拖动控件和组的结合；但需注意第一行必须为控件组，否则不能保存。

【自定义表】

该表内控件有上下级之分，一般用于单页（首页、简介、自定义）状态下的某板块的“单页面内容列表”增加，需搭配函数的模板编译标签 {layers}{/layers} 使用；

首先点击左上角“添加控件组”添加一个组，命名“组名称”后保留自动生成的“组id”即可（1为默认值，便于使用layers函数时省略“组id”参数）；“组id”必须为数字类型，该值在需要单页面内显示多级层次内容时用于识别上下级的“父id”；“父id”是下拉框，在建有多个组后自动识别可选项，选中后在后台内容添加中会呈现上下级关系的增加方式；在前台调用时也用于{layers}{/layers} 函数的参数。

控件行参照上方【板块表】添加要求即可。

控件类型大全：

控件名称	控件编号	控件名称	控件编号
文本框	0	多行文本框	1
编辑器	2	单选项	3
多选项	4	下拉框	5
单图上传	6	多图上传	7
视频上传	8	附件上传	9
单参数	10	双参数	11
颜色选择器	12	图标选择器	13
代码切换器	14	日期时间格式	15
滑动条	16	全栏选择	20
列表栏选择	21	反馈栏选择	22
搜索栏选择	23	自定义复合框	30
联动菜单	32

模板制作工具模板开发助手

模板制作工具使用说明

常见问题

使用指南

插件开发文档

标签模板开发文档

模板原生开发文档

论坛交流

联系方式