本文共 793 字，大约阅读时间需要 2 分钟。

Node-RED中实现静态网页和动态表单内容

在Node-RED中，创建静态网页和动态网页内容相对简单。以下是实现用户输入并提交表单，然后解析表单提交内容的步骤说明。

1. 创建静态表单网页

首先，创建一个HTML表单网页，路由为/form，使用HTTP节点，方法为GET。在Node-RED中添加一个HTTP输入节点，设置：

• URL: /form
• 方法: GET
• upload: false

然后，在HTTP输入节点的输出连接一个模板节点，用于生成静态表单网页。模板内容如下：

        
用户信息提交
    
   
            姓名: 
            
        
   

2. 处理表单提交

接下来，配置表单提交的处理流程。使用HTTP输入节点，路由为/name，方法为POST。设置：

• URL: /name
• 方法: POST
• upload: false

然后，使用模板节点（Handlebars格式）来解析提交的数据。模板节点设置：

• Template: ```

  提交结果:

  姓名: {{ user }}

  ```
• 输出类型: string

3. 完整流程配置

在Node-RED的流程图中，实现以下连接：

确保所有节点的输入和输出正确连接，并设置适当的参数。

4. 注意事项

• 确保所有表单字段的name属性与后续处理逻辑一致。
• 在表单处理模板中，使用正确的变量引用{{ payload.user }}。
• 检查HTTP节点的URL和方法是否正确设置。

通过以上步骤，可以在Node-RED中实现用户输入表单数据并动态显示处理结果的功能。

转载地址：http://lijfk.baihongyu.com/