第十期PHP静态网页实现动态数据填充功能（2020-01-10）

目标：实现虚拟数据库，实现静态页变成动态数据的填充

1.公共文件放入在同一文件中，方便调用（/include）

1.1通过/include/config.php配置网站的基本信息以及文件虚拟数据库来实现动态数据载入静态页面，来实现数据的动态填充。

<?php
// 网站配置
$siteTitle = '一一笑话网';
// 图片路径
const STATIC_PATH = 'static/';
// 栏目导航
$categories = [
    ['id' => 1, 'name' => '冷笑话', 'url' => 'list.php?cid=1'],
    ['id' => 2, 'name' => '幽默笑话', 'url' => 'list.php?cid=2'],
    ['id' => 3, 'name' => '爱情笑话', 'url' => 'list.php?cid=3'],
];
// 笑话信息
$arclists = [
    [
        'id' => 1,
        'name' => '把你冻僵滴是小冷段儿',
        'source'=> '笑话集',
        'url'=> 'view.php?id=1',
        'body'=>'
    <p>
        1、火云邪神苦练多年，终于将蛤蟆功练至顶级并成功产下8个小蝌蚪。
    </p>
    <p>
        2、老婆永远是对的，这话永远也是对的。但老婆没想到的是，她不一定永远是老婆
    </p>
    <p>
        3、小王一辈子窝囊废，行将就木之际就渴望被人夸一次。</p><p></p>
这份执念感动了老天爷，他派了一个大夫过来说：你这病吧，老厉害了。
    <p></p>
    <p>
        4、人生天地间没有谁是容易的，就算是思聪也得每天犯愁怎么花钱。
    </p>
    <p>
        5、“判断空气质量好不好可以抠鼻屎，黑的就是空气质量不好。”</p><p></p>
“红的呢？”<p></p>
“你抠猛了！ ”
    <p></p>
    <p>
        6、昨晚预约了快递上门取件还预点了早餐，结果早上睡太死外卖打电话没听见，直接给我放门口窗台了，后来快递员来取件把我外卖寄走了。
    </p>
    <p>
        7、自己做菜，女朋友每次都吃的干干净净，一直自我感觉良好自己做菜手艺不错，有一天突然意识到，女朋友可能就是单纯的能吃。
    </p>
    <p>
        8、今天去理发，洗剪吹68，烫发和染发668。我就做了个洗剪吹，结账的时候发现居然收我668。。。</p><p></p>
我不服，1米95的经理走出来对我耐心地解释：你看哈，刚才洗头的时候，是不是感觉水很烫？？？
    <p></p>
    <p>
        9、啥叫点背？日他姐，干个活，不是驴不拉就是磨不转，驴拉了磨转了，缰绳又断了，缰绳接好了，驴去吃草了，不知谁TM又把驴给牵跑啦！干个毛线活，不干啦！
    </p>
    <p>
        10、特别讨厌食堂里写着：浪费粮食可耻之类的标语了，你把农民伯伯辛辛苦苦种出来的粮食，做得这么难吃，还有脸说别人无耻！！！
    </p>
',
        'cid' => 1,
    ],
    [
        'id' => 2,
        'name' => '爆冷,冻僵你滴笑脸',
        'source'=> '哈哈MX',
        'url' => 'view.php?id=2',
        'body' => '
    <p>
        1、医院里，一孕妇难产，医生灵机一动，给她服用了益生菌。
    </p>
    <p>
        2、300斤的某女没看到她老公躺在沙发上，一屁股把他坐死了。法律并没有追究她的责任，因为法不责重。
    </p>
    <p>
        3、两个老人去养老院。。。</p><p></p>
70岁的老人进去了，90岁老人没进去。<p></p>
工作人员：“对不起，大爷，我们不接受儿女健在的老人。您的资料显示，你有一个儿子。”<p></p>
90岁老人：“操，刚刚进去的就是我儿子！ ”
    <p></p>
    <p>
        4、和哥们去一个经常去的小饭馆吃饭，因为经常去所以特别熟！吃完饭结账时104块钱，我和老板说：打个把零抹了吧？</p><p></p>
老板：卧槽，抹零可不行，给你抹四块吧！<p></p>
我。。。
    <p></p>
    <p>
        5、酒吧里跟一肌肉男起了冲突，对方要打我。我说：“你也不打听打听我是谁？”</p><p></p>
“你谁？”<p></p>
“我是一坨屎啊大哥，你打我不怕脏了手吗？”
    <p></p>
    <p>
        6、一老板玩小三玩腻，小三逼婚不成索要千万赔偿。</p><p></p>
老板冥思苦想，计上心来。他以提高文化水平为由，花几十万让她上了高端商学院。<p></p>
班上权贵如云，没两个月，小三就另觅新欢，不理老板了。<p></p>
为了保持清纯形象，小三给了老板100万封口费。<p></p>
---吴秀波一定没看过这个故事。
    <p></p>
    <p>
        7、特朗普早上起来说：早上好，太阳先生。</p><p></p>
太阳说：早上好，总统先生。<p></p>
特朗普中午说：中午好，太阳先生。<p></p>
太阳说：中午好，总统先生。<p></p>
特朗普晚上说：晚上好，太阳先生。<p></p>
太阳说：好尼玛戈壁，老子要下班的。<p></p>
特朗普怒打电话给财政部：马上制裁太阳！<p></p>
姆努钦傻了半天：总统先生，我们没有理由制裁<p></p>
特朗普吼道：它有没有照到伊朗人？<p></p>
姆努钦：明白了，马上办。
    <p></p>',
        'cid' => 1,
    ],
    [
        'id' => 3,
        'name' => '史上最强笑话十则',
        'source' => '互联网',
        'url' => 'view.php?id=3',
        'body' => '                       <p>
    01
</p>
<p>
    有次老公开好房间等我 ，我到了门外想逗逗他，就在门外小声的叫：306，你叫的小姐来了，开门！ 谁料隔壁的门打开了，一个男的出来对我说：等会儿完事了到我这边来一下啊！
</p>
02<p></p>
晚上，老公准备睡觉，刚上床就喊起来：老婆，昨晚儿子尿床了，叫你早上把被子拿出去晒的。 老婆：是啊，我晒了啊...... 老公：奇怪，今天天气这么好，被子都没有晒干啊？你放哪晒的啊？ 老婆：哦，放在朋友圈啊！<p></p>
03<p></p>
老婆：亲爱的，如果有一天你失去了我，你会有什么感受？ 我：嗯。。。就像炒菜没有了盐！ 老婆：你是说失去了我生活会索然无味吗？ 我：小笨蛋，我的意思是我会去再买一包！ 老婆。。。<p></p>
04<p></p>
今天去开会，去的路上碰到同事大刘，他边走边吃萝卜。 我问：“哎呦，这个季节，所有的水果都下来了，怎么吃萝卜呀？” 大刘：“你不懂，吃了它，开会的时候，才能提前离开！ ” 我：“啥意思？” 大刘：“我们科长说了，开会的时候，你有事离开，我可以理解，但是，你起码得放个屁吧！ ” 我：“……”<p></p>
05<p></p>
有一次和一女同志一起出差。突然我想起一个黄色笑话。便跟他说：“我想到一个黄-色-笑-话，讲给你听氨 结果她直接无视我扭头走了…… 我这个桑心埃然后……然后她在一个角落跟我摆手：“过来，过来，这边说来。这儿人少”<p></p>
06<p></p>
某校有女同学抱怨，男生对她好，都是为了想上她。她闺蜜说，男生每个月生活费1000块，大部分都给女孩买衣服，化妆品，买礼物，回头只能吃泡面，榨菜，你总得让她尝几次肉吧！啊，多明事理啊！<p></p>
07<p></p>
晚和女友在外面散步，女友对我说：“冬天还是有好处的。” 我说：“比如呢？” 女友“啪”的一巴掌打在我脸上，问我：“是不是感觉没有以前那么疼了？” 我摸摸脸说：“好像是真的哎。”<p></p>
08<p></p>
乌龟正在河里洗澡被癞蛤蟆看见了， 乌龟：没见过像我这样的美女吗？看你眼珠子都快要蹦出来了。 癞蛤蟆：妹，你就别逗我了，没有看见我身上已经起鸡皮疙瘩了吗？<p></p>
09<p></p>
上班时收到老婆短信：吃什么食物能减肥？ 我上网查了一下回她：1.玉米；2.山楂；3.苹果；4.地瓜。 下班回家看到她躺沙发上喘气，问她怎么了？ 她说：“一根玉米两颗山楂不在话下，三个苹果也还行，四个地瓜撑死我了。”<p></p>
10<p></p>
那天想约一个女生出来，打电话之前酝酿了半天，结果电话是她爸接的，我一激动说了句：叔叔您好，阿姨在家么？我想叫她出来玩。             ',
        'cid' => 1,
    ],
    [
        'id' => 4,
        'name' => '女票质疑男友的爱',
        'source' => '互联网',
        'url' => 'view.php?id=4',
        'body' => '                       1.一对情侣在山中被野人抓住说：“你们吃掉对方的大便就放了你们。”情侣做到了，归途中女票大哭，男友问其原因。女票伤心的说：“你不爱我，不然你不会拉那么多。”<p></p>
2.老公：亲爱的，明晚我要请一位同事来吃晚饭。妻子：什么？！你疯了吗？房子已经很久没有打扫过了，我也很久没有去超市买东西了，家里的三十个碟子都还没有洗，我也不愿意下厨房去做点什么像样的晚餐！老公：我知道，亲爱的。妻子：那你干嘛还请同事来吃饭？老公：因为那个傻小子居然满脑子想着要结婚。<p></p>
3.一位少妇两眼浮肿地接受家庭医生的诊疗。大夫：“哎呀！到底是怎么回事？”医生吓了一跳问道。少妇：“呜……是被我丈夫打的。”大夫：“咦！你先生不是出差了吗？”少妇：“我也是那样认为的。”<p></p>
4.急救课上，老师问道：“有人受伤，第一步该怎么做？”下面一片沉默，突然，小明站起来，说道：“我知道，问他要不要器官捐赠？”           ',
        'cid' => 3,
    ],
    [
        'id' => 5,
        'name' => '我会热死的',
        'source' => 'images/5.jpg',
         'url' => 'view.php?id=5',
        'body' => '       男：“亲爱的，要是让我好好看看你的脸蛋儿，我就替你买一双黑貂皮手套；要是让我握握你的手，我就给你买一条银狐皮围巾；要是让我亲亲你，我一定给你买一条水獭皮披肩；啊，要是让我……”<p></p>
女：“够啦，够啦！我会热死的！ ”             ',
        'cid' => 3,
    ],
    [
        'id' => 6,
        'name' => '幽默有趣的逗B笑段',
        'source' => '笑话集',
        'url' => 'view.php?id=6',
        'body' => '
    <p>
        1、春分，意思就是春天到了，该分手了。
    </p>
    <p>
        2、就算失败了99次，也要努力继续。。。凑个整！
    </p>
    <p>
        3、还有种距离叫：想通过朋友圈了解他，但他不发朋友圈。
    </p>
    <p>
        4、没有存在感，但内心却全速运转，简直就像是空调室外机一样的人。
    </p>
    <p>
        5、微胖的女孩，运气不会太差，因为运气太差的女孩都是巨胖。
    </p>
    <p>
        6、我好哥们儿的妻子明天要去跳伞了，我真的好担心她的伞打不开。上次这么大的东西撞击地球，所有的恐龙都消失了。
    </p>
    <p>
        7、不知道古代那个从南方拉荔枝给妃子吃的皇帝，得知今天的大豆跨越半个地球只是用来喂猪这件事后会怎么想？？？
    </p>
    <p>
        8、其实几年前也有人找到我，问我是否愿意进娱乐圈试试，但我知道我的长相注定了我在演艺圈发展不会太好，戏路太窄，只能演花瓶，就拒绝了。
    </p>
    <p>
        9、去便利店买了24块钱的东西——招商银行app一条信息，您消费24元；短信一条信息，您消费24元；微信支付一条信息，您消费24元。给我整一愣：我买啥了就花了70多?
    </p>
    <p>
        10、发现一个很有趣的现象：</p><p></p>
我身边的年轻人：我不想上班，除了上班干什么都行。<p></p>
我身边的老人家：我想上班，上班干什么都行！
    <p></p>',
        'cid' => 2,
    ],
    [
        'id' => 7,
        'name' => '太安逸了?就用幽默小段扎扎心',
        'source' => '笑话集',
        'url' => 'view.php?id=7',
        'body' => '
        1、人们总是在该适可而止时得寸进尺。<p></p>
        2、最近总感觉浑身无力，这个力，主要是购买力。<p></p>
        3、成年人的特征就是大事淡然处之，小事随时崩溃。<p></p>
        4、健身会上瘾，但你还是无法坚持，因为不健身更上瘾。<p></p>
        5、人进行抢钱等犯罪，其实是为了在买东西给钱的时候守法。<p></p>
        6、“高！实在是高！ ”朋友一边鼓掌，一边对你的发际线说。<p></p>
        7、工作就像方便面，曲曲折折，三分钟热度，关键是加量不加价。<p></p>
        8、我说我想当幽默大师，所有人都笑了。看来好的开始是成功的一半。<p></p>
        9、研究发现：榨油出油率最高的是三种东西，排在第三的是菜籽，出油率为百分之三十五左右。第二是花生，出油率为百分之四十五左右。第一是韭菜，出油率百分之一百二十五点三八！<p></p>
        10、大多数做Powerpoint的人，既没有Power(权力)也没有Point(观点)；<p></p>
        那些用Word的人，都没有什么word(话)要说；<p></p>
        那些用Excel的人并不excel(优秀)；<p></p>
        那些用Access的人,都没有access(权限)。<p></p>
        而最大的真像就是，大多数使用Microsoft Office的人，在office(办公室)里都是既micro(卑微)又soft(软弱)的。                    ',
        'cid' => 2,
    ],
    [
        'id' => 8,
        'name' => '一组幽默短信',
        'source' => '本站原创',
        'url' => 'view.php?id=8',
        'body' => ' 
        新好男人准则：进得厨房，工资全缴；端得热水，帮老婆洗脚；活计全包，让老婆教导；学会按摩，给老婆捏脚；做梦要说：我老婆真好！请广大男人传阅执行 ”                    ',
        'cid' => 3,
    ],
    [
        'id' => 9,
        'name' => '幽默有趣的逗B笑段',
        'source' => '笑话集',
        'url' => 'view.php?id=9',
        'body' => '
    <p>
    1、春分，意思就是春天到了，该分手了。
</p>
<p>
    2、就算失败了99次，也要努力继续。。。凑个整！
</p>
<p>
    3、还有种距离叫：想通过朋友圈了解他，但他不发朋友圈。
</p>
<p>
    4、没有存在感，但内心却全速运转，简直就像是空调室外机一样的人。
</p>
<p>
    5、微胖的女孩，运气不会太差，因为运气太差的女孩都是巨胖。
</p>
<p>
    6、我好哥们儿的妻子明天要去跳伞了，我真的好担心她的伞打不开。上次这么大的东西撞击地球，所有的恐龙都消失了。
</p>
<p>
    7、不知道古代那个从南方拉荔枝给妃子吃的皇帝，得知今天的大豆跨越半个地球只是用来喂猪这件事后会怎么想？？？
</p>
<p>
    8、其实几年前也有人找到我，问我是否愿意进娱乐圈试试，但我知道我的长相注定了我在演艺圈发展不会太好，戏路太窄，只能演花瓶，就拒绝了。
</p>
<p>
    9、去便利店买了24块钱的东西——招商银行app一条信息，您消费24元；短信一条信息，您消费24元；微信支付一条信息，您消费24元。给我整一愣：我买啥了就花了70多?
</p>
<p>
    10、发现一个很有趣的现象：</p><p></p>
我身边的年轻人：我不想上班，除了上班干什么都行。<p></p>
我身边的老人家：我想上班，上班干什么都行！
<p></p>
                 ',
        'cid' => 2,
    ],
];

