Blogger Information
Blog 2
fans 0
comment 0
visits 1051
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
php使用数组制作评论页面0920
艾传天下曹利文
Original
589 people have browsed it

这次主要是要对数组进行操作熟悉数组是怎么遍历然后输出到页面上的。

  1. 先看看目录结构:

    1.png

    先准备一张图片用于做头像,然后把数组手动添加内容


  2. 实例

    <?php
    $arr=[
        [
        'name'=>'欧阳老师',
        'img'=>'img/0920_01.jpeg',
        'nrong'=>'来个美女***的测试用的代码',
        'time'=>'2019年9月20号',
        'huifu'=>[
            [
                'name2'=>'张三',
                'nrong2'=>'这个评论好,就是这样的',
                'time2'=>'2019年9月20号'
            ]
            ]
        ],
            [
                'name'=>'李老师',
                'img'=>'img/0920_01.jpeg',
                'nrong'=>'来个美女***的测试用的代码',
                'time'=>'2019年9月20号',
                'huifu'=>[
                    [
                        'name2'=>'张三',
                        'nrong2'=>'这个评论好,就是这样的',
                        'time2'=>'2019年9月20号'
                    ],[
                        'name2'=>'李四',
                        'nrong2'=>'这个评论好,就是这样的',
                        'time2'=>'2019年9月20号'
                    ],[
                        'name2'=>'王麻子',
                        'nrong2'=>'这个评论好,就是这样的',
                        'time2'=>'2019年9月20号'
                    ]
                ]
            ],
    
            [
                'name'=>'刘老师',
                'img'=>'img/0920_01.jpeg',
                'nrong'=>'来个美女***的测试用的代码',
                'time'=>'2019年9月20号',
                'huifu'=>[
                    [
                        'name2'=>'张三',
                        'nrong2'=>'这个评论好,就是这样的',
                        'time2'=>'2019年9月20号'
                    ],[
                        'name2'=>'李四',
                        'nrong2'=>'这个评论好,就是这样的',
                        'time2'=>'2019年9月20号'
                    ],[
                        'name2'=>'王麻子',
                        'nrong2'=>'这个评论好,就是这样的',
                        'time2'=>'2019年9月20号'
                    ]
                ]
            ],
            [
                'name'=>'ni hao',
                'img'=>'img/0920_01.jpeg',
                'nrong'=>'来个美女***的测试用的代码',
                'time'=>'2019年9月20号',
                'huifu'=>[
                    [
                        'name2'=>'张三',
                        'nrong2'=>'这个评论好,就是这样的',
                        'time2'=>'2019年9月20号'
                    ],[
                        'name2'=>'李四',
                        'nrong2'=>'这个评论好,就是这样的',
                        'time2'=>'2019年9月20号'
                    ]
                ]
            ]
    ]
    ?>

    运行实例 »

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

    这个数组是一个三维数组,在遍历的时候需要遍历数组的下标。

    在2.php文件中需要把1.php文件引入进来使用 <?php include_once '1.php';?>就可以

    然后写好基本样式 先要测试一个数据到底是怎么显示的,然后才可以转载多条数据


  3. 实例

    <?php  foreach ($arr as $key => $value) :?>
        <div class='item'>
        <div class="img">
            <img src='img/0920_01.jpeg' width="60px" height="60px">
        </div>
    <div class="nrong">
        <span class="name"><?php echo $value['name'];?>:</span>
        <span><?php echo $value['nrong'];?></span>
        <br>
        <span style="font-size: 12px"><?php echo $value['time'];?></span>
    </div>
    <!-- 遍历底下人的回复 -->
    <?php foreach($value['huifu'] as $vv):?>
    <div class="nrong2">
        <span class="name"><?php echo $vv['name2'];?>:</span>
        <span><?php echo $vv['nrong2'];?></span>
        <br>
        <span style="font-size: 12px"><?php echo $vv['time2'];?></span>
    </div>
    <?php endforeach?>
    
    </div>
    <?php endforeach?>

    运行实例 »

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

    点击运行代码样式图
  4. 2.png

    总结:1.做这个主要就是要掌握数组的遍历,知道数组是如何通过foreach输出到页面上的

2.页面在布局方面就是需要掌握定位问题

Correction status:qualified

Teacher's comments:非常不错,都会做两层评论了。
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post