微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > 博客列表 > 07-23 作业：PHP仿课堂案例做企业站，制作列表页, 详情页的模板,get,二维数组的创建
博主信息
博文 32
粉丝 0
评论 0
访问量 28332
专题推荐
更多>
相关推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
07-23 作业：PHP仿课堂案例做企业站，制作列表页, 详情页的模板,get,二维数组的创建
Yx的博客
原创
840人浏览过


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


批改状态：不合格

老师批语：不写完, 就暂不要提交
本博文版权归博主所有，转载请注明地址！如有侵权、违法，请联系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学习

  • 技术支持

  • 返回顶部
    • 登录PHP中文网，和优秀的人一起学习！
    全站2000+教程免费学
    微信扫码登录