7.23 仿照课堂案例,写一个简单的企业站 - 七期培训作业

7月23日作业:
仿照课堂案例,写一个简单的企业站, 并制作列表页, 详情页的模板, 注意GET参数的获取与解析,二维数组的创建是个难点,参考课堂案例去一步步完成它

实例--首页index-yan.php

<?php
$headline ='最权威展示平台';
//二维数组
$movies = [

    [
        'mov_id'=>1,
        'name'=>'瑜伽',
        'image'=>'yttlj.jpg',
        'detail'=>'瑜伽从广义上讲,是古印度的一种哲学,从狭义上讲,是一种运动方式.',
        'cate_id'=>1
    ],

    [
        'mov_id'=>2,
        'name'=>'游泳',
        'image'=>'yttlj.jpg',
        'detail'=>'游泳是一种特别好的运动,可以美容瘦身,增加心肺功能,可以更好的塑型.',
        'cate_id'=>1
    ],

    [
        'mov_id'=>3,
        'name'=>'跳舞',
        'image'=>'yttlj.jpg',
        'detail'=>'跳舞是特别好的运动,它分类也比较多,适合各个年龄段的人.',
        'cate_id'=>1
    ],

    [
        'mov_id'=>4,
        'name'=>'古典',
        'image'=>'yttlj.jpg',
        'detail'=>'古典式很好静心的一种方式',
        'cate_id'=>2
    ],

    [
        'mov_id'=>5,
        'name'=>'钢琴',
        'image'=>'yttlj.jpg',
        'detail'=>'钢琴比较悦心,是现在社会难得的如心的音乐.在喧嚣的现代生活中,如果能静下来听一首钢琴曲,无疑是一种享受.',
        'cate_id'=>2
    ],

    [
        'mov_id'=>6,
        'name'=>'流行',
        'image'=>'yttlj.jpg',
        'detail'=>'流行音乐是大部分人能接受,而且很喜欢的音乐.它代表着这个时代大众的心声.',
        'cate_id'=>2
    ],

    [
        'mov_id'=>7,
        'name'=>'经典',
        'image'=>'yttlj.jpg',
        'detail'=>'能留下来的,肯定是经典的东西.能一直影响着我们的音乐,肯定也是最经典的音乐.',
        'cate_id'=>3
    ],

    [
        'mov_id'=>8,
        'name'=>'打坐',
        'image'=>'yttlj.jpg',
        'detail'=>'如果能在午后,铺上瑜伽垫子,搬出小茶座,打打坐,喝喝茶,生活节奏会变得特别不一样',
        'cate_id'=>3
    ],

    [
        'mov_id'=>9,
        'name'=>'喝茶',
        'image'=>'yttlj.jpg',
        'detail'=>'喝茶可以治疗很多疾病,比如高血压,肥胖等等.同时,喝茶也是一种静心的方式,比如学学茶道,无疑为自己的人生添一抹亮色.',
        'cate_id'=>3
    ]


];

//关联数组,栏目的数组键名与栏目文件相同

$cates = [

        ['cate_id' => 1, 'name' =>'yd','alias' =>'运动项目'],
        ['cate_id' => 2, 'name' =>'yy','alias' =>'音乐中心'],
        ['cate_id' => 3, 'name' =>'jx','alias' =>'静心活动']

];
$system = [
        'sys_id'=>1,
        'title' => '',
        'descro' => '最权威的展示平台',
        'key' => '运动,音乐,静心'
        ];
?>

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title><?php echo $headline;?></title>
</head>
<style>
    ul, li {

        padding: 0;
        margin: 0;
        list-style: none;
    }
    .main-nav{
        width: 600px;
        height: 50px;
        background-color: #1E9FFF;
    }
    .main-nav li{

        width: 150px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        float: left;
    }
    .main-nav li a{
        color: #fff;
        font-size: 16px;
    }
    a{
    text-decoration: none;
    }
    .banner{
        margin: 10px auto;
    }
    .main  {


        width: 600px;
        min-width: 1000px;
        height: auto;
    }

    .footer{
        width: 600px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        background-color: #1E9FFF;
        color: white;
    }
