关于站点案例

css样式

实例

.header {
    background-color: #02aaa9;
    height: 30px;
}

.nav li {
    list-style:none;
    min-width:80px;
    line-height: 30px;
    float: left;
}

.nav li a {
    text-decoration: none;
    color: white;
}
.nav {
    overflow: hidden;
}
.footer {
    height: 30px;
    background-color: #02aaa9;
    color: #ff0c05;
    text-align: center;
    line-height: 30px;
}

header.PHP

实例

<?php
//  网站系统设置
$system = [
    'sys_id' =>1,
    'title' =>'腾讯视频',
    'desc' =>'全网最全最新的影视资源',
    'key' =>'电视剧，电影，综艺，动漫',
    'copy' =>'腾讯'
];

//  栏目导航
$cates = [
    ['cate_id'=>1,'name'=>'dj','alias'=>'电视剧'],
    ['cate_id'=>2,'name'=>'dy','alias'=>'电影'],
    ['cate_id'=>3,'name'=>'zy','alias'=>'综艺'],
    ['cate_id'=>4,'name'=>'dm','alias'=>'动漫'],
];

// 栏目详情
$movies = [
    [
        'list_id' =>1,
        'title'=>'全职高手',
        'images'=>'123.jpg',
        'detail'=>'全职高手剧情介绍：叶修（杨洋饰）是网友荣耀里被誉为教科书级别的顶尖高手，一直有着关于他的传说，因为某些原因被俱乐部所驱逐。叶修在离开这个圈子以后，在兴欣网吧老板娘陈果的帮助下，成为一个值夜班的网管叶修到现在已经拥有了十年的游戏经验，在荣耀新开第十区以后，重新投入了这个游戏中。叶修带着对往昔的回忆和之前未完成的自制银武器千机伞，重新创建了新的账号“君莫笑”，在荣耀第十区准备开始他重返巅峰的计划',
        'mov_id'=>1
    ],

    [
        'list_id'=>2,
        'title'=>'归还世界给你',
        'images'=>'124.jpg',
        'detail'=>'沈亦恩（王子文 饰）和叶齐磊（杨烁 饰）从大学开始就恋爱走到了一起，两人奔着共同的兴趣爱好开始创业，等到两人毕业之后公司已经小有规模，慢慢的步入正轨，同时也迎来了商场上的尔虞我诈的斗争，因为一场商业较量，初出茅庐的叶齐磊被对方势力打压、陷害，导致意外发生，从此下落不明。沈亦恩面对男友叶齐磊的“身亡”受打击过大，从此一蹶不振，后来在亲人和朋友的鼓励之下振作起来，独自挑起公司的重担',
        'mov_id'=>1
    ],

    [
        'list_id'=>3,
        'title'=>'亲爱的，热爱的',
        'images'=>'125.jpg',
        'detail'=>'根据墨宝非宝小说《蜜汁炖鱿鱼》改编，讲述软萌少女佟年对热血青年韩商言一见钟情，二人在相处中甜蜜碰撞，上演一场高智商与高情商的甜萌梦幻爱情故事。高智商女学霸佟年，偶遇热血青年韩商言，被其对梦想的执着和对团队年轻人的责任感深深吸引。韩商言一直怀有带领团队为国家争夺冠军的理想，而佟年不仅始终给予韩商言支持与理解，更在他的鼓励下重新加入校队，参加ACM世界编程大赛。',
        'mov_id'=>1
    ],


    [
        'list_id' =>4,
        'title'=>'最好的我们',
        'images'=>'126.jpg',
        'detail'=>'每个人的心里大概都藏着一个念念不忘的人。一个偶然被提及的名字，让女摄影师耿耿（何蓝逗 饰）内心掀起万千波澜，触动了回忆的开关，那个撩人心动的少年余淮（陈飞宇 饰）再度闯进她的思绪。那是记忆里最好的时光，“学渣”耿耿和“学霸”余淮成了同桌，还结识了简单（王初伊 饰）、贝塔（周楚濋 饰）、徐延亮（陈帅 饰）。校园里充盈着专属少男少女们的懵懂、青涩、怦然心动和勇敢，耿耿余淮也拥有了他们的约定',
        'mov_id'=>2
    ],

    [
        'list_id'=>5,
        'title'=>'追龙2',
        'images'=>'127.jpg',
        'detail'=>'《追龙Ⅱ》是王晶编剧并执导的剧情电影，由梁家辉、古天乐、林家栋等主演。该片主要讲述的是***警方卧底何天潜入“大富豪”龙志强的犯罪团伙，经过一次次的考验最终获得龙志强的信任并伺机行动，最终在内地和***警方合力下将悍匪龙志强抓捕的故事',
        'mov_id'=>2
    ],

    [
        'list_id'=>6,
        'title'=>'银河补习班',
        'images'=>'128.jpg',
        'detail'=>'马皓文因一次意外事故而入狱，让他遗憾地错过了儿子七年的成长时光。用自己独特的教育方法和满满的爱给予儿子马飞自由成长的空间，教会儿子独立思考的能力和面对困难的勇气。马飞面临学业问题，尽管在学校看来儿子没有可塑之处，但马皓文从未放弃，鼓励孩子找到心中的梦想并为之努力阎主任和马皓文立下赌约，打算用一个月时间将马飞的学业提高，证明他不是不可救***的学生，“学渣”也是可造之材',
        'mov_id'=>2
    ],


    [
        'list_id'=>7,
        'title'=>'极限挑战',
        'images'=>'129.jpg',
        'detail'=>'东方卫视大型星素互动励志体验节目《极限挑战》第五季回归，黄磊、罗志祥、张艺兴、王迅、迪丽热巴、岳云鹏、雷佳音等携手长江行！坚持公益，挑战继续！',
        'mov_id'=>3
    ],

    [
        'list_id'=>8,
        'title'=>'奔跑吧',
        'images'=>'131.jpg',
        'detail'=>'《奔跑吧兄弟》是浙江卫视引进韩国SBS电视台综艺节目《Running Man》推出的大型户外竞技真人秀节目，第一季由浙江卫视和韩国SBS联合制作，第二、三、四季由浙江卫视节目中心制作 [1]  。第五季起更名为《奔跑吧》，由浙江卫视节目中心独立制作。《奔跑吧兄弟》包括：《奔跑吧兄弟第一季》、《奔跑吧兄弟第二季》、《奔跑吧兄弟第三季》、《奔跑吧兄弟第四季》、《奔跑吧第一季》、《奔跑吧第二季》、《奔跑吧第三季》。《奔跑吧兄弟》固定主持是Angelababy（杨颖）、李晨、郑恺（第一至七季）',
        'mov_id'=>3
    ],

    [
        'list_id'=>9,
        'title'=>'脱口秀大会2',
        'images'=>'132.jpg',
        'detail'=>'每一期会评选出一位“爆梗王”，建立起中国脱口秀演员排行榜，并在最后一期节目中选出本季最强“爆梗王”。节目由于谦、吴昕和李诞一起组成“领笑团”，每期也会邀请一位明星***嘉宾与他们一起讨论当期话题、为选手们评分，而池子则在这一季作为演员管理员，负责带队众多优秀的脱口秀演员进行专业脱口秀竞技。节目从舞台、赛制设计上都做了全新升级，选取了更多年轻化的议题；还特别采用了残酷的开放麦赛制，脱口秀演员会提前根据预演进行互投，前7名才有机会上台表演',
        'mov_id'=>3
    ],


    [
        'list_id'=>10,
        'title'=>'全职高手',
        'images'=>'133.png',
        'detail'=>'　作为嘉世战队队长的叶秋被俱乐部逼得交出一叶之秋账号卡，叶秋不愿做陪练，提出解约。俱乐部以叶秋劳苦功高为由，逼他退役来交换赔付违约费。叶秋同意，随后离开了嘉世。苏沐橙追上他表示不舍，叶秋告诉苏沐橙，他会“休息一年，然后回来”。在游荡中，叶修进入兴欣网络***，因帮陈果打败了连胜陈果的敌手，陈果对其另眼相看，也答应了叶修提出的在网吧当网管工作请求。　叶修在荣耀中与月中眠等人组队刷BOSS，虽然组队过程中发生被诬陷抢隐藏BOSS的事，但最终总共拿下3个首杀记录，引发第十区不小的骚动，甚至也引来蓝溪阁五大高手之一的蓝河的关注。叶修与蓝河打交道的过程中，产生了利用打工来刷稀有材料的方法。',
        'mov_id'=>4
    ],
    [
        'list_id'=>11,
        'title'=>'全职法师',
        'images'=>'134.png',
        'detail'=>'一觉醒来，世界大变。熟悉的高中传授的是魔法，告诉大家要成为一名出色的魔法师。居住的都市之外游荡着袭击人类的魔物妖兽，虎视眈眈……崇尚科学的世界变成了崇尚魔法，偏偏有着一样以学渣看待自己的老师，一样目光异样的同学，一样社会底层挣扎的爸爸，一样纯美却不能走路的非血缘妹妹……不过，莫凡发现绝大多数人都只能够主修一系魔法，自己却是全系全能法师',
        'mov_id'=>4
    ],
    [
        'list_id'=>12,
        'title'=>'枪神纪',
        'images'=>'135.png',
        'detail'=>'时代的发展伴随着能源的枯竭，世界因此进入混乱。然而一次偶然的新能源—反物质之核的发现，让人类重新唤起希望。好景不长，由于不为人知的利益，反物质外泄导致正反物质发生泯灭效应，进而导致全世界的灾难与异变。人类因基因锁的打开变得强大，而与此同时基因变异的尸潮，高智慧变异人：审判者、血族、影族等的出现，也让人类进入前所未有的争斗期。少年尤利西斯身怀不为人知的基因秘密，于血与火中发生蜕变。在这个枪神世界中，他将会与谁同行，去向何方？他能否成为传说中的枪神，揭露世界的险恶，守护一切？枪神纪官方漫画，这就是我的战！',
        'mov_id'=>4
    ],
];
?>

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="description" content="<?php echo $system['desc'];?>">
    <meta name="keywords" content="<?php echo $system['key'];?>">
    <title><?php echo $system['title'] ?></title>
    <link rel="stylesheet" href="../css/tda.css">
