博客列表 >php模块化编程做一个简易电影排行网站

php模块化编程做一个简易电影排行网站

Jason Pu?
Jason Pu?原创
2021年01月22日 16:05:461215浏览

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

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


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

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

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

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

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

最终运行结果如下:

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议