search

博客列表 >0110作业：静态网站模拟动态化

0110作业：静态网站模拟动态化

十年一梦
十年一梦原创
2020年01月12日 10:41:51897浏览

0110作业：静态网站模拟动态化

动态网站和静态分析

  • 在我们常见的网站中，大部分都是动态化数据填充；
  • 动态网站能最简单的保证网站最快的更新；
  • 动态网站是一次投入，在以后的运行中，不必要去改动网页代码；
  • 动态网站把所有数据保存到数据库，利于数据的安全；

网站示例

网站首页

  • 首页运行图

  • 首页index.php 代码
  1. <?php include __DIR__ . '/inc/public_header.php' ?>
  2. <?php
  3. //调用栏目名称
  4. function catListName($cid, $catLists)
  5. {
  6.     foreach ($catLists as $catList) {
  7.         if ($catList['cid'] === $cid) {
  8.             //当参数过来的cid和栏目的cid相等输出栏目名字
  9.             $catListName = $catList['name'];
  10.         }
  11.     }
  12.     return $catListName;
  13. }
  14. //调用随机小说函数
  15. function randomBooks($bookLists, $num)
  16. {
  17.     $bookListIds = array_rand($bookLists, $num);
  18.     foreach ($bookListIds as $bookListId) {
  19.         $bookRandLists[] = $bookLists[$bookListId];
  20.     }
  21.     return $bookRandLists;
  22. }
  23. $bookRandLists = randomBooks($bookLists, 6);
  24. ?>
  25. <!--小说内容区域-->
  26. <main>
  27.    <!--随机小说-->
  28.     <div class="book-list">
  29.         <div class="book-title"><span>随机推荐</span></div>
  30.         <div class="b-lists">
  31.             <?php foreach ($bookRandLists as $randList): ?>
  32.                 <div class="b-list">
  33.                     <a href="<?= $randList['url'] ?>"><img src="<?= PIC_PATH . $randList['pic'] ?>" alt=""></a>
  34.                     <div class="b-list-wenzi">
  35.                         <a href="<?= $randList['url'] ?>"><?= $randList['name'] ?></a>
  36.                         <span><?= $randList['summary'] ?></span>
  37.                         <div>
  38.                             <span><i class="iconfont icon-zuozhe"></i><?= $randList['author'] ?></span>
  39.                             <span><?= catListName($randList['cid'], $catLists); ?></span>
  40.                         </div>
  41.                     </div>
  42.                 </div>
  44.             <?php endforeach ?>
  45.         </div>
  46.     </div>
  47.     <!--小说循环-->
  48.     <?php foreach ($catLists as $catList): ?>
  49.         <div class="book-list">
  50.             <div class="book-title"><span><?= $catList['name'] ?></span></div>
  51.             <div class="b-lists">
  52.                 <?php foreach ($bookLists as $bookList): ?>
  53.                     <!--输出当前栏目ID的小说-->
  54.                     <?php if ($catList['cid'] === $bookList['cid']): ?>
  55.                         <div class="b-list">
  56.                             <a href="<?= $bookList['url'] ?>"><img src="<?= PIC_PATH . $bookList['pic'] ?>" alt=""></a>
  57.                             <div class="b-list-wenzi">
  58.                                 <a href="<?= $bookList['url'] ?>"><?= $bookList['name'] ?></a>
  59.                                 <span><?= $bookList['summary'] ?></span>
  60.                                 <div>
  61.                                     <span><i class="iconfont icon-zuozhe"></i><?= $bookList['author'] ?></span>
  62.                                     <span><?= catListName($bookList['cid'], $catLists); ?></span>
  63.                                 </div>
  64.                             </div>
  65.                         </div>
  66.                     <?php endif; ?>
  67.                 <?php endforeach ?>
  68.             </div>
  69.         </div>
  70.     <?php endforeach ?>
  71. </main>
  72. <?php include __DIR__ . '/inc/public_footer.php' ?>

