1200 Web用户页面须知_上海腾希电气技术有限公司

用户页面须知

原理

通过用户页面或用户自定义 Web 页面这一理念，可以使用 Web 浏览器访问自由设计的 CPU Web 页面。CPU 的 Web 服务器可提供该功能。

*任何特殊工具即可实现用户自定义 Web 页面的设计并实现其功能。可以在布局中使用 CSS 来调整页面，使用 JavaScript 提供动态内容或使用任何框架制作 Web 页面。Web 服务器处理的所有文件也被称为“Web 应用程序”。

Web 应用程序和用户程序

若在用户自定义的 Web 页面中使用 HTML 代码（AWP 命令），还可以通过 Web 浏览器向 CPU 的用户程序传送数据以进行进一步处理，并可以在 Web 浏览器中显示 CPU 操作数区域的数据。

可以使用脚本指令（如 Javascript）来优化 Web 页面，如动态更改内容或验证用户条目。

为了在用户程序和 Web 服务器之间进行同步和初始化，必须在用户程序中调用 WWW (SFC 99) 指令。

如果 Web 应用程序和用户程序之间*交互，例如 Web 页面仅提供静态信息，则只需初始化用户程序。

如果 PLC 变量和 Web 应用程序中的变量要进行简单的数据交换（如显示 PLC 变量的内容或在 PLC 变量中写入值），则必须遵守读/写变量的语法。例如，此时在启动 OB 中只需初始化用户程序。

如果 Web 应用程序和用户程序之间需要进一步的交互，则除了同步 Web 服务器和用户程序，还必须处理 Web Control DB 的状态和控制信息。例如，这适用于通过 Web 浏览器传送用户条目到 Web 服务器以供 CPU 评估。与简单的数据交换不同，用户程序将直接影响将所请求 Web 页面转送回 Web 浏览器的时间。这种情况下，必须了解手册片段概念以及 Web Control DB 结构。

通过 TIA Portal 实现 HTML 源代码集成

在 TIA Portal 中集成 HTML 源代码的参数位于具有 Web 服务器的相应 CPU 的属性中：

参数	含义
HTML 目录	Web 应用程序的 HTML 源代码目录可直接输入路径，或通过输入域旁的按钮导航到目录。该操作有利于使用相对路径集成 Web 页面。为此，需要在 STEP 7 项目目录中，插入一个目录用于存储 Web 应用程序的 HTML 源代码。例如，新目录“Wegpages”。之后，即可将作为 HTML 目录的相对路径名称；在此示例中，为“.\Webpages”。使用相对路径的优点：用户自定义的 Web 页面与 STEP 7 项目一同归档。通过菜单命令“项目 > 另存为...”(Project > Save as...)，将该 Web 页面复制到新路径中。当使用 Windows Explorer 将该项目复制到其它路径中时，在生成新的 Web DB 时调整该 HTML 的目录路径。在一个项目中使用相同 HTML 页面的多个控制系统，其 HTML 目录的路径也相同。
HTML 起始页面	HTML 起始页面的路径。可直接输入路径，或通过输入域旁的按钮导航到 HTML 页面。起始 HTML 页面即启动 Web 应用程序时打开的 HTML 页面。
应用程序名称	应用程序名称可以选择。该名称可用于对 Web 页面进一步进行细分或分组。如果应用程序名称已经存在，则采用以下格式显示 URL：/awp/<Application name>/<Page name>.html”

参数

含义

HTML 目录

Web 应用程序的 HTML 源代码目录可直接输入路径，或通过输入域旁的按钮导航到目录。

该操作有利于使用相对路径集成 Web 页面。为此，需要在 STEP 7 项目目录中，插入一个目录用于存储 Web 应用程序的 HTML 源代码。例如，新目录“Wegpages”。之后，即可*将作为 HTML 目录的相对路径名称；在此示例中，为“.\Webpages”。

使用相对路径的优点：

用户自定义的 Web 页面与 STEP 7 项目一同归档。

通过菜单命令“项目 > 另存为...”(Project > Save as...)，将该 Web 页面复制到新路径中。

当使用 Windows Explorer 将该项目复制到其它路径中时，在生成新的 Web DB 时*调整该 HTML 的目录路径。

在一个项目中使用相同 HTML 页面的多个控制系统，其 HTML 目录的路径也相同。

HTML 起始页面

HTML 起始页面的路径。可直接输入路径，或通过输入域旁的按钮导航到 HTML 页面。起始 HTML 页面即启动 Web 应用程序时打开的 HTML 页面。

应用程序名称

应用程序名称可以选择。该名称可用于对 Web 页面进一步进行细分或分组。如果应用程序名称已经存在，则采用以下格式显示 URL：/awp/<Application name>/<Page name>.html”

初始化

用户自定义的 Web 页面“打包”在数据块中，以供 CPU 处理。必须在组态过程中通过源数据（HTML 文件、图像、JavaScript 文件等）生成相应数据块，用于将 Web 应用程序下载到 CPU。Web Control DB 有着特殊作用（默认为：DB 333）。它包含状态和控制信息，并通过编码 Web 页面链接至其它数据块。包含编码 Web 页面的数据块被称为“片段 DB”。

将数据块下载到 CPU 时，CPU 并不“知道”在其中编写了用户自定义的 Web 页面。例如，在启动 DB 中调用“WWW”(SFC 99) 指令将通知 CPU 使用哪一个 DB 作为 Web Control DB。初始化后，可通过 Web 浏览器访问用户自定义的 Web 页面。

同步

如果用户程序要与用户自定义的 Web 页面交换数据，则必须在循环程序部分中使用 WWW (SFC 99) 指令。

以下举例说明了用户程序与 Web 页面之间的相互作用：

检查接收到的数据

为发出请求的 Web 浏览器组装并返回数据

在这种情况下，必须能够评估状态信息，并向 Web 服务器发送控制信息以发布请求的 Web 页面等。

shtxjd.cn.b2b168.com/m/