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

最新推荐文章于 2022-08-22 01:35:28 发布

三水汪

最新推荐文章于 2022-08-22 01:35:28 发布

阅读量852

点赞数 1

文章标签：读取数据文件数据 html转换php文件遍历引入数据文件

本文链接：https://blog.csdn.net/u013005050/article/details/51986397

版权

一共分为三步：

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数据文件，进行数据文件的读取并遍历以及判断最右边的那个设置它的外边距为0。-->
            <?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>