网站小说列表页

  • 列表页运行图

  • 列表页 list.php 代码
  1. <!--引入头部文件-->
  2. <?php include __DIR__.'/inc/public_header.php'?>
  3. <?php
  4. $cid = $_GET['cid'];
  5. //调用栏目名称
  6. function catListName ($cid,$catLists){
  7.     foreach ($catLists as $catList){
  8.         if($catList['cid'] === intval($cid)){
  9.             //当参数过来的cid和栏目的cid相等输出栏目名字
  10.             $catListName = $catList['name'];
  11.         }
  12.     }
  13.     return $catListName;
  14. }
  15. $catListName = catListName($cid,$catLists);
  16. //调用小说列表
  17. function bookList ($bookLists,$cid){
  18.     foreach ($bookLists as $bookList){
  19.         if($bookList['cid'] === intval($cid)) {
  20.             $currentLists[] = $bookList;
  21.         }
  22.     }
  23.     return $currentLists;
  24. }
  25. $currentLists = bookList($bookLists,$cid);
  26. //print_r($currentLists);
  27. ?>
  28. <!--小说内容区域-->
  29. <main>
  30.     <!--小说列表-->
  31.     <div class="book-list">
  32.         <div class="book-title"><span><?=$catListName?></span></div>
  33.         <div class="b-lists">
  34.             <?php foreach ($currentLists as $currentList):?>
  35.                 <div class="b-list">
  36.                     <a href="<?=$currentList['url'] ?>"><img src="<?=PIC_PATH.$currentList['pic'] ?>" alt=""></a>
  37.                     <div class="b-list-wenzi">
  38.                         <a href="<?=$currentList['url'] ?>"><?=$currentList['name'] ?></a>
  39.                         <span><?=$currentList['summary'] ?></span>
  40.                         <div>
  41.                             <span><i class="iconfont icon-zuozhe"></i><?=$currentList['author'] ?></span>
  42.                             <span><?=$catListName?></span>
  43.                         </div>
  44.                     </div>
  45.                 </div>
  46.             <?php endforeach ?>
  47.         </div>
  48.     </div>
  49. </main>
  50. <!--引入页脚文件-->
  51. <?php include __DIR__.'/inc/public_footer.php'?>

网站专题页

  • 网站专题随机推荐阅读页面运行图

  • 网站专题random.php 代码
  1. <!--引入头部文件-->
  2. <?php include __DIR__ . '/inc/public_header.php' ?>
  4. <?php
  5. //调用栏目名称
  6. function catListName($cid, $catLists)
  7. {
  8.     foreach ($catLists as $catList) {
  9.         if ($catList['cid'] === $cid) {
  10.             //当参数过来的cid和栏目的cid相等输出栏目名字
  11.             $catListName = $catList['name'];
  12.         }
  13.     }
  14.     return $catListName;
  15. }
  16. //调用随机小说函数
  17. function randomBooks($bookLists, $num)
  18. {
  19.     $bookListIds = array_rand($bookLists, $num);
  20.     foreach ($bookListIds as $bookListId) {
  21.         $bookRandLists[] = $bookLists[$bookListId];
  22.     }
  23.     return $bookRandLists;
  24. }
  26. $bookRandLists = randomBooks($bookLists, 6);
  28. ?>
  29. <main>
  30.     <!--随机小说-->
  31.     <div class="book-list">
  32.         <div class="book-title"><span>随机推荐</span></div>
  33.         <div class="b-lists">
  34.             <?php foreach ($bookRandLists as $randList): ?>
  35.                 <div class="b-list">
  36.                     <a href="<?= $randList['url'] ?>"><img src="<?= PIC_PATH . $randList['pic'] ?>" alt=""></a>
  37.                     <div class="b-list-wenzi">
  38.                         <a href="<?= $randList['url'] ?>"><?= $randList['name'] ?></a>
  39.                         <span><?= $randList['summary'] ?></span>
  40.                         <div>
  41.                             <span><i class="iconfont icon-zuozhe"></i><?= $randList['author'] ?></span>
  42.                             <span><?= catListName($randList['cid'], $catLists); ?></span>
  43.                         </div>
  44.                     </div>
  45.                 </div>
  47.             <?php endforeach ?>
  48.         </div>
  49.     </div>
  50. </main>
  51. <!--引入页脚文件-->
  52. <?php include __DIR__ . '/inc/public_footer.php' ?>

