07-23 作业：PHP仿课堂案例做企业站，制作列表页, 详情页的模板,get,二维数组的创建 - 作业

Home > List of blog posts > 07-23 作业：PHP仿课堂案例做企业站，制作列表页, 详情页的模板,get,二维数组的创建

Blogger Information

Blog 32

fans 0

comment 0

visits 22553

Special Recommendation

More>

Related recommendations

1.头部模板：

<?php

$cates = [
   ['cate_id'=>1,'name'=>'xm','alias'=>'公司项目' ],
   ['cate_id'=>2,'name'=>'fw','alias'=>'服务案例' ],
   ['cate_id'=>3,'name'=>'lx','alias'=>'联系我们' ],

];
$lives = [
        [
           'liv_id'=>1,
           'name'=>'圆木加工生产线',
           'image'=>'http://www.deale.cn/uploadfile/201801/0401654d45.jpg',
           'detail'=>'该套生产线包含了圆木制材的前端流程，集提料、自动居中、主动送料、锯切分料、主动出料、自动分料、自动输送、自动靠边、自动侧推几部分，从圆木到方木及清边工序的自动生产过程，大幅度降低了劳动强度，是手工生产线效率的5倍以上。',
           'cate_id'=> 1
        ],
         [
           'liv_id'=>1,
           'name'=>'方木加工设备',
           'image'=>'http://www.deale.cn/uploadfile/201907/887d49585f.jpg',
           'detail'=>'F5系列方木多片锯，是一款针对方木生产加工的“单轴”设备，该设备适合加工高度40-115mm以内，宽度50-400mm，长度800-4000的任何方木，加工速度0-16/mmin。设备锯切高效、使用稳定、操作简单、维护简易、安全可靠，为您提供更低的使用成本和卓越的锯切光洁度以及整体更好的板材质量。',
           'cate_id'=> 1
        ],
        [
            'liv_id'=>1,
            'name'=>'清边加工设备',
            'image'=>'http://www.deale.cn/uploadfile/201801/3e335fdedf.jpg',
            'detail'=>'推出的清边机(修边机)，是一款能在锯切过程中清除木材两边树皮的同时还能开出方料的生产加工设备，该设备适合加工厚度8-25mm，宽度30-850mm的任何木材。',
            'cate_id'=> 1
       ],
        [
            'liv_id'=>2,
            'name'=>'国内客户',
            'image'=>'http://www.deale.cn/uploadfile/201801/3c6543b4e1.jpg',
            'detail'=>'MJ-Y8-PP圆木多片锯，是一款针对普通规格的长料及短料生产加工而设计研发的机型，适合加工任何圆木。MJ-Y8-PP圆木多片锯是我公司在原有圆木多片锯的基础上，加入多项技术创新，利用世界顶尖加工中心加工核心部件，设计开发的新一代机型。',
            'cate_id'=> 2
        ],
        [
            'liv_id'=>2,
            'name'=>'国外客户',
            'image'=>'http://www.deale.cn/uploadfile/201801/ca793a5831.jpg',
            'detail'=>'3系列方木多片锯，是一款针对小方木生产加工的机型，该设备适合加工高度40-120mm以内，宽度50-300mm，长度500-2000的任何方木，是您方料开板的最佳选择。该设备具有高效率、高稳定性、操作简单、维护容易、安全可靠、低噪音等特点。',
            'cate_id'=> 2
       ],
       [
            'liv_id'=>2,
            'name'=>'产品视频',
            'image'=>'http://www.deale.cn/uploadfile/201801/71433fedef.jpg',
            'detail'=>'3系列方木多片锯，是一款针对小方木生产加工的机型，该设备适合加工高度40-120mm以内，宽度50-300mm，长度500-2000的任何方木，是您方料开板的最佳选择。该设备具有高效率、高稳定性、操作简单、维护容易、安全可靠、低噪音等特点。',
            'cate_id'=> 2
       ],
       [
           'liv_id'=>3,
           'name'=>'售后服务',
           'image'=>'http://www.deale.cn/uploadfile/201801/ca793a5831.jpg',
           'detail'=>'MJ-Y8-PP圆木多片锯，是一款针对普通规格的长料及短料生产加工而设计研发的机型，适合加工任何圆木。MJ-Y8-PP圆木多片锯是我公司在原有圆木多片锯的基础上，加入多项技术创新，利用世界顶尖加工中心加工核心部件，设计开发的新一代机型。',
           'cate_id'=> 3
       ],
       [
           'liv_id'=>3,
           'name'=>'常见问题',
           'image'=>'http://www.deale.cn/uploadfile/201801/ca793a5831.jpg',
           'detail'=>'MJ-Y8-PP圆木多片锯，是一款针对普通规格的长料及短料生产加工而设计研发的机型，适合加工任何圆木。MJ-Y8-PP圆木多片锯是我公司在原有圆木多片锯的基础上，加入多项技术创新，利用世界顶尖加工中心加工核心部件，设计开发的新一代机型。',
           'cate_id'=> 3
       ],
       [
           'liv_id'=>3,
           'name'=>'留言反馈',
           'image'=>'http://www.deale.cn/uploadfile/201801/ca793a5831.jpg',
           'detail'=>'MJ-Y8-PP圆木多片锯，是一款针对普通规格的长料及短料生产加工而设计研发的机型，适合加工任何圆木。MJ-Y8-PP圆木多片锯是我公司在原有圆木多片锯的基础上，加入多项技术创新，利用世界顶尖加工中心加工核心部件，设计开发的新一代机型。',
           'cate_id'=> 3
      ],
];
$system = [
        'sys_id'=>1,
        'title' =>'东阳***',
        'desc'  =>'木工***生产专家',
        'key' =>'公司项目，服务案例，联系我们',
        'copy'=>'东阳***1',
    ];