1.2公共头部/include/head.php

<!-- 在公共头部载入配置文件 -->
<?php include 'config.php' ?>
<header>
     <div class="logo"><a href="index.php"><?php echo $siteTitle?></a></div>
     <nav>
        <a href="index.php">笑话首页</a>
        <a href="rank.php">最新笑话</a>    
        <?php foreach($categories as $category): ?>
        <a href="<?php echo $category['url']?>"><?php echo $category['name']?></a>
        <?php endforeach?>
     </nav>
</header>

1.3公共底部/include/footer.php

<footer>
<span>版权归属<?php echo $siteTitle?></span>
     <span>
        <a href="index.php">笑话首页</a>
        <a href="rank.php">最新笑话</a>    
        <?php foreach($categories as $category): ?>
        <a href="<?php echo $category['url']?>"><?php echo $category['name']?></a>
        <?php endforeach?>
     </span>
</footer>

2.通过网站首页，频道页面，详情页、专题（最新笑话）页面。实现一个网站基本搭建

2.1网站首页index.php

网页代码

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>一一笑话网</title>
<link href="/skin/css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<!-- 载入公共头部 -->
<?php include __DIR__ . '/include/header.php'?>
<main class="index">
<?php foreach($categories as $category): ?>
 <article>
  <h3><?php echo $category['name']?></h3>
   <ul>
   <?php foreach($arclists as $arclist): ?>
   <?php if($arclist['cid']===$category['id']):?>
   <li><a target="_blank" title="<?php echo $arclist['name']?>" href="<?php echo $arclist['url']?>"><?php echo $arclist['name']?></a></li>
 <?php endif?>   
 <?php endforeach?>
   </ul>
 </article>
 <?php endforeach?>
