输出数据隔行变色

实现数据表格隔行变色效果

最新推荐文章于 2021-03-25 18:50:58 发布

原创最新推荐文章于 2021-03-25 18:50:58 发布 · 548 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#遍历输出 #隔行变色

PHP笔记专栏收录该内容

33 篇文章

订阅专栏

本文介绍了如何在网页中展示数据时实现隔行变色的效果，包括创建数据库表、在控制器中编写方法以及将数据传递到视图页面进行遍历输出。通过这种方法，可以提高数据可视化的清晰度。

//输出奇偶
{volist name="data" id="val" mod='2'}
{eq name='mod' value='0'} {$key}{$val.id}{$val.username}{$val.password}{/eq}
{eq name='mod' value='1'} {$key}{$val.id}{$val.username}{$val.password}{/eq}
{/volist}

//隔行变色
{volist name='data' id='vo'}
{if condition='$key % 2'}
{$key}{$vo.username}{$vo.password}
{else /}
{$key}{$vo.username}{$vo.password}
{/if}
{/volist}

//隔多行换色
{volist name='data' id='vo'}
{php}
$sw=$key%3;
{/php}

{switch name='sw'}
{case value='0'}
{$key}{$vo.username}{$vo.password}
{/case}
{case value='1'}
{$key}{$vo.username}{$vo.password}
{/case}
{case value='2'}
{$key}{$vo.username}{$vo.password}
{/case}
{/switch}

{/volist}

//多维数组输出

1、创建数据表

goods表：

create table goods(

id int unsigned auto_increment,

name varchar(30) not null,

pid int not null,

price float not null,

primary key(id));

type表：

create table type(

id int unsigned auto_increment,

name varchar(30) not null,

primary key(id));

2、在控制器中写入方法

$type=Db::table('type')->select();
foreach($type as $key => &$value){
    $value['goods']=Db::table('goods')->where("cid = $value[id]")->select();
}
dump($type);
$this->assign('type',$type);

3、将数据分配到页面中

{volist name='type' id='vo'}
    <h2>{$vo.name}</h2>
    {volist name='vo.goods' id='val'}
        <p>{$val.name}{$val.price}</p>
    {/volist}
{/volist}