阅读本节前,请先阅读:phpwind9.0门户开发教程3:懂html就能制作模版-导入方式
接上一节的简单例子
当导入成功后,鼠标移到相应位置如果没有出现相应的“模块编辑”样式(如下图),请检查添加的<pw-list></pw-list>是否拼写正确,配对正确。并且确认在<pw-start/> 与 <pw-end/>标签的存在,注意单标签与配对标签的写法。如果添加了<pw-title></pw-title>标签,而没有出现“结构编辑”,请检查拼写是否正确
一:模板标签
打开前面的例子里的index.htm, 代码里会有一些以 "<pw-" 开头的标签,这些标签,称为模板标签,每个标签在门户体系里都有特殊的作用,见下图
PS:可以参考文档:phpwind门户标签使用规范
二:数据标签
在前面的例子里,每一个<pw-list></pw-list>在导入后都会形成一个“模块”,点击“模块编辑”->“模板”,就会看到index.htm里被包裹的内容,一般情况下,被<pw-list></pw-list>包裹的区域为具有相同属性的数据列表。下面要做的,就是把静态html列表,转换为可被phpwind识别的数据列表。
1、确定列表的循环内容
如上图,<li></li>之间为循环内容
2、添加循环标签<for:></for>
<for:>
<li>下列表1</li>
</for>
3、添加数据标签
如上图右侧区域列出的"{XXXX}"即为数据标签,每个数据标签代表的内容见该标签上的文字,注意每种数据模型的数据标签各不相同,所以切换数据模型后需要对相应的标签作更改。(如何切换模型?在上图中,属性->数据模型 更改)
如下图:
提交后,这一块区域将会变成网站的最新10条贴子列表
修改示例:
添加标题链接:
<for:>
<li><a href="{url}">{title}</a></li>
</for>
不想调用贴子列表,调用最新发贴的用户
<for:>
<li><a href="{space}">{avatar_s}</a></li>
</for>
10条太多,调用8条
属性->调用条数 填写8条
只想调用带图片的贴子
属性->图片 选择“是”
OK,完了!