🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
本节来说明如何用`{block}`标记来分割布局模板 我们打开X1系统的模板会发现,模版中有很多`{block name=xxx}...{/block}`的比较包裹住一部分代码 我们把包裹住的这部分代码称作块状代码。其实这也就是TP5里的模板渲染的一种方式 我们来看个例子,我们打开上一节里的布局模板layout.htm ![](https://img.kancloud.cn/58/b0/58b0188e8b4f05612e960f8b1884e5a8_682x291.png) 在此文件中建立一个块状标记`{block name=xxx}...{/block}` ![](https://img.kancloud.cn/6a/3d/6a3d8cfc4c41a382d9c23c8d922e6158_690x378.png) 注意 每个block中有一个name属性,并设置一个标识符,也就是起一个名字,让模板引擎可以识别它,格式:`name="xxx"` 保存后我们在打开页面看下: ![](https://img.kancloud.cn/fe/ac/feac93d88b5d2ad09b7ca8b479be5777_474x124.png) 我们依次建立头部,主体,尾部三个部分 ![](https://img.kancloud.cn/ff/ef/ffef7cd5ecd814a31288065dd230cb07_542x518.png) 也就是说我们当前这个模板做了上中下,三体的布局,并拆分开来。 ![](https://img.kancloud.cn/c6/57/c657611f3b0be640654066d668053e18_513x195.png)