Community Learn Tools Library Leisure
search
English
Home > List of blog posts > 0110作业：静态网站模拟动态化
Blogger Information
Blog 9
fans 3
comment 0
visits 11053
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
0110作业：静态网站模拟动态化
十年一梦
Original
900 people have browsed it

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. ];

总结

  • 在静态转变动态过程中，把重复的代码交给数据循环来完成；
  • 函数实现了代码的复用，大量相同的操作可以用调用一个函数来完成；
  • 数据在网页之间跳转的参数传递，是字符串完成，在对比的时候要转换类型；
  • 在调用函数的时候，传参的数据顺序要和定义函数的时候顺序一致；
Correcting teacher：天蓬老师天蓬老师

Correction status：qualified

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