收藏
批改狀態(tài)：未批改
老師批語：
創(chuàng)建一個二維數(shù)組，進行遍歷：
<?php //二維數(shù)組 $movies = [ ['倚天屠龍記', '都挺好','如果可以這樣愛'], ['復仇者聯(lián)盟4', '波西米亞狂想曲','阿麗塔'], ['情書', '天空之城', '龍貓'] ]; $navs = [ 'gc'=>'國產(chǎn)好劇', 'om'=>'歐美猛片', 'rh'=>'日韓新片' ]; ?> <!doctype html> <html lang="en"> <head> <title>遍歷數(shù)組</title> </head> <body> <h1><?php echo $navs['gc'] ?></h1> <ol> <!-- 在html中遍歷數(shù)組鍵名為0的數(shù)組，并輸出在頁面的有序列表中--> <?php foreach($movies[0] as $movie): ?> <li><a href=""><?php echo $movie; ?></a></li> <?php endforeach ; ?> </ol> <h2><?php echo $navs['om'] ?></h2> <ol> <!-- 在html中遍歷數(shù)組鍵名為1的數(shù)組，并輸出在頁面的有序列表中--> <?php foreach($movies[1] as $movie): ?> <li><a href=""><?php echo $movie; ?></a></li> <?php endforeach ; ?> </ol> <h3><?php echo $navs['rh'] ?></h3> <ol> <!-- 在html中遍歷數(shù)組鍵名為0的數(shù)組，并輸出在頁面的有序列表中--> <?php foreach($movies[2] as $movie): ?> <li><a href=""><?php echo $movie; ?></a></li> <?php endforeach ; ?> </ol> </body> </html>
點擊 "運行實例" 按鈕查看在線實例
最終效果：
利用二維數(shù)據(jù)生成一個表格，用foreach()來遍歷數(shù)組數(shù)據(jù)：
二維數(shù)組：
<?php //列表商品詳情 $commodity = [ [ 'model'=>'iphone X Max', 'brand'=>'Apple', 'price'=>'12000', 'cate_id'=>'手機' ], [ 'model'=>'OnePlus 7 Pro', 'brand'=>'OnePlus', 'price'=>'4500', 'cate_id'=>'手機' ], [ 'model'=>'XiaoMi 9', 'brand'=>'Xiaomi', 'price'=>'3000', 'cate_id'=>'手機' ], [ 'model'=>'macbook pro 2019', 'brand'=>'Apple', 'price'=>'13000', 'cate_id'=>'電腦' ], [ 'model'=>'surface pro 6', 'brand'=>'Microsoft', 'price'=>'8000', 'cate_id'=>'電腦' ], [ 'model'=>'ThinkPad', 'brand'=>'Lenovo', 'price'=>'10000', 'cate_id'=>'電腦' ], [ 'model'=>'Apple watch 4', 'brand'=>'Apple', 'price'=>'4000', 'cate_id'=>'***' ], [ 'model'=>'HUAWEI watch2 Pro', 'brand'=>'HUAWEI', 'price'=>'2000', 'cate_id'=>'***' ], [ 'model'=>'Mi band', 'brand'=>'XiaoMi', 'price'=>'100', 'cate_id'=>'***' ] ]; //表頭 $navs = ['類別', '型號', '***', '單價']; // 網(wǎng)站的系統(tǒng)設置 $system = [ 'title'=>'電子設備簡介', 'desc'=>'收集全球最受歡迎的電子設備', 'key'=>'手機，電腦，***', 'copy'=>'php中文網(wǎng)' ];
點擊 "運行實例" 按鈕查看在線實例
網(wǎng)頁底部代碼：
<!--底部版權--> <div class="footer"> <p class="copyright"><?php echo $system['copy']; ?>? 版權所有</p> </div> </body> </html>
點擊 "運行實例" 按鈕查看在線實例
網(wǎng)頁主體代碼：
<?php //加載列表數(shù)據(jù) require "inc/header.php"; ?> <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="../static/css/style.css"> <meta name="description" content="<?php echo $system['desc'] ?>"> <meta name="keywords" content="<?php echo $system['key'] ?>"> <title><?php echo $system['title'] ?></title> </head> <body> <div> <h1>電子設備表格</h1> <?php echo "<table>"; //輸出表格table echo "<caption>".$system['title']."</caption>"; //輸出表格名稱 echo "<thead>"; //輸出表頭 echo "<tr>"; foreach ($navs as $nav): //遍歷準備的表頭數(shù)組 echo '<td class="header">'. $nav .'</td>'; //利用遍歷以此輸出表頭數(shù)據(jù) endforeach; //結束遍歷 echo "</tr>"; echo "</thead>"; echo "<tbody>"; //輸出表體部分 foreach($commodity as $value): //利用遍歷輸出表格數(shù)據(jù) echo "<tr>"; echo "<td>".$value['cate_id']."</td>"; echo "<td>".$value['model']."</td>"; echo "<td>".$value['brand']."</td>"; echo "<td>".$value['price']."</td>"; echo "</tr>"; endforeach; echo "</tbody>"; echo "</table>"; echo "</div>"; //導入底部模板 require 'inc/footer.php' ?>
點擊 "運行實例" 按鈕查看在線實例
樣式表：
h1 {
height: 30px;
background-color: #636363;
color: white;
text-align: center;
line-height: 30px;
}
div {
width: 400px;
height: 400px;
margin: 0 auto;
}
.header {
background-color: #81a2be;
padding: 20px;
border: black 1px solid;
text-align: center;
}
tr td {
border: black 1px solid;
text-align: center;
}
.footer {
height: 30px;
background-color: #636363;
color: white;
text-align: center;
line-height: 30px;
}點擊 "運行實例" 按鈕查看在線實例
最終顯示效果：
Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號
