使用PHP自动创建Web页面

生活中有一些时候,你需要一个网页来做更多的事情,而不仅仅是坐在那里有一个网页。 你需要它来获得它的保留。 一种方法是让它适合你,所以你不必手动编写每个更新或页面mod的代码。 学习如何做这样的事情最简单的方法就是实际操作,所以在本文的其余部分,我将向您展示一种实现系统的方法,该系统将为您构建新的网页。一个按钮。

在这种情况下,我们假设您的客户是一家餐厅,希望在一年中的不同特殊场合提供优惠券。 但是他们当然不想付钱给你更新它们,所以你最好确保为这个自动化系统充分收费,为他们做更新。

1。 首先,我们需要创建一个基本的网页模板。

这只是一个标准的网页骨架。 你可以给它命名,如“pageBuilder.php”或其他东西。 您不必为此使用PHP。 您可以使用另一种编程语言,但对于此示例,我们将保持简单并在PHP中完成所有操作。

在2016 05-30-AM 1.56.52屏幕快照

2。 添加Bootstrap

这将有助于使表单看起来更好,而无需任何额外的工作。 当然,你需要让Bootstrap才能工作。

在2016 05-30-AM 1.56.56屏幕快照

3。 设置一个容器

为了帮助保持一切干净整洁,我们应该定义一个容器,我们将存储页面内容。

在2016 05-30-AM 1.56.48屏幕快照

4。 创建一个Web表单

定义一个Web表单,我们还将为表单添加一个奇特的标题,这是可选的,但是一个好主意。

在2016 05-30-AM 1.56.43屏幕快照

5。 添加表单域

这很简单。 我们只需要收集机器人用来创建新网页的一些基本细节。 我们需要知道的数据包括:

  • 页面的背景图像
  • 正在庆祝的活动的名称
  • 标题
  • 开幕词
  • 一些引用或附加声明
  • 陈述引用
  • 用于四个框架文本元素中的每一个的字体样式(单独)。
  • 凭证有效的日期范围
  • 提供1并提供将在优惠券上公布的2。
  • 附加凭证消息(例如,条款和条件)
  • 将生成的凭证QR码的数据

这是看起来如何:

在2016 05-30-AM 1.56.00屏幕快照

在2016 05-30-AM 1.55.54屏幕快照

在2016 05-30-AM 1.55.36屏幕快照

在完成所有这些努力之后,我们最终会得到一个看起来像这样的页面:

在2016 05-30-AM 1.55.22屏幕快照

好消息是,现在已经完成了一半的工作,这是最困难和最费时的一半。 其余的要容易得多。

6。 创建表单处理器文件

创建表单后,您需要一些软件来处理提交的数据并对其执行某些操作。 在这种情况下,我们将使用提交的数据生成新数据 HTML 网页。

现在,请记住,这与普通的PHP响应不同,其中数据实时使用并动态反映给用户。 相反,我们正在创建一个永久存在的静态页面,直到我们覆盖它为止。

该文件需要命名为 行动 表单声明中的属性值,因此在我们的示例中 voucherGen.php,因为我们没有指定路径,所以需要将其存储在同一位置 pageBuilder.php 它的工作。

7。 初始化变量

提交的数据 pageBuilder.php 作为一个名为的关联数组返回 $ _ POST,可以通过HTML表单控件访问数组中的所有数据值 名称 属性。 因此,初始化变量实际上非常简单。 它也是可选的,但它只是使代码看起来更整洁,更容易阅读。 你当然可以直接使用 $ _ POST 你喜欢的价值观。

在2016 05-30-AM 1.55.15屏幕快照

8。 使用条件将字体更改为正确的值

尽早这样做可以节省时间和麻烦。 我们只检查选择了哪些值,然后用实际的字体名称替换它们。

在2016 05-30-AM 1.55.10屏幕快照9. 开始建造发电机组

我们真正需要做的就是创建一个非常长的字符串,其中包含创建新页面所需的所有内容。 我们将使用字符串连接来保持其可读性,并使您可以轻松查看数据值的插入位置。 这从基本HTML页面设置开始:

在2016 05-30-AM 1.55.06屏幕快照

你可能会看到我们要去哪里。 注意最后的分号。 这很重要。 此外,文本中出现的任何分号(作为CSS声明或客户端脚本的一部分)必须包含在引号内。

10。 开始将页面正文添加到生成器字符串

有更有效的方法来构建这个字符串,但我喜欢使代码整洁,以便它易于阅读。 您可以使用简写方法执行此操作,也不必将其作为单独的过程来执行步骤9。 我觉得当页面的不同部分以这种方式分割时更容易理解。

在2016 05-30-AM 1.55.00屏幕快照

11。 将生成器字符串写入HTML

在这种情况下,我们对文件名进行了硬编码,但您可以(并且可能应该)在pageBuilder表单中创建一个字段。

在2016 05-30-AM 1.54.55屏幕快照

12。 添加测试链接

当您单击BUILD IT按钮时,因为它不会像普通PHP程序那样重定向到网页,您需要添加链接或其他内容以查看结果。

在2016 05-30-AM 1.54.50屏幕快照

13。 创建自定义CSS文件

您可以在此文件中存储其他样式说明,但目前唯一重要的一个是样式指令 格。

在2016 05-30-AM 1.54.45屏幕快照

14。 创建并上传wrap.png

为了使其正常工作,您需要创建一个半透明的像素图像并命名 wrap.png 然后将其上传到您在中指定的路径 custom.css 文件中。

15。 上传一些合适的背景图片并测试您的pageBuilder

你会很高兴知道我们差不多完成了,现在真的只是测试和修复发生的任何错误。 选择一些不太繁忙且适合与特殊事件或场合相关的简单图像(在我们的例子中,我已经过了母亲节和父亲节)。 将图像上传到您为网站存储图像的路径。 然后填写表单,单击按钮,看看会发生什么。 这是填写所有数据字段的表单示例。

Picture1

哪个应该导致创建与此非常类似的东西:

在2016 05-30-AM 1.54.11屏幕快照

我们已经猜到你不想从头开始输入所有内容,所以你可以下载pageBuilder.php和voucherGen.php的源代码。 zip文件.

您可以将这种创建HTML文件的技术应用为字符串,然后将其写入各种情况下的文件。 小心永远不要在递归循环中放置这样的东西,否则你将填满你的硬盘并使服务器崩溃。

Catalin Zorzini

我是一名网页设计博客,在花了几周时间努力寻找出来之后开始了这个项目 最好的电子商务平台 为了我自己。 看看我的电流 顶级10电子商务网站建设者.