网站内容详情页

  • 详情页运行图

  • 详情页info.php 代码
  1. <?php include __DIR__ . '/inc/public_header.php' ?>
  2. <?php
  3. //接收商品ID
  4. $id = $_GET['id'];
  5. //调用小说信息
  6. function getBook($id, $bookLists)
  7. {
  8.     foreach ($bookLists as $bookList) {
  9.         if ($bookList['id'] === intval($id)) {
  10.             $getBook = $bookList;
  11.         }
  13.     }
  14.     return $getBook;
  15. }
  16. $getBook = getBook($id, $bookLists);
  17. //获取当前父栏目名字
  18. $cid = $getBook['cid'];
  19. function catListName($cid, $catLists)
  20. {
  21.     foreach ($catLists as $catList) {
  22.         if ($catList['cid'] === intval($cid)) {
  23.             //当参数过来的cid和栏目的cid相等输出栏目名字
  24.             $catListName = $catList['name'];
  25.         }
  26.     }
  27.     return $catListName;
  28. }
  29. $catListName = catListName($cid, $catLists);
  30. print_r($catListName);
  31. ?>
  32. <div class="info">
  33.     <div class="info-top">
  34.         <a href=""><img src="<?= PIC_PATH . $getBook['pic'] ?>" alt=""></a>
  35.         <div>
  36.             <div><span><?= $getBook['name'] ?></span><span><?= $getBook['author'] ?></span></div>
  37.             <div>
  38.                 <span><?= $getBook['status'] ?></span><span><?= $getBook['sign'] ?></span><span><?= $getBook['price'] ?></span><span><?= $catListName ?></span>
  39.             </div>
  40.             <div>
  41.                 <span><i><?= $getBook['word'] ?></i>万字</span><span><i><?= $getBook['overall'] ?></i>总推荐</span><span><i><?= $getBook['Weekly'] ?></i>周推荐</span>
  42.             </div>
  43.             <div>
  44.                 <a href="">免费试读</a>
  45.                 <a href="">加入书架</a>
  46.                 <a href="">投票互动</a>
  47.             </div>
  48.         </div>
  49.     </div>
  50.     <div class="info-cont">
  51.         <span>作品信息</span>
  52.         <span><?= $getBook['intro'] ?></span>
  53.     </div>
  54. </div>
  55. <?php include __DIR__ . '/inc/public_footer.php' ?>

网站公共部分代码

  • 头部public_header.php 代码
  1. <!--公共头部-->
  2. <?php include './config/config.php' ?>
  3. <!doctype html>
  4. <html lang="en">
  5. <head>
  6.     <meta charset="UTF-8">
  7.     <meta name="viewport"
  8.           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  9.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  10.     <link rel="stylesheet" href="static/css/style.css">
  11.     <link rel="stylesheet" href="static/font/iconfont.css">
  12.     <title>小说阅读网</title>
  13. </head>
  14. <body>
  15. <header>
  16.     <a href="index.php">网站首页</a>
  17.     <a href="random.php">随机推荐</a>
  18.     <?php foreach ($catLists as $catList): ?>
  19.         <a href="<?= $catList['url'] ?>"><?= $catList['name'] ?></a>
  20.     <?php endforeach; ?>
  21. </header>
  • 页脚public_footer.php 代码
  1. <!--公共底部-->
  2. <footer>
  3.     <?php foreach ($tabBars as $tabBar):?>
  4.     <a href="<?=$tabBar['url']?>"><i class="iconfont <?=$tabBar['icon']?>"></i><?=$tabBar['name']?></a>
  5.     <?php endforeach;?>
  6. </footer>
  7. </body>
  8. </html>

