博客列表 >制作列表页, 详情页的模板2019年7月23

制作列表页, 详情页的模板2019年7月23

神仙不在的博客
神仙不在的博客原创
2019年07月25日 09:20:15747浏览

实例

<!--引入公共头部-->
<?php  include __DIR__.'\inc\header.php' ?>

<!--网站的主体-->
<!--遍历栏目-->
<?php
    foreach ($categroy as $cate){
        echo "<h2>{$cate['alias']}</h2>";
//        遍历对应的栏目信息
        echo '<ol>';
        foreach ($kecheng as $kc)
        if ($kc['categroy_id']==$cate['categroy_id']){
//               a链接指向对应的详情页模板
            echo "<ol><a href='detail.php?kecheng_id={$kc['kecheng_id']}'>{$kc['name']}</a></ol>";
        }
        echo '</ol>';
    }

?>

<?php  include __DIR__.'\inc\footer.php' ?>

运行实例 »

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

上面是index.php文件内容

实例

<?php
//栏目数组
$categroy = [
    ['categroy_id'=>1,'name'=>'yw','alias'=>'语文'],
    ['categroy_id'=>2,'name'=>'sx','alias'=>'数学'],
    ['categroy_id'=>3,'name'=>'yy','alias'=>'英语']
];

//课程数组
$kecheng=[
    [
        'kecheng_id'=>1,
        'name'=>'语文第一课',
        'image'=>'./static/img/ywdyk.jpg',
        'detail'=>'这里是语文第一课的详情内容',
        'categroy_id'=>1

    ],
    [
        'kecheng_id'=>2,
        'name'=>'语文第二课',
        'image'=>'./static/img/ywdek.jpg',
        'detail'=>'这里是语文第二课的详情内容',
        'categroy_id'=>1

    ],
    [
        'kecheng_id'=>3,
        'name'=>'语文第三课',
        'image'=>'./static/img/ywdsk.jpg',
        'detail'=>'这里是语文第三课的详情内容',
        'categroy_id'=>1

    ],
    [
        'kecheng_id'=>4,
        'name'=>'数学第一课',
        'image'=>'./static/img/sxdyk.jpg',
        'detail'=>'这里是数学第一课的详情内容',
        'categroy_id'=>2

    ],
    [
        'kecheng_id'=>5,
        'name'=>'数学第二课',
        'image'=>'./static/img/sxdek.jpg',
        'detail'=>'这里是数学第二课的详情内容',
        'categroy_id'=>2

    ],
    [
        'kecheng_id'=>6,
        'name'=>'数学第三课',
        'image'=>'./static/img/sxdsk.jpg',
        'detail'=>'这里是数学第三课的详情内容',
        'categroy_id'=>2

    ],
    [
        'kecheng_id'=>7,
        'name'=>'英语第一课',
        'image'=>'./static/img/yydyk.jpg',
        'detail'=>'这里是英语第一课的详情内容',
        'categroy_id'=>3

    ],
    [
        'kecheng_id'=>8,
        'name'=>'英语第二课',
        'image'=>'./static/img/yydek.jpg',
        'detail'=>'这里是英语第二课的详情内容',
        'categroy_id'=>3

    ],
    [
        'kecheng_id'=>9,
        'name'=>'英语第三课',
        'image'=>'./static/img/yydsk.jpg',
        'detail'=>'这里是英语第三课的详情内容',
        'categroy_id'=>3

    ]






];
?>
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>神仙不在</title>
    <link rel="stylesheet" href="./static/css/index.css">
</head>
<body>
<!--网站的头部-->
<div class="header">
    <!--导航-->
    <ul class="nav">
        <li><a href="index.php">首页</a></li>
        <!--        foreach遍历出导航-->
        <?php foreach ($categroy as $value): ?>
<!--            a链接的地址是个列表模板-->
            <li><a href=" list.php?categroy_id=<?php echo $value['categroy_id'] ?>"><?php echo $value['alias'] ?></a></li>
        <?php endforeach;?>
    </ul>
</div>

运行实例 »

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

上面是header.php文件内容

实例

<!--网站底部-->
<div class="footer">
    <p>Powered by 神仙不在</p>
</div>
</body>
</html>

运行实例 »

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

上面是footer.php文件内容,里面写死的,我就没用php来写

实例

<!--引入公共头部-->
<?php  include __DIR__.'\inc\header.php' ?>
<?php
$categroy_id=(int)$_GET['categroy_id'];

?>
<!--网站的主体-->
<!-- 找到对应的栏目-->
<?php
foreach ($categroy as $cate){
    if ($categroy_id==$cate['categroy_id']){
        echo "<h2>{$cate['alias']}</h2>";
//        遍历对应的栏目信息
        echo '<ol>';
        foreach ($kecheng as $kc)
            if ($kc['categroy_id']==$cate['categroy_id']){
//               a链接指向对应的详情页模板
                echo "<ol><a href='detail.php?kecheng_id={$kc['kecheng_id']}'>{$kc['name']}</a></ol>";
            }
        echo '</ol>';
    }


}

?>

<?php  include __DIR__.'\inc\footer.php' ?>

运行实例 »

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

上面是list.php文件

实例

<!--引入公共头部-->
<?php  include __DIR__.'\inc\header.php' ?>
<?php
$kecheng_id=(int)$_GET['kecheng_id'];

?>
<!--网站的主体-->

<?php
//        遍历对应的详情页信息
        echo '<ol>';
        foreach ($kecheng as $kc){
            if ($kc['kecheng_id']===$kecheng_id){
                echo "<h3>{$kc['name']}</h3>";
                echo "<p><img src='{$kc['image']}' alt=''></p>";
                echo "<p>{$kc['detail']}</p>";
            }
        echo '</ol>';
    }




?>

<?php  include __DIR__.'\inc\footer.php' ?>

运行实例 »

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

上面是detail.php

发个真实效果网页

http://www.shenxianbuzai.com/0723/index.php

微信图片_20190725091625.png

2222.png

3333.png


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议