博客列表 >PHP与HTML的混编-五期线上培训2019-03-19

PHP与HTML的混编-五期线上培训2019-03-19

文昌的博客
文昌的博客原创
2019年03月30日 22:41:59652浏览

实例

<?php
$array = [
    ['id'=>1,'name'=>'张三','age'=>20,'sex'=>1],
    ['id'=>2,'name'=>'李四','age'=>20,'sex'=>1],
    ['id'=>3,'name'=>'赵五','age'=>20,'sex'=>1],
    ['id'=>4,'name'=>'小梅','age'=>20,'sex'=>0],
    ['id'=>5,'name'=>'小兰','age'=>20,'sex'=>0],
];
$total = count($array);
$title = '用户信息表';
$tableTitle = $title;
function mainTable($array) {
    $kong = '';
    foreach ($array as $v) {
        $kong .= '<tr>';
        $kong .= '<td>' . $v['id'] . '</td>';
        $kong .= '<td>' . $v['name'] . '</td>';
        $kong .= '<td>' . $v['age'] . '</td>';
        $kong .= '<td>' . ($v['sex'] ? '男' : '女') . '</td>';
        $kong .= '</tr>';
    }
    return $kong;
}
?>
<!DOCTYLE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
        <title><?php echo $title; ?></title>
        <style>
        table,th,td {
            border: 1px solid #666;
            padding: 8px;
        }
        table {
            border-collapse: collapse;
            width: 80%;
            text-align: center;
            margin: 30px auto;
        }
        thead tr:first-of-type {
            background-color: lightblue;
        }
        table > caption {
            font-size: 1.2rem;
            margin-bottom: 15px;
        }
        table + p {
            text-align: center;
        }
    </style>
    </head>
    <body>
    <table>
    <caption>
        <?php
        echo '<span style="color:red">' . $tableTitle . '</span>';
        ?>
    </caption>
    <thead>
    <tr>
        <th>编号</th>
        <th>姓名</th>
        <th>年龄</th>
        <th>性别</th>        
    </tr>
    </thead>
    <tbody>
    <?php echo mainTable($array); ?>
    </tbody>
</table>
<p>总计:
    <?php echo $total;  ?>
    人</p>
    </body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议