search

博客列表 >PHP初级本地搭建和实例讲解

PHP初级本地搭建和实例讲解

wen。
wen。原创
2021年01月24日 12:02:391420浏览

PHP本地搭建

PHP既”超文本预处理器”，是在服务器端执行的脚本语言；而正因为服务器执行的脚本语言，使得浏览器无法直接访问后缀名为php的文件，这个时候我们就需要本地搭建一个服务端。

一键式搭建PHP运行环境工具

首推phpstudy和wampServer
1.1 phpstudy
phpstudy

1.2 wampServer
wampServer

搭建环境后，需要修改一下配置文件，把localhost改成自定义域名
修改配置文件

静态转变动态的发展历史

2.1 动态的诞生背景
最初的网站只是单纯的静态网页，浏览器的最初也只是主要展现静态的文本和图片信息，然而人们不仅仅是满足于Web服务器上的静态文件；随着新技术的衍生，CGI定义了Web服务器与外部应用程序之间的通信接口标准，因此Web服务器可以通过CGI执行外部程序，让外部程序根据Web请求内容生成动态的内容。

2.2特点

  • 交互性
  • 动态访问
  • 服务端发送请求

PHP动态仿豆瓣电影小实例

3.1 header.php头部页

  1. <div id="db-nav-movie" class="nav">
  2.         <div class="nav-wrap">
  3.             <div class="nav-primary">
  4.                 <div class="nav-logo">
  5.                     <a href="https:&#47;&#47;movie.douban.com">豆瓣电影</a>
  6.                 </div>
  7.                 <div class="nav-search">
  8.                     <form action="https:&#47;&#47;search.douban.com&#47;movie/subject_search" method="get">
  9.                         <fieldset>
  10.                             <legend>搜索：</legend>
  11.                             <label for="inp-query">
  12.                             </label>
  13.                             <div class="inp"><input id="inp-query" name="search_text" size="22" maxlength="60" placeholder="搜索电影、电视剧、综艺、影人" value=""></div>
  14.                             <div class="inp-btn"><input type="submit" value="搜索"></div>
  15.                         </fieldset>
  16.                     </form>
  17.                 </div>
  18.             </div>
  19.         </div>       
  20. </div>

