如何使用 PHP 实现网页交互

Posted 2022-06-20 TeamCode

我们经常说的 php 其实是 Hypertext Preprocessor（超文本预处理器）的缩写。PHP 其实是一款嵌在 html 文件中，同时基于网络的开放源码服务器端脚本语言。一般上，我们使用 PHP 语言编写需要与数据库进行交互的网页。

前置课程

作为 HTML 网页编程的一份子，学习 PHP 前需要有基本的 HTML、CSS 甚至 JS 知识。如果之前没有相关的基础，可以查看一些关于网页编程的系列文章：​​HTML / CSS / JS 编程入门 —— 制作可切换主题的简单网页​​

​​​如何在 Lightly 用 JS 制作俄罗斯方块游戏​​

PHP 的优势

目前，世界上的大部分网站都以 PHP 编写而成，而 PHP 之所以备受欢迎的原因包括：

• PHP 的语法简单且结构化，应用起来也易于理解
• PHP 可处理动态内容，包括网页中的数据（例如账号、邮箱等）以及网站整体的会话跟踪
• PHP 支持多种不同的协议，例如 HTTP、POP3、SNMP、IMAP 等
• PHP 有较好的安全性，因为它不会把所收集到的数据或资料外包出去

如何开始使用 PHP？

借助 Lightly 的​​自动配置环境​​​功能，大家只需在新建项目后，填写项目名称并选择 PHP 版本，即可快速开始​​在线编写 PHP​​ 网页。

完成环境配置后的 PHP 文件已载入基础模板，大家只需点击右上角的 ​​​运行​​​ 按键，即可开始添加端口并查看网页：

PHP 基本语法

从 PHP 文件中的基础模板可见，PHP 的代码都嵌在 ​​<? php ... ?>​​ 标签里。除此以外，PHP 的基本语法还包括：

变量：​​$variable_name​​输出：​​echo​​注释：/​​/ This is a single-line comment​​常数：​​define(​​​​name​​​​, ​​​​value​​​​, ​​​​case-insensitive​​​​)​​函数：

function functionName() 
  code to be executed;

制作基本 PHP 网页

制作 PHP 网页的原理与 HTML 网页相似，甚至很多时候我们还需要借助 HTML 代码对 PHP 网页进行完善，但熟悉使用后，我们便可以发挥 PHP 的优势，让数据之间进行进一步的交互。在这篇教程中，我们编写三个不同的跳转网页，并使用 PHP 将这些网页进行相互链接。

添加头部信息

首先，我们将创建一个名为 header.html 的文件并添加所需的 HTML 头部信息。这篇教程已提前完成 CSS 部分，有兴趣的同学可以直接查看完整代码获取 CSS 文件：​​https://9213bc649a-share.lightly.teamcode.com​​

这样一来，我们在切换网页内容时，其实只是切换了网页的主体部分，头部信息其实一直没有改变。

写入网页主体内容

由于网页头部信息已固定，我们在写入网页主体时，只需专注于内容即可。以 body.html 为例，我们在这个 html 文件中其实只有一行文本内容：

但网页中通过 PHP 进行链接后，效果是这样的：

PHP 网页的页脚

我们的网页页脚部分也属于相对固定的内容。因此，我们也可以单独地为页脚写一个 HTML，简化程序。

使用 PHP 将网页进行链接

最后，施展魔法的时刻到了。我们只需要通过 PHP 把这几个不同的文件缝合在一起，运行后即可得到一个完整的网页，而这样的 PHP 代码其实只有简单的 3-4 而已：

<?php echo file_get_contents("html/header.html"); ?>
<?php echo file_get_contents("html/body.html"); ?>
<?php echo file_get_contents("html/footer.html"); ?>

此外，我们也可以通过 ​​echo date("Y")​​ 代码，在页脚部分输出版权信息等内容。“Y” 即年份的缩写，如果使用小写的 y，输出的年份为后二位数。

<p>Copyright © Lightly <?php echo date("Y"); ?></p>

恭喜你，你已解锁制作 C++ 的基本编程知识！完整程序代码可查看：​​https://9d48c812c4-share.lightly.teamcode.com​​