</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>

公共底部

实例

<p class="footer"><?php echo $system['copy'] ?> @ 版权所有</p>

</body>
</html>

index.php

实例

<?php
// 加载公共头部
include __DIR__ . "/inc/header.php";

// 使用双重循环来遍历二个数组
// 外层遍历栏目数组$cates, 内层根据栏目id来查询对应的影视剧信息
foreach ($cates as $cate) {

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

    echo '<ol>';

    // 遍历影视剧数组
    foreach ($movies as $movie) {
        // 判断当前影视剧所属栏目是否与当前栏目id相同?
        if ($cate['cate_id'] === $movie['mov_id']) {
            echo "<li><a href='detail.php?mov_id=" .$movie['mov_id']. "'>{$movie['title']}</a></li>";
        }
    }

    echo '</ol>';

}

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

list.php

实例

<?php
// 加载公共头部
include __DIR__ . "/inc/header.php";

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

// 使用双重循环来遍历二个数组
// 外层遍历栏目数组$cates, 内层根据栏目id来查询对应的影视剧信息
foreach ($cates as $cate) {

    if ($cate['cate_id'] === $cate_id) {
        echo "<h2>{$cate['alias']}</h2>";

        echo '<ol>';

        // 遍历影视剧数组
        foreach ($movies as $movie) {
            // 判断当前影视剧所属栏目是否与当前栏目id相同?
            if ($cate['cate_id'] === $movie['mov_id']) {
                echo "<li><a href='detail.php?mov_id=" . $movie['mov_id'] . "'>{$movie['title']}</a></li>";
            }
        }

        echo '</ol>';

    }

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

detail.php

实例

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

$list_id= intval($_GET['mov_id']);

foreach ($movies as $list){
    if($list_id === $list['list_id']){
        echo "<h3>{$list['title']}</h3>";
        echo "<img src='../css/images/".$list['images']."' alt='' width=400px' >";
        echo "<p style='text-indent: 2em;'>{$list['detail']}</p>";
    }
}

include __DIR__ . '/inc/footer.php';