php开发环境、网站静态到动态的发展历史、写一个页面

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 主体代码

<!-- 公共头部 -->
<?php
require __DIR__.'/inc/header.php';
?>
    <!-- 主体 -->
    <h2><?=$navs[0]?></h2>
    <ol>
    <?php foreach ($movies as $movie) :?>
    <li><a href=""><?=$movie?></a></li>
    <?php endforeach ?>
    </ol>
    <!-- 公共页脚 -->
<?php
require __DIR__.'/inc/footer.php';
?>

/inc/config.php代码

<?php
$title = "天蓬影视";
$desc = "为你搜集全网最新最快的影视资源";
$keywords = "国产、港片、大陆、欧美、日韩";
$copyright = "天蓬大人";

/inc/header.php 公共头部php代码

<?php
require 'config.php';
$movies = ["老九门","沙海","盗墓笔记"];
// 导航
$navs = ["国产好剧","香港地区","欧洲地区","纪录片"];
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="<?=$keywords?>">
    <meta name="description" content="<?=$desc?>">
    <title><?=$title?></title>
    <style>
        * {
            padding: 0;
            margin: 0;
            box-sizing: border-box;
            text-decoration: none;
            list-style: none;
        }
        .header {
            background-color: pink;
            padding: 10px;
            line-height: 40px;
            border-bottom: 5px solid red;
        }
        .header ul {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            grid-template-rows: 40px;
            gap: 5px;
            text-align: center;
        }
        .header ul li {
            background-color: lightcyan;
            color: white;
        }
        .header ul li:hover {
            background-color: violet;
        }
        .footer {
            height: 30px;
            background-color: #999;
            color: white;
            text-align: center;
            line-height: 30px;
        }
    </style>
</head>
<body>
    <div class="header">
        <ul class="header-nav">
            <li><a href="">首页</a></li>
            <?php foreach ($navs as $nav) :?>
            <li><a href=""><?=$nav?></a></li>
            <?php endforeach ?>
        </ul>
    </div>

/inc/footer.php 公共页脚php代码

<div class="footer">
        <p> <?=$copyright?> copy&copy; 版权所有</p>
    </div>
</body>
</html>

1. php开发环境

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

3. 写一个页面

相关文章