1. 准备工作:你需要什么环境?
  2. 第一个PHP网页:经典的 "Hello, World!"。
  3. 一个更实用的介绍页面:展示PHP如何与HTML结合,处理变量和简单的逻辑。
  4. 代码解释:逐行解析代码。
  5. 如何运行:把代码变成网页。

准备工作:本地服务器环境

PHP 是一种服务器端脚本语言,这意味着它不能像普通的 HTML 文件那样直接在浏览器中打开(file:///C:/.../index.html),你需要一个本地服务器来解释和执行 PHP 代码。

一个简单的php语言编写的网页介绍
(图片来源网络,侵删)

最简单、最常用的方法是安装一个集成环境包,它们已经帮你配置好了 Apache (Web服务器)、PHP (脚本语言) 和 MySQL (数据库,虽然我们这个例子用不到)。

  • Windows 用户: 推荐使用 XAMPPWampServer,下载后按照向导安装即可。
  • macOS 用户: 推荐使用 MAMP
  • Linux 用户: 可以使用 apt (Ubuntu/Debian) 或 yum (CentOS) 等包管理器安装 apache2php

安装完成后,启动你的本地服务器,你可以在浏览器中访问 http://localhosthttp://127.0.0.1,如果看到一个欢迎页面,说明你的环境已经准备就绪。


第一个PHP网页:Hello, World!

这是学习任何编程语言的第一个传统步骤。

步骤:

一个简单的php语言编写的网页介绍
(图片来源网络,侵删)
  1. 在你的电脑上创建一个文件夹,php_intro
  2. 将这个文件夹放到你的服务器网站根目录下,对于 XAMPP,通常是 C:\xampp\htdocs\,所以你的完整路径就是 C:\xampp\htdocs\php_intro
  3. php_intro 文件夹中,创建一个新文件,命名为 hello.php
  4. 用记事本或任何代码编辑器(如 VS Code, Sublime Text)打开 hello.php,输入以下代码:
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">我的第一个PHP页面</title>
</head>
<body>
    <h1>欢迎来到PHP世界!</h1>
    <p>下面是PHP代码输出的内容:</p>
    <?php
        // 这是一个PHP注释
        // 使用 echo 语句来输出文本到HTML中
        echo "Hello, World!";
    ?>
</body>
</html>

如何运行:

  1. 确保你的本地服务器(如 XAMPP 的 Apache)正在运行。
  2. 打开你的网页浏览器(如 Chrome, Firefox)。
  3. 在地址栏输入:http://localhost/php_intro/hello.php

你将看到:

浏览器会显示一个标题 "欢迎来到PHP世界!",下面跟着 "下面是PHP代码输出的内容:",最后在页面上显示 "Hello, World!"。

关键点:

一个简单的php语言编写的网页介绍
(图片来源网络,侵删)
  • <?php ... ?> 是PHP代码的标记,所有PHP代码都必须写在这两个标签之间。
  • echo 是PHP中最基本的命令,用于输出内容。
  • 服务器会找到 hello.php 文件,执行其中的PHP代码,然后将纯HTML(混合了PHP输出的结果)发送给你的浏览器。

一个更实用的介绍页面

让我们创建一个更接近真实应用的页面,这个页面将展示:

  • 如何在PHP中定义和使用变量。
  • 如何根据条件显示不同的内容。
  • 如何处理简单的用户输入(通过URL参数)。

创建一个新文件 profile.php如下:

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">个人介绍页面</title>
    <style>
        body { font-family: sans-serif; line-height: 1.6; padding: 20px; }
        .profile-box { border: 1px solid #ccc; padding: 15px; border-radius: 8px; max-width: 600px; }
        h1 { color: #333; }
        p { color: #555; }
    </style>
</head>
<body>
    <div class="profile-box">
        <h1>你好,<?php echo "访客"; ?>!</h1>
        <p>欢迎来到我的个人介绍页面。</p>
        <hr>
        <?php
            // 1. 使用变量
            $userName = "张三";
            $userAge = 28;
            $userJob = "Web 开发工程师";
            echo "<h2>" . $userName . "</h2>";
            echo "<p>他今年 " . $userAge . " 岁,是一名 " . $userJob . "。</p>";
            // 2. 使用条件语句
            // 注意:我们通过URL的参数来传递名字,?name=李四
            $nameFromUrl = $_GET['name'] ?? '张三'; // 如果URL中没有name参数,则默认为'张三'
            if ($nameFromUrl == "张三") {
                echo "<p>哇,是本人 " . $nameFromUrl . "!欢迎回来!</p>";
            } else {
                echo "<p>你好," . $nameFromUrl . "!很高兴认识你。</p>";
            }
        ?>
        <hr>
        <p>你可以通过在URL后面添加 <code>?name=你的名字</code> 来和我打招呼。</p>
        <p><a href="profile.php?name=李四">点击这里试试</a></p>
    </div>
</body>
</html>

如何运行和测试:

  1. profile.php 文件也放到 C:\xampp\htdocs\php_intro\ 目录下。
  2. 在浏览器中访问:http://localhost/php_intro/profile.php
    • 你将看到: 页面会显示 "你好,访客!",然后是关于"张三"的介绍,并说"哇,是本人 张三!欢迎回来!"
  3. 点击页面上的 "点击这里试试" 链接,或者直接在地址栏修改URL为 http://localhost/php_intro/profile.php?name=李四 然后回车。
    • 你将看到: 页面内容会相应改变,显示 "你好,李四!",并说"你好,李四!很高兴认识你。"

代码解释

  • <!DOCTYPE html> ... </html>: 这是标准的HTML5文档结构,所有内容都包含在内。
  • <style> ... </style>: 一些简单的CSS样式,让页面看起来更美观,与PHP逻辑无关。
  • <?php ... ?>: PHP代码块的开始和结束标记。
  • $userName = "张三";: 定义一个名为 userName变量,并给它赋值 "张三",在PHP中,变量总是以 符号开头。
  • echo "<h2>" . $userName . "</h2>";:
    • echo 用于输出内容。
    • 是PHP中的字符串连接符,它把两边的字符串(或变量)拼接在一起,这里我们把 <h2>关于、变量 $userName</h2> 这三部分拼接成一个完整的HTML标签字符串并输出。
  • $nameFromUrl = $_GET['name'] ?? '张三';:
    • $_GET 是PHP中一个超全局数组,用于获取通过URL传递的参数(也就是问号后面的 key=value 对)。
    • $_GET['name'] 就是要获取名为 name 的参数的值。
    • 空合并运算符,它的意思是:$_GET['name'] 存在(即用户通过URL传入了name参数),就使用它的值;如果不存在(即没有传入),就使用右边的默认值 '张三',这可以避免当没有参数时程序出错。
  • if ($nameFromUrl == "张三") { ... } else { ... }:
    • 这是一个标准的条件判断语句
    • $nameFromUrl 的值等于 "张三",就执行 if 大括号里的代码。
    • 否则,就执行 else 大括号里的代码。

通过这个简单的例子,你已经了解了PHP网页的基本工作原理:

  1. 服务器端执行:PHP代码在服务器上运行,用户在浏览器中看不到PHP源码。
  2. 生成HTML:PHP的最终任务是生成HTML代码,然后发送给浏览器。
  3. :通过变量、逻辑(if/else)和获取用户输入($_GET),PHP可以创建动态的、个性化的网页内容,而不仅仅是静态的HTML文件。

这只是一个非常基础的开始,但它是理解PHP如何构建动态网站的核心,接下来你可以学习数据库连接、表单处理、会话管理等更高级的主题。