</main>
<?php include __DIR__ . '/include/footer.php'?>
</body></html>

运行结果

2.2网站频道页list.php

网页代码

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>一一笑话网</title>
<link href="/skin/css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<!-- 载入公共头部 -->
<?php include __DIR__ . '/include/header.php'?>
<?php 
$tid=$_GET['cid'];
// 获取该栏目所有笑话
function getArclist($tid,$arclists){
        foreach($arclists as $arclist){
            if($arclist['cid']===intval($tid)){
                  $currentarclist[]=$arclist;        
            }
        }
return $currentarclist;
}
 $currentarclist=getArclist($tid,$arclists);
 function getRankArclist($num,$arclists){
     $RankArclistKeys = array_rand($arclists,$num);
     foreach($RankArclistKeys as $key){
         $RankArclists[]=$arclists[$key];
     }
return $RankArclists; 
 }
 $rankArclists=getRankArclist(3,$arclists);
?>
<main class="list">
    <div class="new_list">
       <?php foreach($currentarclist as $arclist): ?>
        <div>
            <div class="title"><a href=""><?php echo $arclist['name']?></a></div>
            <div class="source">来源：<?php echo $arclist['source']?></div>
            <div class="text">
    <?php echo $arclist['body']?></div>
                <a href="<?php echo $arclist['url']?>">查看全文></a>    
        </div>
 <?php endforeach?>
    </div>
    <div class="sider">
        <h4>24小时随机笑话推荐</h4>
        <ul>
       <?php foreach($rankArclists as $rankarclist): ?>
            <li><a href="<?php echo $rankarclist['url']?>"><?php echo $rankarclist['name']?></a></li>
        <?php endforeach?>    
        </ul>
    </div>