公共css 代码

  1. /*页面元素初始化*/
  2. * {
  3.     margin: 0;
  4.     padding: 0;
  5. }
  7. body {
  8.     font-size: 13px;
  9.     color: #888888;
  10.     background-color: #EDEFF0;
  11.     display: flex;
  12.     flex-direction: column;
  13.     min-width: 360px;
  14.     max-width: 768px;
  15.     margin: 0 auto;
  16.     overflow-x: hidden;
  17.     -webkit-column-rule-color: transparent;
  18. }
  20. a {
  21.     text-decoration: none;
  22.     color: #404040;
  23.     font-size: 13px;
  24. }
  26. li {
  27.     list-style: none;
  28. }
  30. /*header 部分*/
  31. header {
  32.     height: 40px;
  33.     background: #333333;
  34.     line-height: 40px;
  35.     display: flex;
  36.     justify-content: space-around;
  37.     position: fixed;
  38.     width: 100%;
  39.     min-width: 360px;
  40.     max-width: 768px;
  41.     top: 0;
  42. }
  44. header > a {
  45.     color: white;
  46. }
  48. header > a:hover {
  49.     color: #999999;
  50. }
  52. /*小说列表*/
  53. main {
  54.     display: flex;
  55.     flex-direction: column;
  56.     margin: 50px 0;
  57.     flex: 1;
  59. }
  61. main > .book-list {
  62.     display: flex;
  63.     flex-direction: column;
  64.     background-color: white;
  65.     padding: 10px 0;
  66.     margin-top: 10px;
  68. }
  70. main > .book-list > .book-title {
  71.     height: 30px;
  72.     font-size: 20px;
  73.     padding: 10px 5px 5px 5px;
  74.     border-bottom: 1px solid #999999;
  75. }
  77. main > .book-list > .b-lists {
  78.     display: flex;
  79.     flex-wrap: wrap;
  80.     margin-top: 10px;
  82. }
  84. main > .book-list > .b-lists > .b-list {
  85.     width: 33.33333%;
  86.     display: flex;
  87.     padding: 5px;
  88.     box-sizing: border-box;
  89. }
  92. main > .book-list > .b-lists > .b-list > a > img {
  93.     width: 72px;
  94.     height: 96px;
  95. }
  97. main > .book-list > .b-lists > .b-list > .b-list-wenzi {
  98.     padding-left: 10px;
  99.     box-sizing: border-box;
  100.     display: flex;
  101.     flex-direction: column;
  102.     justify-content: space-between;
  103. }
  105. main > .book-list > .b-lists > .b-list > .b-list-wenzi > a {
  106.     font-size: 16px;
  107.     color: #333333;
  108. }
  110. main > .book-list > .b-lists > .b-list > .b-list-wenzi > span {
  111.     font-size: 12px;
  112. }
  114. main > .book-list > .b-lists > .b-list > .b-list-wenzi > div {
  115.     display: flex;
  116.     justify-content: space-between;
  117. }
  119. main > .book-list > .b-lists > .b-list > .b-list-wenzi > div > span:last-of-type {
  120.     padding: 0 3px;
  121.     border: 1px solid #999999;
  122.     font-size: 12px;
  123. }
  125. main > .book-list > .b-lists > .b-list > .b-list-wenzi > div > span:first-of-type > i {
  126.     font-size: 14px;
  127.     margin-right: 5px;
  129. }
  132. /*footer区*/
  133. footer {
  134.     background-color: #333333;
  135.     display: flex;
  136.     justify-content: space-around;
  137.     padding: 5px 0;
  138.     box-sizing: border-box;
  139.     position: fixed;
  140.     width: 100%;
  141.     min-width: 360px;
  142.     max-width: 768px;
  143.     bottom: 0;
  144. }
  146. footer > a {
  147.     display: flex;
  148.     flex-direction: column;
  149.     text-align: center;
  150.     color: white;
  151.     font-size: 12px;
  152. }
  154. footer > a:hover {
  155.     color: #999999;
  156. }
  158. footer > a > i {
  159.     font-size: 16px;
  160.     padding-bottom: 3px;
  161. }
  163. /*内容页*/
  164. .info {
  165.     margin-top: 50px;
  166.     background-color: white;
  167.     padding: 5px;
  168.     display: flex;
  169.     flex-direction: column;
  170. }
  172. .info > .info-top {
  173.     display: flex;
  174. }
  176. .info > .info-top > a {
  177.     width: 144px;
  178.     height: 192px;
  179.     padding: 10px;
  180. }
  182. .info > .info-top > a > img {
  183.     width: 144px;
  184.     height: 192px;
  185.     box-shadow: 0 0 3px #888888;
  186. }
  188. .info > .info-top > div {
  189.     padding: 10px;
  190.     display: flex;
  191.     flex-direction: column;
  192.     justify-content: space-between;
  193. }
  195. .info > .info-top > div > div:first-of-type > {
  196.     display: flex;
  197. }
  199. .info > .info-top > div > div:first-of-type > span:first-of-type {
  200.     font-size: 28px;
  201.     font-weight: bold;
  202.     color: #333333;
  203.     padding-right: 20px;
  204.     box-sizing: border-box;
  205. }
  207. .info > .info-top > div > div:nth-child(2) {
  208.     display: flex;
  209.     padding: 15px 0;
  210.     box-sizing: border-box;
  211. }
  213. .info > .info-top > div > div:nth-child(2) > span {
  214.     padding: 2px 10px;
  215.     border-radius: 10px;
  216.     border: 1px solid #888888;
  217.     margin: 0 5px;
  218. }
  220. .info > .info-top > div > div:nth-child(2) > span:last-of-type {
  221.     color: red;
  222.     border: 1px solid red;
  223. }
  225. .info > .info-top > div > div:nth-child(3) {
  226.     display: flex;
  227.     padding: 10px 0;
  228. }
  230. .info > .info-top > div > div:nth-child(3) > span {
  231.     font-size: 12px;
  232.     margin: 0 5px;
  233. }
  235. .info > .info-top > div > div:nth-child(3) > span > i {
  236.     font-size: 20px;
  237.     font-weight: bold;
  238.     color: #2d353c;
  239.     font-style: normal;
  240.     padding: 0 2px;
  241. }
  243. .info > .info-top > div > div:last-of-type {
  244.     display: flex;
  245. }
  247. .info > .info-top > div > div:last-of-type > a {
  248.     border: 1px solid #3F5A93;
  249.     padding: 5px 15px;
  250.     font-size: 16px;
  251.     margin-right: 20px;
  252.     color: #3F5A93;
  253. }
  255. .info > .info-top > div > div:last-of-type > a:first-of-type {
  256.     background-color: red;
  257.     color: white;
  258.     border: 1px solid red;
  259. }
  261. .info > .info-top > div > div:last-of-type > a:first-of-type:hover {
  262.     background-color: #f64c59;
  263.     color: #eeeeee;
  264. }
  266. /*作品详情页信息*/
  267. .info > .info-cont {
  268.     display: flex;
  269.     flex-direction: column;
  270. }
  272. .info > .info-cont > span:first-of-type {
  273.     margin-top: 20px;
  274.     border-bottom: 2px solid red;
  275.     font-size: 18px;
  276.     color: red;
  277.     width: 100px;
  278.     text-align: center;
  279.     padding: 10px 0;
  280. }
  282. .info > .info-cont > span:last-of-type {
  283.     border-top: 1px solid #888888;
  284.     margin-top: -1px;
  285.     padding: 20px;
  286. }

