创建 Web 页面

时间：2021-07-29点击次数：85

创建 Web 页面

可使用各公司的 Web 设计工具来创建用户自定义 Web 页面。 一般而言，应依据 W3C（万维网联盟）约定编写 Web 页面程序和设计页面。 在 CPU 的 Web 服务器中，未进行符合 W3C 条件的检查。

规则

该工具必须能直接编辑 HTML代码，从而可以将 AWP 命令插入到 HTML 页面。

在 CPU 中，只有 AWP 命令被解析并可以使用 CPU 用户程序/过程映像的值替换。

包含 AWP 命令的文件必须使用 UTF-8 编码。因此，在 HTML 页面的元数据中，应将属性字符集设置为 UTF-8 并保存 UTF-8 编码的文件。

包含 AWP 命令的文件中不能包含以下序列： ]]

包含 AWP 命令的文件中不能包含“Tag read ranges”以外的以下序列 (:=<Tag name>:): :=

提示： 将禁止序列的**个字符替换为其字符编码，例如，将冒号替换为 &#58;。

以下是一个小的定制 Web 页面示例，用户从中可清晰了解其基本设计。

要求

CPU 必须具有一个 Web 服务器，且必须激活 CPU 的 Web 服务器。

要以用户身份能对 PLC 变量进行写访问，您必须以“admin”身份登录。

对于下文的示例，必须定义要在 Web 页面上显示的 PLC 变量。 这一点将在这里通过**使用的选项卡“Tank_below_max”进行说明。


创建用户自定义的 Web 页面

示例 Web 页面的下列代码从过程映像读取值并显示在表格中。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//E/TR/html4/strict.dtd"><html> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Mix</title>
</head>
<body>
<h1>Mix</h1>
<h2> Actual State </h2>
<table border="1">
<tr>
<th>Variable</th>
<th>State</th>
</tr>
<tr>
<td>Tank below max</td>
<td>:="Tank_below_max":</td>
</tr>
<tr>
<td>Tank above min</td>
<td>:="Tank_above_min":</td>
</tr>
</table>
</body>
</html>

http://shtxjd.cn.b2b168.com

上一篇：功能代码 04 – 读输入寄存器
下一篇：将 OPC UA 导出为 XML 文件

产品推荐