</style>
<body>
<!--顶部-->
<div class="header">
    <ul class="main-nav">
        <li><a href="index-yan.php">首页</a> </li>

        <?php foreach ($cates as $value):?>
        <li><a href="<?php echo 'list-yan.php?cate_id='.$value['cate_id'];?>"><?php echo $value['alias'];?></a>
        </li>
        <?php endforeach;?>
    </ul>

</div>
<div class="banner"> <img src="https://img.php.cn/upload/jscode/000/000/001/5c64d530ad395428.jpg" alt="" width="600" height="200"></div>
<!--内容展示部分-->
<div class="main">

<!--    内容展示-->
   <?php

    foreach ($cates as $cate){

    echo '<a><a href="list-yan.php?cate_id='.$cate['cate_id'].'" style="font-size:30px;">'.$cate['alias'].'</a></h1>';
    echo '<ol>';

        //遍历数组具体内容

        foreach ($movies as  $movie){
            if($movie['cate_id']===$cate['cate_id']){

                echo '<li><a href="detail-yan.php?mov_id='.$movie['mov_id'].'">'.$movie['name'].'</a> </li>';

            }
        };

            echo '</ol>';
    }
?>
</div>
<!--底部-->
<div class="footer">版权所有@php中文网 php.cn</div>
</body>
</html>

运行实例 »

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

实例--列表页

<?php
$headline ='最权威展示平台';
//二维数组
$movies = [

    [
        'mov_id'=>1,
        'name'=>'瑜伽',
        'image'=>'yttlj.jpg',
        'detail'=>'瑜伽从广义上讲,是古印度的一种哲学,从狭义上讲,是一种运动方式.',
        'cate_id'=>1
    ],

    [
        'mov_id'=>2,
        'name'=>'游泳',
        'image'=>'yttlj.jpg',
        'detail'=>'游泳是一种特别好的运动,可以美容瘦身,增加心肺功能,可以更好的塑型.',
        'cate_id'=>1
    ],

    [
        'mov_id'=>3,
        'name'=>'跳舞',
        'image'=>'yttlj.jpg',
        'detail'=>'跳舞是特别好的运动,它分类也比较多,适合各个年龄段的人.',
        'cate_id'=>1
    ],

    [
        'mov_id'=>4,
        'name'=>'古典',
        'image'=>'yttlj.jpg',
        'detail'=>'古典式很好静心的一种方式',
        'cate_id'=>2
    ],

    [
        'mov_id'=>5,
        'name'=>'钢琴',
        'image'=>'yttlj.jpg',
        'detail'=>'钢琴比较悦心,是现在社会难得的如心的音乐.在喧嚣的现代生活中,如果能静下来听一首钢琴曲,无疑是一种享受.',
        'cate_id'=>2
    ],

    [
        'mov_id'=>6,
        'name'=>'流行',
        'image'=>'yttlj.jpg',
        'detail'=>'流行音乐是大部分人能接受,而且很喜欢的音乐.它代表着这个时代大众的心声.',
        'cate_id'=>2
    ],

    [
        'mov_id'=>7,
        'name'=>'经典',
        'image'=>'yttlj.jpg',
        'detail'=>'能留下来的,肯定是经典的东西.能一直影响着我们的音乐,肯定也是最经典的音乐.',
        'cate_id'=>3
    ],

    [
        'mov_id'=>8,
        'name'=>'打坐',
        'image'=>'yttlj.jpg',
        'detail'=>'如果能在午后,铺上瑜伽垫子,搬出小茶座,打打坐,喝喝茶,生活节奏会变得特别不一样',
        'cate_id'=>3
    ],

    [
        'mov_id'=>9,
        'name'=>'喝茶',
        'image'=>'yttlj.jpg',
        'detail'=>'喝茶可以治疗很多疾病,比如高血压,肥胖等等.同时,喝茶也是一种静心的方式,比如学学茶道,无疑为自己的人生添一抹亮色.',
        'cate_id'=>3
    ]
];

//关联数组,栏目的数组键名与栏目文件相同