模拟数据config.php 代码

  1. <?php
  2. //网站名字
  3. $webName = '小说阅读手机版';
  5. //图片路径
  6. const PIC_PATH = 'static/';
  8. //栏目导航
  9. $catLists = [
  10.     ['cid' => 1, 'name' => '都市小说', 'url' => 'list.php?cid=1'],
  11.     ['cid' => 2, 'name' => '仙侠小说', 'url' => 'list.php?cid=2'],
  12. ];
  14. //底部导航
  15. $tabBars = [
  16.     ['fid' => 1, 'name' => '书架', 'url' => 'tab_bar.php?fid=1', 'icon' => 'icon-shujia'],
  17.     ['fid' => 2, 'name' => '精选', 'url' => 'tab_bar.php?fid=2', 'icon' => 'icon-jingxuan'],
  18.     ['fid' => 3, 'name' => '发现', 'url' => 'tab_bar.php?fid=3', 'icon' => 'icon-faxian'],
  19.     ['fid' => 4, 'name' => '我的', 'url' => 'tab_bar.php?fid=4', 'icon' => 'icon-wode'],
  20. ];
  22. //小说列表
  23. $bookLists = [
  24.     [
  25.         'id' => 1,
  26.         'cid' => 1,
  27.         'name' => '巨星从影视学院开始',
  28.         'pic' => 'images/juxing.jpg',
  29.         'url' => 'info.php?id=1',
  30.         'author' => '进击的咸鸭蛋',
  31.         'summary' => '重生过去、畅想未来、梦幻现实，再塑传奇人生！',
  32.         'status' => '连载',
  33.         'sign' => '签约',
  34.         'price' => '免费',
  35.         'word' => '16.17',
  36.         'overall' => '8734',
  37.         'Weekly' => '2037',
  38.         'intro' => '简介：韩飞毫无预兆的穿越了，还没等他彻底消化原主的记忆，却要面对一场事关终生的考试——艺考！于是，他一把抢过旁边女同学的化妆镜，嗯，不错，很帅，那么艺考还是问题吗？',
  39.     ],
  40.     [
  41.         'id' => 2,
  42.         'cid' => 1,
  43.         'name' => '演员请就位',
  44.         'pic' => 'images/yanyuan.jpg',
  45.         'url' => 'info.php?id=2',
  46.         'author' => '楼下赫本',
  47.         'summary' => '重生过去、畅想未来、梦幻现实，再塑传奇人生！',
  48.         'status' => '连载',
  49.         'sign' => '签约',
  50.         'price' => '免费',
  51.         'word' => '6.69',
  52.         'overall' => '5870',
  53.         'Weekly' => '1105',
  54.         'intro' => '影帝许先莫名其妙来到了平行世界，成为了流量小生预备役节目《初代》中的一员。上辈子因为颜值问题挨够了社会的毒打，这辈子有了一副好皮囊，许先琢磨着，或许也可以尝试一下躺着赚钱…直到有人质疑他的演技。',
  55.     ],
  56.     [
  57.         'id' => 3,
  58.         'cid' => 1,
  59.         'name' => '体验派影帝',
  60.         'pic' => 'images/tiyan.jpg',
  61.         'url' => 'info.php?id=3',
  62.         'author' => '黑色的单车',
  63.         'summary' => '重生过去、畅想未来、梦幻现实，再塑传奇人生！',
  64.         'status' => '连载',
  65.         'sign' => '签约',
  66.         'price' => '免费',
  67.         'word' => '13.17',
  68.         'overall' => '19734',
  69.         'Weekly' => '5368',
  70.         'intro' => '当个演员是种什么体验？向阳，衡店大神兼职亚洲普通青年，重生了。这次他想好好体验体验。从《亮剑》开始，每一个角色，无论复杂还是简单，都是一段人生，都有苦辣酸甜。',
  71.     ],
  72.     [
  73.         'id' => 4,
  74.         'cid' => 1,
  75.         'name' => '我有一座深山老林',
  76.         'pic' => 'images/woyou.jpg',
  77.         'url' => 'info.php?id=4',
  78.         'author' => '湖蛟',
  79.         'summary' => '重生过去、畅想未来、梦幻现实，再塑传奇人生！',
  80.         'status' => '连载',
  81.         'sign' => '签约',
  82.         'price' => '免费',
  83.         'word' => '12.17',
  84.         'overall' => '7734',
  85.         'Weekly' => '2537',
  86.         'intro' => '韩冬自烹饪学院毕业后，拒绝了城里名企的工作机会。毅然回到老家，在照顾老人的同时，开了一家只在晚上营业的大排档。凭借精湛厨艺和独特美食，吸引无数人慕名前来。而他所有的食材，全都来自一片神秘山林……',
  87.     ],
  88.     [
  89.         'id' => 5,
  90.         'cid' => 1,
  91.         'name' => '我是小先生',
  92.         'pic' => 'images/woshi.jpg',
  93.         'url' => 'info.php?id=5',
  94.         'author' => '九幽河上',
  95.         'summary' => '重生过去、畅想未来、梦幻现实，再塑传奇人生！',
  96.         'status' => '连载',
  97.         'sign' => '签约',
  98.         'price' => '免费',
  99.         'word' => '19.17',
  100.         'overall' => '18734',
  101.         'Weekly' => '12037',
  102.         'intro' => '张奕做了一个梦，梦见自己在一家名叫德芸社的地方学了三年相声，又拜了个小黑胖子为师，在小剧场摸爬滚打了好几年终于要开个人专场了，梦醒了……',
  103.     ],
  104.     [
  105.         'id' => 6,
  106.         'cid' => 1,
  107.         'name' => '海洋被我承包了',
  108.         'pic' => 'images/haiyang.jpg',
  109.         'url' => 'info.php?id=6',
  110.         'author' => '锦瑟华年',
  111.         'summary' => '重生过去、畅想未来、梦幻现实，再塑传奇人生！',
  112.         'status' => '连载',
  113.         'sign' => '签约',
  114.         'price' => '免费',
  115.         'word' => '10.17',
  116.         'overall' => '0734',
  117.         'Weekly' => '545',
  118.         'intro' => '渔家孩子夏宇开启大禹传承后，开始踏上征服大海的旅途。美丽富饶的海洋是众多海洋动物的天堂，珊瑚播撒生命的种子，座头鲸为求偶翩翩起舞，大海深处回荡着爱情的呼唤，珊瑚礁里演绎着生命的传奇，斑驳的沉船变成鱼儿的家园，神秘的海底，蕴藏着鲜活的珍宝。夏宇遨游其中，品各色海鲜、打捞沉船、追寻海盗宝藏，享受精彩纷呈的海洋生活。',
  119.     ],
  120.     [
  121.         'id' => 7,
  122.         'cid' => 2,
  123.         'name' => '聊斋世界修神通',
  124.         'pic' => 'images/liaozhai.jpg',
  125.         'url' => 'info.php?id=7',
  126.         'author' => '静坐讲黄庭',
  127.         'summary' => '修仙觅长生，热血任逍遥，踏莲曳波涤剑骨，凭虚御风塑圣魂！！',
  128.         'status' => '连载',
  129.         'sign' => '签约',
  130.         'price' => '免费',
  131.         'word' => '18.17',
  132.         'overall' => '11734',
  133.         'Weekly' => '545',
  134.         'intro' => '天罡三十六法，地煞七十二术，误入聊斋世界，仗剑神通无敌 。',
  135.     ],
  136.     [
  137.         'id' => 8,
  138.         'cid' => 2,
  139.         'name' => '万界降临',
  140.         'pic' => 'images/wanjie.jpg',
  141.         'url' => 'info.php?id=8',
  142.         'author' => '紫青都帅',
  143.         'summary' => '修仙觅长生，热血任逍遥，踏莲曳波涤剑骨，凭虚御风塑圣魂！',
  144.         'status' => '连载',
  145.         'sign' => '签约',
  146.         'price' => '免费',
  147.         'word' => '14.17',
  148.         'overall' => '6734',
  149.         'Weekly' => '1545',
  150.         'intro' => '当我们遭遇不顺的时候，盼望拥有法术让我们心想事成；当我们被人欺负时，梦想拥有超能力让敌人满地找牙；当我们遇到危险时候，期望拥有神奇力量化险为夷；当我们生病受伤时候，企盼能有灵丹妙药让人获得健康……当有一天，人类创作出来的小说、电影、游戏各个世界全都变现成真，我们获得了我们希求的力量和仙药法宝，解决了眼前的危机，但是里面的各路神仙妖魔也都纷纷降临到地球上……本书所有功法人物事件都是本人编的，全是假的！千万不要照着练，如有雷同，纯属巧合。',
  151.     ],
  152.     [
  153.         'id' => 9,
  154.         'cid' => 2,
  155.         'name' => '封神萧升传',
  156.         'pic' => 'images/fengshen.jpg',
  157.         'url' => 'info.php?id=9',
  158.         'author' => '玄宗小道',
  159.         'summary' => '修仙觅长生，热血任逍遥，踏莲曳波涤剑骨，凭虚御风塑圣魂！',
  160.         'status' => '连载',
  161.         'sign' => '签约',
  162.         'price' => '免费',
  163.         'word' => '17.17',
  164.         'overall' => '10734',
  165.         'Weekly' => '2545',
  166.         'intro' => '大道如川，百舸争流。不想做炮灰，那该怎么办？萧升说，既然选择不了出生，那就试图改变命运，毕竟，封神还很久……',
  167.     ],
  168.     [
  169.         'id' => 10,
  170.         'cid' => 2,
  171.         'name' => '九叔世界当警察',
  172.         'pic' => 'images/jiushu.jpg',
  173.         'url' => 'info.php?id=10',
  174.         'author' => '九叔粉丝小白',
  175.         'summary' => '修仙觅长生，热血任逍遥，踏莲曳波涤剑骨，凭虚御风塑圣魂！',
  176.         'status' => '连载',
  177.         'sign' => '签约',
  178.         'price' => '免费',
  179.         'word' => '19.17',
  180.         'overall' => '2734',
  181.         'Weekly' => '565',
  182.         'intro' => '方正东穿越了，成为一名民国警察。刚上任第一天，就听到了一阵熟悉的叫喊声。“快开门啊！我是你们队长阿威啊！”',
  183.     ],
  184.     [
  185.         'id' => 11,
  186.         'cid' => 2,
  187.         'name' => '我想长生不死',
  188.         'pic' => 'images/woxiang.jpg',
  189.         'url' => 'info.php?id=11',
  190.         'author' => '周流星位',
  191.         'summary' => '修仙觅长生，热血任逍遥，踏莲曳波涤剑骨，凭虚御风塑圣魂！',
  192.         'status' => '连载',
  193.         'sign' => '签约',
  194.         'price' => '免费',
  195.         'word' => '13.17',
  196.         'overall' => '2734',
  197.         'Weekly' => '618',
  198.         'intro' => '远古洪荒，天东有若木，钟山有赤龙衔烛，三皇与诸神称霸天地。三清尚无人听说，西方二人组也没什么消息，女娲、伏羲、太一、帝俊、十二祖巫等耳熟能详的大人物也都无人听闻。这是一个无尽古老的时代，距离道门炼气术开启仙路，才不过九万年。鸿钧还只是道尊，罗睺还只是魔皇。钟恒带着十二本“讲道笔记”来到了这样一个时代，理想不大，只想长生不死。长生易得，不死难成。如何不死？超越一切，方能不死！时代太早，劫数太多，低调修炼，苟字为先……',
  199.     ],
  200.     [
  201.         'id' => 12,
  202.         'cid' => 2,
  203.         'name' => '西游之绝代凶蟾',
  204.         'pic' => 'images/xiyou.jpg',
  205.         'url' => 'info.php?id=12',
  206.         'author' => '贪玩的提莫',
  207.         'summary' => '修仙觅长生，热血任逍遥，踏莲曳波涤剑骨，凭虚御风塑圣魂！',
  208.         'status' => '连载',
  209.         'sign' => '签约',
  210.         'price' => '免费',
  211.         'word' => '28.17',
  212.         'overall' => '5734',
  213.         'Weekly' => '645',
  214.         'intro' => '重生在西游世界，老子竟然成了一只蛤蟆？灵感大王是我的小跟班，七大圣是我的结拜兄弟，',
  215.     ]
  216. ];

总结

  • 在静态转变动态过程中，把重复的代码交给数据循环来完成；
  • 函数实现了代码的复用，大量相同的操作可以用调用一个函数来完成；
  • 数据在网页之间跳转的参数传递，是字符串完成，在对比的时候要转换类型；
  • 在调用函数的时候，传参的数据顺序要和定义函数的时候顺序一致；
上一条：PHP流程控制for循环和while循环的语法及PHP表单验证方法---PHP培训线上班十期0108下一条：CSS定位
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多