Blogger Information
Blog 28
fans 2
comment 0
visits 23342
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
7.23 仿照课堂案例,写一个简单的企业站
背着吉他的女侠
Original
892 people have browsed it

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

实例--首页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>

运行实例 »

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

2.jpg

实例--列表页

<?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>

运行实例 »

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

3.jpg

实例--文章详情页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>

运行实例 »

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


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