ASCII码 ASCII码

PHP--实例演示php模板语法及与html混编技巧

发布于：2022-04-21 15:03:44  栏目：技术文档

代码如下：

  1. <?php
  2. // 用二维数组来模拟数据表查询结果集
  3. $stus = [
  4.     ['id' => 1, 'name' => '刘备', 'course' => 'js', 'score' => 83],
  5.     ['id' => 2, 'name' => '关羽', 'course' => 'php', 'score' => 75],
  6.     ['id' => 3, 'name' => '张飞', 'course' => 'js', 'score' => 52],
  7.     ['id' => 4, 'name' => '孙权', 'course' => 'php', 'score' => 88],
  8.     ['id' => 5, 'name' => '周瑜', 'course' => 'js', 'score' => 65],
  9.     ['id' => 6, 'name' => '孔明', 'course' => 'php', 'score' => 53],
  10.     ['id' => 7, 'name' => '赵云', 'course' => 'js', 'score' => 63],
  11.     ['id' => 8, 'name' => '马超', 'course' => 'js', 'score' => 77],
  12.     ['id' => 9, 'name' => '姜维', 'course' => 'php', 'score' => 93],
  13.     ['id' => 10, 'name' => '黄忠', 'course' => 'js', 'score' => 81],
  14. ]
  15. ?>
  17. <!DOCTYPE html>
  18. <html lang="zh-CN">
  20. <head>
  21.     <meta charset="UTF-8">
  22.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  23.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  24.     <title>php流程控制的模板语法/替代语法</title>
  25.     <style>
  26.         table {
  27.             border-collapse: collapse;
  28.             width: 360px;
  29.             text-align: center;
  30.         }
  32.         table th,
  33.         table td {
  34.             border: 1px solid #000;
  35.             padding: 5px;
  36.         }
  38.         table caption {
  39.             font-size: 1.3em;
  40.         }
  42.         table thead {
  43.             background-color: lightcyan;
  44.         }
  46.         .active {
  47.             color: red;
  48.         }
  49.     </style>
  50. </head>
  52. <body>
  54.     <table>
  55.         <caption>学生成绩表</caption>
  56.         <thead>
  57.             <tr>
  58.                 <th>ID</th>
  59.                 <th>姓名</th>
  60.                 <th>课程</th>
  61.                 <th>成绩</th>
  62.             </tr>
  63.         </thead>
  65.         <tbody>
  66.            <!-- php模板语法的目标: html与php代码分离 -->
  67.            <?php foreach ($stus as $stu) : ?>
  68.                 <!-- "{" => 冒号加php结束标记 -->
  69.                 <!-- 当前已离开了php环境,处于html中  -->
  70.                 <!-- 使用短标签进行简化: 只打印一个变量  -->
  71.                 <!-- <tr>
  72.                     <td><?php echo $stu['id'] ?></td>
  73.                     <td><?php echo $stu['name'] ?></td>
  74.                     <td><?= $stu['course'] ?></td>
  75.                     <td><?= $stu['score'] ?></td>
  76.                 </tr> -->
  78.                 <!-- 只输出成绩大于70分  -->
  79.                 <!-- <?php if ($stu['score'] > 70) : ?>
  80.                     <tr>
  81.                         <td><?php echo $stu['id'] ?></td>
  82.                         <td><?php echo $stu['name'] ?></td>
  83.                         <td><?= $stu['course'] ?></td>
  84.                         <td class="active"><?= $stu['score'] ?></td>
  85.                     </tr>
  86.                     <?php endif ?> -->
  88.                 <!-- 输出全部,并将超过90分的成绩描红 -->
  89.                 <tr>
  90.                     <td><?php echo $stu['id'] ?></td>
  91.                     <td><?php echo $stu['name'] ?></td>
  92.                     <td><?= $stu['course'] ?></td>
  93.                     <?php $active = $stu['score'] > 90 ? "active" : '' ?>
  94.                     <td class=<?= $active ?>><?= $stu['score'] ?></td>
  95.                 </tr>
  97.                 <!-- 动态设置样式的方法  -->
  99.             <?php endforeach ?>
  100.         </tbody>
  101.     </table>
  103. </body>
  105. </html>

运行后

相关推荐
阅读 +

© 2020 asciim码

人生就是一场修行