Community Learn Tools Library Leisure
search
English
Home > List of blog posts > php模块化编程做一个简易电影排行网站
Blogger Information
Blog 37
fans 1
comment 0
visits 32619
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
php模块化编程做一个简易电影排行网站
Jason Pu?
Original
1216 people have browsed it

一.web的演变：从静态到动态

最初在浏览器中主要展现的是静态的文本或图像信息，GIF图片则第一次为HTML页面引入了动态元素。不过随着互联网基础设施的完善，人们已经不仅仅满足于访问放在Web服务器上的静态文件，这时候动态开发语言应用而生，其中具有代表性的是动态开发语言php，有了动态开发语言，网页会根据用户的要求和选择而动态改变和响应，还可以在不同的时间，不同的人访问同一网址时会产生不同的页面，可以大大的提高用户体验及网站转化率。

二.php模块化做一个简易的电影网站的排行功能

首先在配置文件里面写好网站需要的内容：

  1. $title="在线电影-最新电影-免费电影-电影在线观看-迅雷下载";
  2. $keywords="最新电影，电影在线观看，电影下载，在线电影";
  3. $description="每天搜集互联网最新电影和电视剧，为广大用户免费提供无广告在线观看电影和电视剧";
  5. $headLine = ["电影","电视剧","综艺","动漫","资讯"];
  6. $moviesName=["江湖风味"=>"内详","那一份纯真"=>"凯文，欧畅","麒麟幻镇"=>"祁圣翰","一个父亲的寻子之路"=>"戈兰.波格丹","警急任务"=>"台州市温岭城东派出所民警 ","诡画狐"=>"魏千翔，张芷溪"];
  7. $copyright="电影网";

然后写好公众header，并把css代码写进去，如果css代码很长，建议单独写一个文件然后引入

  1. <?php
  2. require __DIR__."/config.php";
  4. ?>
  5. <!DOCTYPE html>
  6. <html lang="en">
  7. <head>
  8.     <meta charset="UTF-8">
  9.     <meta name="keywords" content="<?= $keywords ?>">
  10.     <meta name="description" content="<?= $description ?>">
  11.     <title><?= $title ?></title>
  12.     <style>
  13.         *{
  14.             padding: 0;
  15.             margin: 0;
  16.             box-sizing: border-box;
  17.             list-style: none;
  18.             text-decoration: none;
  19.         }
  20.     header{
  21.         margin: 20px auto;
  22.         overflow: hidden;
  23.         height: 58px;
  24.         width: 800px;
  25.         box-shadow: 0 5px 4px -4px black;
  27.     }
  28.     .nav li{
  29.         text-align: center;
  30.         line-height: 58px;
  31.         min-width: 80px;
  32.         float: left;
  33.     }
  35.     .nav li a{
  36.         color: black;
  37.     }
  38.     .nav li a:hover{
  39.      font-size: 1.2em;
  40.     }
  41.     .nav li a img{
  42.         height: 58px;
  43.     }
  44.     footer{
  45.         margin: 20px auto;
  46.         overflow: hidden;
  47.         height: 30px;
  48.         width: 800px;
  49.         background-color: #636363;
  50.         color: white;
  51.         text-align: center;
  52.         line-height: 30px;
  53.     }
  54.     main{
  55.         width: 800px;
  56.         margin: 10px auto;
  57.         overflow: hidden;
  58.     }
  59.     main .actorsinfo {
  60.         font-size: 0.5em;
  61.         color: gray;
  62.     }
  65.     </style>
  66. </head>
  67. <body>
  68. <header>
  69.     <ul class="nav" >
  70.         <li><a href=""><img src="movies-img/log.png" alt="" width="100%" height="100%"></a> </li>
  71.         <li><a href="#">首页</a></li>
  72.         <?php foreach ($headLine as $head): ?>
  73.         <li><a href="#"><?= $head ?></a></li>
  75.         <?php endforeach ?>
  76.     </ul>
  77. </header>

再写好公众footer：

  1. <footer>
  2.     <p class="copyright"><?=$copyright?>&copy; 版权所有</p>
  3. </footer>
  4. </body>
  5. </html>

剩下就是index页面了，并把header和footer引入：

  1. <?php
  2. require __DIR__."/header.php";
  3. require __DIR__."/config.php";
  4. ?>
  5. <main >
  6. <h3>最新电影排行榜</h3>
  7.     <hr>
  8. <div class="box-zxdy"  >
  9.    <ul>
  10.        <?php foreach ($moviesName as $key=>$value) : ?>
  11.            <oi>
  12.                <li><p class="movies-name"> <?=$key ?> </p>
  13.                    <p class="actorsinfo">作者：<?=$value ?></p>
  14.                </li>
  15.            </oi>
  16.        <?php endforeach ?>
  17.    </ul>
  20. </div>
  22. </main>
  23. <?php
  24. require __DIR__."/footer.php";
  25. ?>

最终运行结果如下：

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