Community Learn Tools Library Leisure
search
English
Home > List of blog posts > php开发环境、网站静态到动态的发展历史、写一个页面
Blogger Information
Blog 47
fans 3
comment 0
visits 38265
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开发环境、网站静态到动态的发展历史、写一个页面
吳
Original
570 people have browsed it

1. php开发环境

windows(集成）: phpstudy, wampserver, xampp,upupw…
window（原生版本）:iis + php +mysql 或者 apache + php +mysql 或者 nginx+ php +mysql
macos: xampp, mamp pro / free…

  • 以下测试以phpstudy为例

2. 网站静态到动态的发展历史

.txt纯文本，不带格式
.html 格式化文本，但内容固定
.php 由服务器端动态改变内容，产生输出到html，更具多样化，从格式到内容都是可变的

3. 写一个页面

  • index.php 主体代码
  1. <!-- 公共头部 -->
  2. <?php
  3. require __DIR__.'/inc/header.php';
  4. ?>
  6.     <!-- 主体 -->
  7.     <h2><?=$navs[0]?></h2>
  8.     <ol>
  9.     <?php foreach ($movies as $movie) :?>
  10.     <li><a href=""><?=$movie?></a></li>
  11.     <?php endforeach ?>
  12.     </ol>
  14.     <!-- 公共页脚 -->
  15. <?php
  16. require __DIR__.'/inc/footer.php';
  17. ?>
  • /inc/config.php代码
  1. <?php
  2. $title = "天蓬影视";
  3. $desc = "为你搜集全网最新最快的影视资源";
  4. $keywords = "国产、港片、大陆、欧美、日韩";
  5. $copyright = "天蓬大人";
  • /inc/header.php 公共头部php代码
  1. <?php
  2. require 'config.php';
  4. $movies = ["老九门","沙海","盗墓笔记"];
  5. // 导航
  6. $navs = ["国产好剧","香港地区","欧洲地区","纪录片"];
  7. ?>
  8. <!DOCTYPE html>
  9. <html lang="en">
  11. <head>
  12.     <meta charset="UTF-8">
  13.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  14.     <meta name="keywords" content="<?=$keywords?>">
  15.     <meta name="description" content="<?=$desc?>">
  16.     <title><?=$title?></title>
  17.     <style>
  18.         * {
  19.             padding: 0;
  20.             margin: 0;
  21.             box-sizing: border-box;
  22.             text-decoration: none;
  23.             list-style: none;
  24.         }
  26.         .header {
  27.             background-color: pink;
  28.             padding: 10px;
  29.             line-height: 40px;
  30.             border-bottom: 5px solid red;
  31.         }
  33.         .header ul {
  34.             display: grid;
  35.             grid-template-columns: repeat(5, 1fr);
  36.             grid-template-rows: 40px;
  37.             gap: 5px;
  38.             text-align: center;
  39.         }
  41.         .header ul li {
  42.             background-color: lightcyan;
  43.             color: white;
  44.         }
  46.         .header ul li:hover {
  47.             background-color: violet;
  48.         }
  50.         .footer {
  51.             height: 30px;
  52.             background-color: #999;
  53.             color: white;
  54.             text-align: center;
  55.             line-height: 30px;
  56.         }
  57.     </style>
  58. </head>
  60. <body>
  61.     <div class="header">
  62.         <ul class="header-nav">
  63.             <li><a href="">首页</a></li>
  64.             <?php foreach ($navs as $nav) :?>
  65.             <li><a href=""><?=$nav?></a></li>
  66.             <?php endforeach ?>
  67.         </ul>
  68.     </div>
  • /inc/footer.php 公共页脚php代码
  1. <div class="footer">
  2.         <p> <?=$copyright?> copy&copy; 版权所有</p>
  3.     </div>
  4. </body>
  5. </html>
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