</main>
<?php include __DIR__ . '/include/footer.php'?>
</body></html>

运行结果

2.3网站详情页view.php

网页代码

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>一一笑话网</title>
<link href="/skin/css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<!-- 载入公共头部 -->
<?php include __DIR__ . '/include/header.php'?>
<?php 
$aid=$_GET['id'];
// 获取该栏目所有笑话
function getArclist($aid,$arclists){
        foreach($arclists as $arclist){
            if($arclist['id']===intval($aid)){
                  $currentarclist=$arclist;        
            }
        }
return $currentarclist;
}
 $currentarclist=getArclist($aid,$arclists);
 function getRankArclist($num,$arclists){
     $RankArclistKeys = array_rand($arclists,$num);
     foreach($RankArclistKeys as $key){
         $RankArclists[]=$arclists[$key];
     }
return $RankArclists; 
 }
 $rankArclists=getRankArclist(3,$arclists);
?>
<main class="list view">
    <div class="new_list">
        <div>
            <div class="title"><a href=""><?php echo $currentarclist['name']?></a></div>
            <div class="source">来源：<?php echo $currentarclist['source']?></div>
            <div class="text">
    <?php echo $currentarclist['body']?></div>
        </div>
    </div>
    <div class="sider">
        <h4>24小时随机笑话推荐</h4>
        <ul>
       <?php foreach($rankArclists as $rankarclist): ?>
            <li><a href="<?php echo $rankarclist['url']?>"><?php echo $rankarclist['name']?></a></li>
        <?php endforeach?>    
        </ul>
    </div>
