博主信息
博文 54
粉丝 4
评论 1
访问量 65676
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
制作列表页, 详情页的模板2019年7月23
神仙不在的博客
原创
898人浏览过

实例

<!--引入公共头部-->
<?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举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学