当我们在后台获取到数据之后,怎么在前端页面进行显示呢?
下面我们来讲解下,我们通常在后台获取到数据之后怎么在前端页面进行显示呢?
话不多说,发码过来。
我们要了解的东西叫 循环输出标签
第一步,首先要做的事情,看自己的配置文件。
注意:以下代码是以我自己的设置标签来做示范,一般来说大部分的标签大同小异的。 默认标签是 “{” “}”
我们先了解下volist标签
简单的使用
php代码
public function index(){
// 总数据
$data=db('text')
->where('status',1)
->select();
// 这里根据自己来写,只要能获取到数据就可以啦。
return $this->fetch('',[
'data'=>$data
]);
}
html代码
<tbody>
<volist name="data" id="item">
<tr>
<td>{$item.id}</td>
<td>{$item.name}</td>
<td>{$item.status}</td>
</tr>
</volist>
</tbody>
注意:如果标签没有被解析的话,把volist标签前面和后面的"<" ">"换成 “{” "}"试试。如果还是不可以的话看看自己配置文件里面的标签是什么
volist标签还可以输出查询结果中的部分数据,假如需要输出其中的2~12条记录
html代码
<tbody>
<!-- offset:开始的位置 length: 长度 -->
<volist name="data" id="item" offset="2" length='10'>
<tr>
<td>{$item.id}</td>
<td>{$item.name}</td>
<td>{$item.status}</td>
</tr>
</volist>
</tbody>
注意:如果标签没有被解析的话,把volist标签前面和后面的"<" ">"换成 “{” "}"试试。如果还是不可以的话看看自己配置文件里面的标签是什么
volist标签还可以判断为空的时候做出提醒
<tbody>
<php>
$empty='<tr><td colspan="5" align="center">暂时没有数据</td></tr>';
</php>
<!-- 上面把样式定义好,如果为空的话就执行 $empty,empty=""里面当然也可以直接写提示文字-->
<volist name="data" id="item" empty="$empty">
<tr>
<td>{$item.id}</td>
<td>{$item.name}</td>
<td>{$item.status}</td>
</tr>
</volist>
</tbody>
数据为空的时候效果图
假如数据里面没有ID,我们可以自定义一个名为key的变量,变量名可以自取。
<!-- 我们可以在遍历的时候定义一个key变量 -->
<volist name="data" id="item" key="key">
<tr>
<td>{$key}</td>
<td>{$item.name}</td>
<td>{$item.status}</td>
</tr>
</volist>
假如没有指定key属性的话,我们可以使用循环变量 i
注意:如果标签没有被解析的话,把volist标签前面和后面的"<" ">"换成 “{” "}"试试。如果还是不可以的话看看自己配置文件里面的标签是什么
<volist name="data" id="item">
<tr>
<!-- 提示:$i 变量不需要定义,直接就可以使用啦。 -->
<td>{$i}</td>
<td>{$item.name}</td>
<td>{$item.status}</td>
</tr>
</volist>
我们再来了解下foreach标签
注意:以下代码是以我自己的设置标签来做示范,一般来说大部分的标签大同小异的。 默认标签是 “{” “}”
简单的使用
php代码
public function index(){
// 总数据
$data=db('text')
->where('status',1)
->select();
// 这里根据自己来写,只要能获取到数据就可以啦。
return $this->fetch('',[
'data'=>$data
]);
}
html代码
<foreach $data as $item>
<tr>
<td>{$item.id}</td>
<td>{$item.name}</td>
<td>{$item.status}</td>
</tr>
</foreach>
注意:如果标签没有被解析的话,把foreach 标签前面和后面的"<" ">"换成 “{” "}"试试。如果还是不可以的话看看自己配置文件里面的标签是什么
还可以以下的这种写法。
<foreach name="data" item="item">
<tr>
<td>{$item.id}</td>
<td>{$item.name}</td>
<td>{$item.status}</td>
</tr>
</foreach>
如果你想要索引,我们可以定义一个名为key的变量,变量名可自取
<foreach name="data" item="item" key="key">
<tr>
<td>{$key}</td>
<td>{$item.name}</td>
<td>{$item.status}</td>
</tr>
</foreach>
同时我们也可以不定义,也可以直接用索引
<foreach name="data" item="item">
<tr>
<td>{$key}</td>
<td>{$item.name}</td>
<td>{$item.status}</td>
</tr>
</foreach>
以上两标签是开发中常用到的,还有一个很少会用到的标签,就是for标签
标准用法
用法:
{for start="开始的值" end="结束的值" comparison="" step="步进的值" name="循环的变量名" }
<!-- 这里是写要遍历的数据 -->
{/for}
说明:
开始的值、结束的值、步进的值和循的环变量都是支持变量,开始的值和结束的值是须填的,不然就没法使用,
其他的是选填。comparison 的默认值是lt,name默认的值是i,步进的值的默认值是1,简单的示范如下:
简单的示范:
{for start="1" end="50"}
<!-- 在这里你可以写td标签 ,也可以写你想变量的东西-->
{$i}
{/for}
下面来看看解析之后是怎么样的代码
for ($i=1;$i<50;$i+=1){
echo $i;
}
如果有帮助到您,就关注我吧,我们一起进步。。。。。