3.2 index.php首页

  1. <?php include('common.php')?>
  2. <!DOCTYPE html>
  3. <html lang="zh-CN" class="ua-windows ua-webkit">
  4. <head>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  6.     <meta name="renderer" content="webkit">
  7.     <meta name="referrer" content="always">
  8.     <title><?=$title?></title>
  9.     <meta name="keywords" content="<?=$keywords?>" />
  10.     <meta name="description" content="<?=$description?>" />
  11.     <link href="static/css/douban.css" rel="stylesheet" type="text/css">
  12.     <link href="static/css/_all.css" rel="stylesheet" type="text/css">
  13.     <link href="static/css/init.css" rel="stylesheet">
  14.     <link rel="stylesheet" href="static/css/home.css" />
  15.     <link rel="stylesheet" href="static/css/11d137da675bd116.css">
  16.     <link href="static/css/bundle.css" rel="stylesheet" type="text/css">
  17.     <link href="static/css/bundle_1.css" rel="stylesheet" type="text/css">
  18. </head>
  20. <body>
  21.     <?php include('header.php') ?>
  22.     <div id="wrapper">
  23.         <div id="content">
  24.             <div class="grid-16-8 clearfix">
  25.                 <div id="dale_movie_homepage_top_large"></div>
  26.                 <div class="article">
  27.                     <?php foreach($movies as $movie):?> 
  28.                     <div class="gaia gaia-lite gaia-movie">
  29.                         <div class="detail-pop"></div>
  30.                         <input type="hidden" name="islogin" value="false">
  31.                         <div class="fliter-wp">
  32.                             <h2>
  33.                                 <div data-type="movie"><?=$movie['movie_title']?></div>                                
  34.                                 <div class="fliter-placeholder"></div>
  35.                                 <a href="#" class="more-link">更多»</a>
  36.                             </h2>
  37.                         </div>
  38.                         <div class="list-wp">
  39.                             <div class="slider">
  40.                                 <div class="slide-container" style="height: 426px;">                                    
  41.                                     <?php for($i=0;$i<count($movie);$i++):?>                                   
  42.                                     <div class="slide-page" style="width: 700px;" data-index="0">
  43.                                         <a class="item" target="_blank" href="#">
  44.                                             <div class="cover-wp" data-isnew="false">
  45.                                                 <img src="<?=$movie[$i]['images']?>" alt="<?=$movie[$i]['name']?>">
  46.                                             </div>
  47.                                             <p>
  48.                                                 <?=$movie[$i]['name']?>
  49.                                                 <strong><?=$movie[$i]['score']?></strong>
  50.                                             </p>
  51.                                         </a>                                       
  52.                                     </div>
  53.                                     <?php endfor?>                                   
  54.                                 </div>
  55.                             </div>
  56.                         </div>
  57.                     </div>   
  58.                     <?php endforeach?>
  59.                     <div id="reviews" class="s" data-dstat-areaid="77" data-dstat-mode="click,expose">
  60.                         <div class="reviews-hd">
  61.                             <h2>最受欢迎的影评</h2>
  62.                         </div>
  63.                         <div class="reviews-bd">
  64.                             <?php foreach($reviews as $review):?>
  65.                             <?php for($i=0;$i<count($review);$i++):?>                          
  66.                             <div class="review ">
  67.                                 <div class="review-hd">
  68.                                     <a href="#">
  69.                                         <img class="lazy" src="<?=$review[$i]['icon']?>" alt="<?=$review[$i]['title']?>" />
  70.                                     </a>
  71.                                 </div>
  72.                                 <div class="review-bd">
  73.                                     <h3><a href="#" class=""><?=$review[$i]['title']?></a></h3>
  74.                                     <div class="review-meta">
  75.                                         <a href="#"><?=$review[$i]['comment']?></a> 评论
  76.                                         <a href="#"><?=$review[$i]['movie']?></a>
  77.                                         <span class="allstar40"></span>
  78.                                     </div>
  79.                                     <div class="review-content">
  80.                                         <?=$review[$i]['description']?>
  81.                                         <a href="#">(全文)</a>
  82.                                     </div>
  83.                                 </div>
  84.                             </div>  
  85.                             <?php endfor?>                                             
  86.                            <?php endforeach?>
  87.                         </div>
  88.                     </div>
  89.                 </div>
  90.             </div>
  91.         </div>
  92.         <?php include('footer.php') ?>
  93.     </div>
  94. </html>

3.3 footer.php底部

  1. <div id="footer">
  2.             <div class="footer-extra"></div>
  3.             <span id="icp" class="fleft gray-link">
  4.                 &copy; 2005－2021 douban.com, all rights reserved 北京豆网科技有限公司
  5.             </span>
  6.             <a href="https://www.douban.com/hnypt/variformcyst.py" style="display: none;"></a>
  7.             <span class="fright">
  8.                 <a href="https://www.douban.com/about">关于豆瓣</a>
  9.                 · <a href="https://www.douban.com/jobs">在豆瓣工作</a>
  10.                 · <a href="https://www.douban.com/about?topic=contactus">联系我们</a>
  11.                 · <a href="https://www.douban.com/about/legal">法律声明</a>
  13.                 · <a href="https://help.douban.com/?app=movie" target="_blank">帮助中心</a>
  14.                 · <a href="https://www.douban.com/doubanapp/">移动应用</a>
  15.                 · <a href="https://www.douban.com/partner/">豆瓣广告</a>
  16.             </span>
  17.         </div>
  18. </div>