</main>
<?php include __DIR__ . '/include/footer.php'?>
</body></html>

运行结果

2.4网站专题页rank.php

网页代码

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>一一笑话网</title>
<link href="/skin/css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<!-- 载入公共头部 -->
<?php include __DIR__ . '/include/header.php'?>
<?php 
 function getRankArclist($num,$arclists){
     $RankArclistKeys = array_rand($arclists,$num);
     foreach($RankArclistKeys as $key){
         $RankArclists[]=$arclists[$key];
     }
return $RankArclists; 
 }
 $rankArclists=getRankArclist(3,$arclists);
?>
<main class="list">
    <div class="new_list">
       <?php foreach($rankArclists as $arclist): ?>
        <div>
            <div class="title"><a href=""><?php echo $arclist['name']?></a></div>
            <div class="source">来源：<?php echo $arclist['source']?></div>
            <div class="text">
    <?php echo $arclist['body']?></div>
                <a href="<?php echo $arclist['url']?>">查看全文></a>    
        </div>
 <?php endforeach?>
    </div>
    <div class="sider">
        <h4>24小时随机笑话推荐</h4>
        <ul>
       <?php foreach($rankArclists as $rankarclist): ?>
            <li><a href="<?php echo $rankarclist['url']?>"><?php echo $rankarclist['name']?></a></li>
        <?php endforeach?>    
        </ul>
    </div>
</main>
<?php include __DIR__ . '/include/footer.php'?>
</body></html>

3.总结

3.1 在配置文件中，可以配置书写一些常用的信息。例如网站名称，图片路径等。载入公共头部和底部组件，能够更快的搭建起网站。

3.2 相同构造的静态代码部分，通过循环foreash轻松实现动态数据调用。

3.3 函数能够实现代码的复用，传入对应的参数，便能实现功能。频道页面，是通过id来分辨，调用是那个栏目的内容。

3.4 地址栏传送的参数，都是字符串类型。数值型字符串与栏目id做比较时，推荐用全等，用intval函数转维数值。

3.5 网站整体在做出来后，并没有达到做前预想。只能说简单的实现了功能，离理想的差别还是很大。希望在学完以后，能够解决此时的遗憾。比如列表页面在超过指定的字数出现省略号。用函数截取后，恰好截取掉一个内容的结束标签，整个页面布局发生问题。笑话的第一条是图文布局，不知道如何实现。