?>
<!--'xm'=>'公司项目',-->
<!--'fw'=>'服务案例',-->
<!--'lx'=>'联系我们',-->
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="\inc\css\style.css">
    <meta name="description" content="<?php echo $system['desc'] ?>">
    <meta name="keywords" content="<?php echo $system['key'] ?>">
    <title>text</title>
</head>
<body>

<!--头部导航-->
<div class="header">
    <ul class="nav">
        <li><a href="index.php">首页</a></li>
        <?php foreach ($cates as $cate) : ?>
            <li><a href="list.php?cate_id=<?php echo $cate['cate_id']; ?>"><?php echo $cate['alias'] ?></a></li>
        <?php endforeach; ?>
    </ul>
</div>

运行实例 »

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

2.底部模板

<!--底部版权-->
<div class="footer">
    <p class="copyright"><?php echo $system['copy']; ?>© 版权所有</p>
</div>
</body>
</html>

运行实例 »

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

3.详情页面模板

<?php
include __DIR__ . '/inc/header.php';

$liv_id = intval($_GET['liv_id']);


foreach ($lives as $live) {
    if ($live['liv_id'] === $liv_id) {
        echo  "<h3>{$live['name']}</h3>";
        echo '<img src=""'.$live['image'].'" alt="" width="300">';
        echo "<p style='text-indent: 2em'>{$live['detail']}</p>";
    }
};

// 加载公共底部
include __DIR__ . '/inc/footer.php';

运行实例 »

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

4.菜单模板：

<?php
include __DIR__ . '/inc/header.php';

$cate_id = $_GET['cate_id'];

$cate_id = intval($cate_id);  // 函数转换

foreach ($cates as $cate) {

    if ($cate['cate_id'] === $cate_id) {
        echo "<h2>{$cate['alias']}</h2>";
        echo '<ol>';
        foreach ($lives as $live) {
            if ($cate['cate_id'] == $live['cate_id']) {
                echo "<li><a href='detail.php?liv_id=" .$live['mov_id']. "'>{$live['name']}</a></li>";
            }
        }
        echo '</ol>';
        break; // 结束循环
    };
}

// 加载公共底部
include __DIR__ . '/inc/footer.php';

运行实例 »

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

5.主页模板：

<?php

include __DIR__ . "/inc/header.php";

foreach ($cates as $cate) {

    echo "<h2>{$cate['alias']}</h2>";

    echo '<ol>';

    foreach ($lives as $value) {
        if ($cate['cate_id'] === $value['cate_id']) {
            echo "<li><a href='detail.php?liv_id=" . $value['liv_id'] . "'>{$value['name']}</a></li>";
        }
    }

    echo '</ol>';

}

// 加载公共底部
include __DIR__ . '/inc/footer.php';

运行实例 »

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

6.展示效果实例：

]84G11_5Y2@9D7VZXL%QLUV.png

COAHPKEG8L%ANP_YG5@GN8P.png

BEMA3F@T[7C(1@C}8@IJ726.png

DKS8QUI7MN`{4X[OW]]S4VQ.png

Correction status：unqualified

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

7月3日作业

2019-07-04 01:20:28