$cates = [

        ['cate_id' => 1, 'name' =>'yd','alias' =>'运动项目'],
        ['cate_id' => 2, 'name' =>'yy','alias' =>'音乐中心'],
        ['cate_id' => 3, 'name' =>'jx','alias' =>'静心活动']

];
$system = [
        'sys_id'=>1,
        'title' => '',
        'descro' => '最权威的展示平台',
        'key' => '运动,音乐,静心'
        ];
?>

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title><?php echo $headline;?></title>
</head>
<style>
    ul, li {

        padding: 0;
        margin: 0;
        list-style: none;
    }
    .main-nav{
        width: 600px;
        height: 50px;
        background-color: #1E9FFF;
    }
    .main-nav li{

        width: 150px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        float: left;
    }
    .main-nav li a{
        color: #fff;
        font-size: 16px;
    }
    a{
    text-decoration: none;
    }
    .banner{
        margin: 10px auto;
    }
    .main  {


        width: 600px;
        min-width: 1000px;
        height: auto;
    }

    .footer{
        width: 600px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        background-color: #1E9FFF;
        color: white;
    }
</style>
<body>
<?php
$cate_id = $_GET['cate_id'];
$cate_id = intval($cate_id);
//print_r($cate_id);
?>
<!--顶部-->
<div class="header">
    <ul class="main-nav">
        <li><a href="index-yan.php">首页</a> </li>

        <?php foreach ($cates as $value):?>
        <li><a href="<?php echo 'list-yan.php?cate_id='.$value['cate_id'];?>"><?php echo $value['alias'];?></a>
        </li>
        <?php endforeach;?>
    </ul>

</div>
<div class="banner"> <img src="https://img.php.cn/upload/jscode/000/000/001/5c64d530ad395428.jpg" alt="" width="600" height="200"></div>
<!--内容展示部分-->
<div class="main">

<!--    内容展示-->


<!--   --><?php

    foreach ($cates as $cate) {

        if ($cate['cate_id'] === $cate_id) {
            echo "<h2>{$cate['alias']}</h2>";
            echo '<ol>';
            foreach ($movies as $movie) {
                if ($cate['cate_id'] == $movie['cate_id']) {
                    echo "<li><a href='detail-yan.php?mov_id=" .$movie['mov_id']. "'>{$movie['name']}</a></li>";
                }
            }
            echo '</ol>';
            break; // 结束循环
        };
    }
//
//    foreach ($cates as $cate){
//
//        if($cate['cate_id']===$cate_id){
//
//            echo '<h1>'.$cate['alias'].'</h1>';
//        }
//
//    }
//    echo '<ol>';
//
//        //遍历数组具体内容
//
//        foreach ($movies as  $movie){
//            if($movie['cate_id']===$cate_id){
//
//                echo '<li><a href="detail-yan.php?mov_id='.$movie['mov_id'].'">'.$movie['name'].'</a> </li>';
//
//            }
//        };
//
//            echo '</ol>';
//
//?>
</div>
<!--底部-->
<div class="footer">版权所有@php中文网 php.cn</div>
</body>
</html>

运行实例 »

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

实例--文章详情页detail-yan.php

