PHP 引入并读取php数据文件,改html后缀为php完成html的一次编写ul,li遍历出现多次li

傷城~ 2022-09-24 00:24 82阅读 0赞

一共分为三步：

1.php数据文件的编写；

2.原html文件后缀改为.php后缀文件；

3.改后缀的文件需在编码头中引入php数据文件；

4.在改后缀的文件中写入php代码实现ul,li的遍历；

注意：在改后缀的文件中写入php代码实现ul,li的遍历时，需要注意数据的引入方式。

还有就是根据每个人的不同，css就不在这里展示啦！学到：1.读取文件2.获取数据3.遍历并判断。

1.数据文件data.php

<?php
    /**
     * Created by PhpStorm.
     * User: 洋   汪
     * Date: 2016/7/14
     * Time: 21:49
     */
    $hotScale_01 = array("imageUrl" => "../jquery_百姓商城_首页images/bx_本周热销01.png",
        "detail" => "【优选松木】卧室四件套", "priceN" => "1638", "priceO" => "5240",
        "number" => "199");
    $hotScale_02 = array("imageUrl" => "../jquery_百姓商城_首页images/bx_本周热销02.png",
        "detail" => "【优选松木】卧室四件套", "priceN" => "1638", "priceO" => "5240", "
        number" => "199");
    $hotScale_03 = array("imageUrl" => "../jquery_百姓商城_首页images/bx_本周热销03.png",
        "detail" => "【优选松木】卧室四件套", "priceN" => "1638", "priceO" => "5240",
        "number" => "199");
    $hotScale_04 = array("imageUrl" => "../jquery_百姓商城_首页images/bx_本周热销04.png",
        "detail" => "【优选松木】卧室四件套", "priceN" => "1638", "priceO" => "5240",
        "number" => "199");
    $hotScale_05 = array("imageUrl" => "../jquery_百姓商城_首页images/bx_本周热销05.png",
        "detail" => "【优选松木】卧室四件套", "priceN" => "1638", "priceO" => "5240",
        "number" => "199");
    $hotScale_06 = array("imageUrl" => "../jquery_百姓商城_首页images/bx_本周热销06.png",
        "detail" => "【优选松木】卧室四件套", "priceN" => "1638", "priceO" => "5240",
        "number" => "199");
    $hotScale_07 = array("imageUrl" => "../jquery_百姓商城_首页images/bx_本周热销07.png",
        "detail" => "【优选松木】卧室四件套", "priceN" => "1638", "priceO" => "5240",
        "number" => "199");
    $hotScale_08 = array("imageUrl" => "../jquery_百姓商城_首页images/bx_本周热销08.png",
        "detail" => "【优选松木】卧室四件套", "priceN" => "1638", "priceO" => "5240",
        "number" => "199");
    
    $hot = array($hotScale_01, $hotScale_02, $hotScale_03, $hotScale_04, $hotScale_05,
        $hotScale_06, $hotScale_07, $hotScale_08);
    
    ?>

2.原html改后缀就不在这里展示了baixingHome.html->baixingHome.php。

3.baixingHome.php中引入data.php数据文件

<?php
    include "data.php";
    ?>

4.baixingHome.php在需要的位置写入php代码遍历ul,li

<div class="central_title">本周热销</div>
        <div class="central_hotWeek">
            <ul>
                
                <?php
                $count = 0;
                foreach ($hot as $v) {
                    $count++;
                    if ($count % 4 == 0) {
    //                    注意获取数据值时的上引号和下引号，以及php用点连接字符串的特点。
                        echo '<li style="margin-right: 0;"><a
                      class="image_link" href="javascript:void(0);" target="_blank"><img
                            src="' . $v["imageUrl"] . '"/></a>
    
                    <div class="hotWeek_detail"><a
                href="javascript:void(0)" target="_blank">' . $v["detail"] . '</a></div>
                    <div class="hotWeek_price">
                        <div class="price">
                            <div class="price_left"><span class="price_now">￥' . 
                                 $v["priceN"] . '</span></div>
                            <div class="price_right"><span class="price_old">￥' .
                                 $v["priceO"] . '</span><i></i></div>
                        </div>
                        <div class="number">预定：<span class="number_goods">' .
                                 $v["number"] . '</span>件
                        </div>
                        <div class="clear"></div>
                    </div>
                </li>';
                    } else {
                        echo '<li><a
                     class="image_link" href="javascript:void(0);"target="_blank"><img
                       src="' . $v["imageUrl"] . '"/></a>
    
                    <div class="hotWeek_detail"><a
                href="javascript:void(0)" target="_blank">' . $v["detail"] . '</a></div>
                    <div class="hotWeek_price">
                        <div class="price">
                            <div class="price_left"><span class="price_now">￥' .
                               $v["priceN"] . '</span></div>
                            <div class="price_right"><span class="price_old">￥' .
                               $v["priceO"] . '</span><i></i></div>
                        </div>
                        <div class="number">预定：<span class="number_goods">' . 
                               $v["number"] . '</span>件
                        </div>
                        <div class="clear"></div>
                    </div>
                </li>';
                    }
    
                }
                ?>
            </ul>
            <div class="clear"></div>
        </div>