3.4 common.php公共数据

  1. <?php 
  2.     $title = '仿豆瓣电影小案例'; 
  3.     $keywords = '电影、经典电影、热映、电视剧、美剧、影评、电影院、电影票、排行、推荐';
  4.     $description = '豆瓣电影提供最新的电影介绍及评论包括上映影片的影讯查询及购票服务。你可以记录想看、在看和看过的电影电视剧，顺便打分、写影评。根据你的口味，豆瓣电影会推荐好电影给你。';
  6.     $movies = [
  7.         [
  8.             'movie_title' => '最近热门电影',
  9.             [
  10.                 'name' => '夺冠',
  11.                 'images' => 'static/picture/p2620083313.jpg',
  12.                 'score' => '7.3',
  13.                 'state' => '0'
  14.             ],
  15.             [
  16.                 'name' => '神奇女侠1984',
  17.                 'images' => 'static/picture/p2626959989.jpg',
  18.                 'score' => '6.3',
  19.                 'state' => '0'
  20.             ],
  21.             [
  22.                 'name' => '一个父亲的寻子之路',
  23.                 'images' => 'static/picture/p2587004515.jpg',
  24.                 'score' => '7.7',
  25.                 'state' => '1'
  26.             ],
  27.             [
  28.                 'name' => '校园大逃杀',
  29.                 'images' => 'static/picture/p2630759444.webp',
  30.                 'score' => '6.3',
  31.                 'state' => '1'
  32.             ],
  33.             [
  34.                 'name' => '神秘博士元旦特集：戴立克革命',
  35.                 'images' => 'static/picture/p2627360144.jpg',
  36.                 'score' => '6.0',
  37.                 'state' => '1'
  38.             ],
  39.             [
  40.                 'name' => '除暴',
  41.                 'images' => 'static/picture/p2625777429.jpg',
  42.                 'score' => '6.3',
  43.                 'state' => '0'
  44.             ],
  45.             [
  46.                 'name' => '穷途鼠的奶酪梦',
  47.                 'images' => 'static/picture/p2586418907.jpg',
  48.                 'score' => '6.3',
  49.                 'state' => '0'
  50.             ],
  51.             [
  52.                 'name' => '女人的碎片',
  53.                 'images' => 'static/picture/p2625877469.jpg',
  54.                 'score' => '7.8',
  55.                 'state' => '0'
  56.             ],
  57.             [
  58.                 'name' => '一秒钟',
  59.                 'images' => 'static/picture/p2628373757.jpg',
  60.                 'score' => '7.4',
  61.                 'state' => '0'
  62.             ],
  63.             [
  64.                 'name' => '前程似锦的女孩',
  65.                 'images' => 'static/picture/p2622450735.jpg',
  66.                 'score' => '7.4',
  67.                 'state' => '0'
  68.             ]           
  69.         ],
  70.         [
  71.             'movie_title' => '最近热门电视剧',
  72.             [
  73.                 'name' => '弥留之国的爱丽丝 第一季',
  74.                 'images' => 'static/picture/p2624050592.jpg',
  75.                 'score' => '8.0',
  76.                 'state' => '0'
  77.             ],
  78.             [
  79.                 'name' => '甜蜜家园',
  80.                 'images' => 'static/picture/p2628425414.jpg',
  81.                 'score' => '7.0',
  82.                 'state' => '7.8'
  83.             ],
  84.             [
  85.                 'name' => '工作细胞 第二季',
  86.                 'images' => 'static/picture/p2591979945.jpg',
  87.                 'score' => '9.0',
  88.                 'state' => '0'
  89.             ],
  90.             [
  91.                 'name' => '到了30岁还是处男，似乎会变成魔法师',
  92.                 'images' => 'static/picture/p2622449274.jpg',
  93.                 'score' => '8.9',
  94.                 'state' => '0'
  95.             ],
  96.             [
  97.                 'name' => '天竺鼠车车',
  98.                 'images' => 'static/picture/p2629954180.jpg',
  99.                 'score' => '9.5',
  100.                 'state' => '1'
  101.             ],
  102.             [
  103.                 'name' => '无职转生：到了异世界就拿出真本事',
  104.                 'images' => 'static/picture/p2627757433.jpg',
  105.                 'score' => '7.0',
  106.                 'state' => '0'
  107.             ],
  108.             [
  109.                 'name' => '堀与宫村',
  110.                 'images' => 'static/picture/p2620695919.jpg',
  111.                 'score' => '9.3',
  112.                 'state' => '0'
  113.             ],
  114.             [
  115.                 'name' => '大江大河',
  116.                 'images' => 'static/picture/p2541093820.jpg',
  117.                 'score' => '6.8',
  118.                 'state' => '0'
  119.             ],
  120.             [
  121.                 'name' => '约定的梦幻岛 第二季',
  122.                 'images' => 'static/picture/p2627528391.webp',
  123.                 'score' => '9.3',
  124.                 'state' => '0'
  125.             ],
  126.             [
  127.                 'name' => '亚森·罗宾',
  128.                 'images' => 'static/picture/p2627475199.jpg',
  129.                 'score' => '8.0',
  130.                 'state' => '0'
  131.             ]
  132.         ]
  134.     ];
  136.     $reviews = [
  137.         [
  138.             'view' => '最受欢迎的影评',
  139.             [
  140.                 'title' => '大雄的新恐龙：令和时代下工具理性和天皇制的再反思',
  141.                 'icon' => 'static/picture/p2624375776.webp',
  142.                 'comment' => '陆泓旭',
  143.                 'movie' => '《哆啦A梦：大雄的新恐龙》',
  144.             'description' => '与其说恐龙新生的迦南之地是立体景观模型演化的大雄伊甸园，倒不如说是那个集地震、海啸、火山、核爆灭绝恐慌于一身的日本列岛的镜像。末日硝烟下弥漫的孤岛危机萦绕在每只无邪恐龙潜意识深处，三一一地震和福岛...'
  145.             ],
  146.             [
  147.                 'title' => '潘乘风的摇摆不定，像极了迷茫的港人',
  148.                 'icon' => 'static/picture/p2621379901.jpg',
  149.                 'comment' => 'JetWoo',
  150.                 'movie' => '《拆弹专家2》',
  151.                 'description' => '熟悉邱礼涛导演的观众都知道，邱的作品，多数都有其对社会议题的思考。仔细回想，拆2也不例外。倪妮的一句台词“信我你就是警察，不信我你就是恐怖分子”，以及刘德华黑口罩，恐袭元素，很难不让人联想到如今的香...'
  152.             ],
  153.             [
  154.                 'title' => '他与自己如此不同，像灼热的阳光，温暖了清冷的冬。',
  155.                 'icon' => 'static/picture/p2607822901.jpg',
  156.                 'comment' => 'DONT_BOTHER',
  157.                 'movie' => '《在回家之后重新开始》',
  158.                 'description' => '我个人很喜欢这部电影。因为这部电影能让我慢下来。可能是能够共情到光臣的想法，也向往最后光臣与自己和解，过上这样慢节奏的安心的生活。 光臣，自视甚高，本以为可以在大城市做着有趣的工作，没想到现实并非如...'
  159.             ],
  160.             [
  161.                 'title' => '《毕业舞会》：舞会与美好生活',
  162.                 'icon' => 'static/picture/p2627517148.webp',
  163.                 'comment' => 'Enlightening',
  164.                 'movie' => '《毕业舞会》',
  165.                 'description' => '“如果音乐足够刺耳，无人会在意你那不羁的心灵会爱上谁。让人们看看，这世界有一天会变成怎样，如果我们抓住机会，梦想便可能成真。但在那天到来之前，让我们一同起舞。” 作者：Enlightening 首发：[陀螺电影] ...'
  166.             ],            
  167.         ]
  168.     ];      
  169. ?>

效果如下
豆瓣电影小实例

上一条：1208-前端开发环境与htm基础标签理解下一条：jQuery操作DOM常用的方法和Ajax应用
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多