<?php
$headline ='最权威展示平台';
//二维数组
$movies = [

    [
        'mov_id'=>1,
        'name'=>'瑜伽',
        'image'=>'yttlj.jpg',
        'detail'=>'瑜伽从广义上讲,是古印度的一种哲学,从狭义上讲,是一种运动方式.',
        'cate_id'=>1
    ],

    [
        'mov_id'=>2,
        'name'=>'游泳',
        'image'=>'yttlj.jpg',
        'detail'=>'游泳是一种特别好的运动,可以美容瘦身,增加心肺功能,可以更好的塑型.',
        'cate_id'=>1
    ],

    [
        'mov_id'=>3,
        'name'=>'跳舞',
        'image'=>'yttlj.jpg',
        'detail'=>'跳舞是特别好的运动,它分类也比较多,适合各个年龄段的人.',
        'cate_id'=>1
    ],

    [
        'mov_id'=>4,
        'name'=>'古典',
        'image'=>'yttlj.jpg',
        'detail'=>'古典式很好静心的一种方式',
        'cate_id'=>2
    ],

    [
        'mov_id'=>5,
        'name'=>'钢琴',
        'image'=>'yttlj.jpg',
        'detail'=>'钢琴比较悦心,是现在社会难得的如心的音乐.在喧嚣的现代生活中,如果能静下来听一首钢琴曲,无疑是一种享受.',
        'cate_id'=>2
    ],

    [
        'mov_id'=>6,
        'name'=>'流行',
        'image'=>'yttlj.jpg',
        'detail'=>'流行音乐是大部分人能接受,而且很喜欢的音乐.它代表着这个时代大众的心声.',
        'cate_id'=>2
    ],

    [
        'mov_id'=>7,
        'name'=>'经典',
        'image'=>'yttlj.jpg',
        'detail'=>'能留下来的,肯定是经典的东西.能一直影响着我们的音乐,肯定也是最经典的音乐.',
        'cate_id'=>3
    ],

    [
        'mov_id'=>8,
        'name'=>'打坐',
        'image'=>'yttlj.jpg',
        'detail'=>'如果能在午后,铺上瑜伽垫子,搬出小茶座,打打坐,喝喝茶,生活节奏会变得特别不一样',
        'cate_id'=>3
    ],

    [
        'mov_id'=>9,
        'name'=>'喝茶',
        'image'=>'yttlj.jpg',
        'detail'=>'喝茶可以治疗很多疾病,比如高血压,肥胖等等.同时,喝茶也是一种静心的方式,比如学学茶道,无疑为自己的人生添一抹亮色.',
        'cate_id'=>3
    ]


];

//关联数组,栏目的数组键名与栏目文件相同

$cates = [

        ['cate_id' => 1, 'name' =>'yd','alias' =>'运动项目'],
        ['cate_id' => 2, 'name' =>'yy','alias' =>'音乐中心'],
        ['cate_id' => 3, 'name' =>'jx','alias' =>'静心活动']

];
$system = [
        'sys_id'=>1,
        'title' => '',
        'descro' => '最权威的展示平台',
        'key' => '运动,音乐,静心'
        ];
?>

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title><?php echo $headline;?></title>
</head>
<style>
    ul, li {

        padding: 0;
        margin: 0;
        list-style: none;
    }
    .main-nav{
        width: 600px;
        height: 50px;
        background-color: #1E9FFF;
    }
    .main-nav li{

        width: 150px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        float: left;
    }
    .main-nav li a{
        color: #fff;
        font-size: 16px;
    }
    a{
    text-decoration: none;
    }
    .banner{
        margin: 10px auto;
    }
    .main {


        width: 600px;
        height: 400px;
    }
    .main p{

        width: 600px;
    }
    .footer{
        width: 600px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        background-color: #1E9FFF;
        color: white;
    }
</style>
<body>
<?php
$mov_id = $_GET['mov_id'];
$mov_id = intval($mov_id);
//print_r($cate_id);
?>
<!--顶部-->
<div class="header">
    <ul class="main-nav">
        <li><a href="index-yan.php">首页</a> </li>

        <?php foreach ($cates as $value):?>
        <li><a href="<?php echo 'list-yan.php?cate_id='.$value['cate_id'];?>"><?php echo $value['alias'];?></a>
        </li>
        <?php endforeach;?>
    </ul>

</div>
<div class="banner"> <img src="https://img.php.cn/upload/jscode/000/000/001/5c64d530ad395428.jpg" alt="" width="600" height="200"></div>
<!--内容展示部分-->
<div class="main">


<!--    内容展示-->


<?php


            foreach ($movies as $movie) {

                if ($movie['mov_id'] === $mov_id) {
                    echo '<p>'.$movie['detail'].'</p>';
                }
            }

?>
</div>
<!--底部-->
<div class="footer">版权所有@php中文网 php.cn</div>
</body>
</html>

运行实例 »

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

批改状态：合格

老师批语：其实我们在课堂中学习的模板写法, 是最简单的一种了, 但是入门是可以了