CN104915346A - 用于网页模块的Web服务器及其输出控制或输入更新方法 - Google Patents

Abstract

本发明提供一种用于网页模块的Web服务器及其输出控制或输入更新方法，该输出控制方法包括：所述Web服务器接收浏览器基于HTTP协议发送的POST指令；所述POST指令包括控件名称；所述Web服务器查找预定义的控件名称与输出指令对应表，确定与所述POST指令中的控件名称对应的串口输出指令；所述Web服务器将所述串口输出指令通过串口输出。本发明所述的Web服务器执行的程序不是通用的如IIS、Appach等现有的Web服务器程序，而是特殊定制的，其通过HTML网页中的控件名称来识别这个控件是否需要进行串口输出，并通过串口命令修改网页文件来实现网页显示内容的刷新，不但解决了传统网页模块使用方法复杂不便的问题，而且降低了网页模块的成本。

Description

用于网页模块的Web服务器及其输出控制或输入更新方法

技术领域

本发明属于Web服务器技术领域，涉及一种Web服务器，特别是涉及一种用于网页模块的Web服务器及其输入更新或输出控制方法。

背景技术

如图1所示，基于串口的嵌入式网页模块（以下称网页模块）是一个电子器件。该网页模块一端通过串口（一般是UART）可以与用户的微控制器（简称MCU）的UART连接，另一端通过有线以太网或无线wifi可以连接到网络上。用户（电子开发者）购买此网页模块后，可以将该网页模块集成到用户电路板上使用。

用户的微控制器MCU通过UART和网页模块通信。当需要通过网页模块控制外部设备时，网页模块会发送串口指令给MCU，MCU接收到串口指令后通过控制总线进行输出控制信令给外部设备。例如：用户在计算机或手机上的浏览器地址栏中输入网页模块的地址，如192.168.1.200，即可打开网页。即网页模块内部有一个小型的Web服务器，Web服务器内部也存储有网页。当用户在网页上点击按钮完成控制指令时，网页模块将所述控制指令通过串口输出给MCU，MCU根据所述控制指令对外部设备进行输出控制。

同时，MCU也会将传感器采集到的新的数据发送给网页模块，所述采集数据可以在用户打开浏览器浏览网页时被看到。例如：打开或关闭继电器。当MCU需要发送数据给网页模块时，MCU首先利用输入传感器采集数据，然后将采集到的数据通过UART发送给网页模块，网页模块根据接收到的数据更新浏览器中的显示内容。

上述网页模块是一款开发网页应用的电子元器件，具有广泛的应用前景。一般来说，网页模块中的网页是可以由用户自行设计下载的。目前实现网页模块的普通方法是通过浏览器支持的ActiveX或Java applet应用和网页模块建立一个TCP或UDP连接然后发送和接收数据的。

如图2所示，普通的网页模块内部实际有2个程序，一个是Web服务器，另一个是TCP或UDP转串口程序。计算机或手机上的浏览器首先通过HTTP协议和网页模块中的Web服务器通信，获得网页所需的文件，以便显示在浏览器窗口中。其中，网页所需的文件除了htm类型网页文本、图片外还包含一个应用程序文件。所述应用程序文件可以是ActiveX或者Javaapplet程序。ActiveX是微软公司推出的能够在浏览器中执行的可执行程序，如果需要ActiveX，首先要从Web服务器下载ActiveX的代码，然后安装在浏览器中才能够使用。如网银控件、密码输入控件等都是常见的ActiveX控件。Java applet也是类似ActiveX的可执行程序，但是它是用Java编写的，可以被浏览器所运行，但是必须在浏览器上事先安装sun公司的Java虚拟机才能够使用。无论是ActiveX控件还是Java applet都可以嵌入到htm文件中，并在浏览器的一个区域中显示出来，可以被认为是一个网页程序。

以ActiveX控件为例，图2的实现方法是让ActiveX控件创建一个TCP或UDP网络套接字（socket连接），然后和网页模块中运行的TCP或UDP转串口程序建立TCP或IP通信链路。其中，TCP或UDP转串口程序负责将ActiveX控件的数据发往串口，将串口的数据转发给Active控件。ActiveX在浏览器的显示界面上可以显示收到的数据（比如采集的温度数据），同时用户点击ActiveX程序界面上的按钮可以让ActiveX发送指令数据给串口。

图2所示的通信方法存在以下缺陷：

1）购买网页模块的电子设计者因可能有不同的应用需求，需要开发不同的ActiveX控件，但是ActiveX控件的开发本身专业性很强，用户开发不容易。

2）ActiveX需要安装到浏览器中，但是对于计算机或者手机，出于安全考虑，来自未知开发者的ActiveX控件是不允许安装的，如果安装则需要降低安全等级。Java applet则需要安装Java虚拟机，这个也给用户带来不便。

3）ActiveX控件方法只能够在浏览器的一个区域中显示，不能够做到HTLM标准控件（如按钮）也能够实现串口控制。网页显示的范围被限定了。

4）ActiveX或者java applect一般都是一个可执行程序，需要放到网页模块内部供浏览器打开时下载。ActiveX或者java applect程序相对于htm文本方式的网页，大小要大很多，这样就需要增加网页模块的存储空间，增加了网页模块成本。

发明内容

鉴于以上所述现有技术的缺点，本发明的目的在于提供一种用于网页模块的Web服务器及其输出控制或输入更新方法，用于解决现有网页模块使用方法复杂不便的问题。

为实现上述目的及其他相关目的，本发明提供一种用于网页模块的Web服务器的输出控制方法，所述用于网页模块的Web服务器的输出控制方法包括：所述Web服务器接收浏览器基于HTTP协议发送的POST指令；所述POST指令包括控件名称；所述Web服务器查找预定义的控件名称与输出指令对应表，确定与所述POST指令中的控件名称对应的串口输出指令；所述Web服务器将所述串口输出指令通过串口输出。

优选地，所述POST指令包括浏览器当前提交的表单；所述表单包括至少一个控件名称。

优选地，所述控件名称分为特定控件名称和普通控件名称；所述预定义的控件名称与输出指令对应表中的控件名称为特定控件名称；所述Web服务器查找与所述POST指令中特定控件名称对应的串口输出指令。

优选地，所述POST指令还包括与每个控件名称对应的控件值；按照HTTP协议，控件值和控件名称一起通过POST指令被发给所述Web服务器；所述Web服务器将与控件名称对应的串口输出指令和与控件名称对应的控件值一同通过串口输出。

优选地，所述POST指令是用户通过浏览器点击网页上的控件触发的；所述浏览器根据标准的HTML和HTTP协议生成所述POST指令；所述控件为HTML的标准控件，包括按钮、输入框、下拉框、或/和选择框。

本发明还提供一种用于网页模块的Web服务器的输入更新方法，所述用于网页模块的Web服务器的输入更新方法包括：所述Web服务器通过串口接收修改命令；所述修改命令包括修改的文件名、修改的文件偏移量、修改的数据内容和大小；所述Web服务器找到与所述修改的文件名对应的网页文件，在所述网页文件中与所述修改的文件偏移量对应的偏移位置写入所述修改的数据内容，形成更新后的网页文件。

优选地，所述修改命令是用户微控制器在发现采集数据发生变化并需要更新到所述用于网页模块的Web服务器时通过串口发送的。

优选地，当用户通过浏览器刷新或重新打开所述网页文件时，会获得更新后的网页文件。

本发明还提供一种用于网页模块的Web服务器，所述用于网页模块的Web服务器包括：网络数据接收模块，接收浏览器基于HTTP协议发送的POST指令；所述POST指令包括控件名称和控件值；存储模块，存储有预定义的控件名称与输出指令对应表；查找模块，与所述接收模块和存储模块分别相连，查找预定义的控件名称与输出指令对应表，确定与所述POST指令中的控件名称对应的串口输出指令；串口发送模块，与所述查找模块相连，将所述串口输出指令通过串口输出；串口接收模块，通过串口接收修改命令；所述修改命令包括修改的文件名、修改的文件偏移量、修改的数据内容和大小；修改模块，与所述串口接收模块和存储模块分别相连，在存储模块中找到与所述修改的文件名对应的网页文件，在所述网页文件中与所述修改的文件偏移量对应的偏移位置写入所述修改的数据内容，形成更新后的网页文件。

优选地，所述用于网页模块的Web服务器还包括：网络数据发送模块，与所述存储模块相连，在用户通过浏览器刷新或重新打开所述网页文件时，将更新后的网页文件发送给浏览器显示。

如上所述，本发明所述的用于网页模块的Web服务器及其输出控制或输入更新方法，具有以下有益效果：

本发明所述的Web服务器执行的程序不是通用的如IIS、Appach等现有Web服务器程序，而是特殊定制的，其通过HTML网页中的控件名称来识别这个控件是否需要进行串口输出，并通过串口命令修改网页文件来实现网页显示内容的刷新，不但解决了传统网页模块使用方法复杂不便的问题，而且降低了网页模块的成本。

附图说明

图1为现有的基于串口的嵌入式网页模块的结构示意图。

图2为现有的基于串口的嵌入式网页模块的内部结构示意图。

图3为本发明所述的用于网页模块的Web服务器的输出控制方法的流程示意图。

图4为本发明示例1所述的网页文件的显示界面示意图。

图5为本发明示例1所述的控件名称和输出指令对应表的格式示意图。

图6为本发明示例2所述的网页文件的显示界面示意图。

图7为本发明所述的用于网页模块的Web服务器的输入更新方法的流程示意图。

图8为本发明所述的用于网页模块的Web服务器的结构示意图。

图9为本发明所述的用于网页模块的Web服务器的系统结构示意图。

元件标号说明

800    Web服务器

810    网络数据接收模块

820    存储模块

830    查找模块

840    串口发送模块

850    串口接收模块

860    修改模块

870    网络数据发送模块

具体实施方式

以下通过特定的具体实例说明本发明的实施方式，本领域技术人员可由本说明书所揭露的内容轻易地了解本发明的其他优点与功效。本发明还可以通过另外不同的具体实施方式加以实施或应用，本说明书中的各项细节也可以基于不同观点与应用，在没有背离本发明的精神下进行各种修饰或改变。

请参阅附图。需要说明的是，本实施例中所提供的图示仅以示意方式说明本发明的基本构想，遂图式中仅显示与本发明中有关的组件而非按照实际实施时的组件数目、形状及尺寸绘制，其实际实施时各组件的型态、数量及比例可为一种随意的改变，且其组件布局型态也可能更为复杂。

下面结合实施例和附图对本发明进行详细说明。

实施例

本发明提供一种用于网页模块的Web服务器的输出控制方法，如图3所示，所述用于网页模块的Web服务器的输出控制方法包括：

所述Web服务器接收浏览器基于HTTP协议发送的POST指令；所述POST指令包括控件名称。其中，所述POST指令包括浏览器当前提交的表单；所述表单中包括至少一个控件名称。进一步，所述POST指令可以是用户通过浏览器点击网页上的控件触发的；所述浏览器根据标准的HTML和HTTP协议生成所述POST指令；所述控件为HTML的标准控件，包括按钮、输入框、下拉框、或/和选择框等HTML的标准控件。所述表单可以包括网页上的所有控件名称，也可以仅包括网页中预设范围内的控件名称，即仅包括网页中的某一个或某几个控件名称。

所述Web服务器查找预定义的控件名称与输出指令对应表，确定与所述POST指令中的控件名称对应的串口输出指令。进一步，所述控件名称可以分为特定控件名称和普通控件名称；所述预定义的控件名称与输出指令对应表中的控件名称可以定义编写为特定控件名称；这样所述Web服务器就只能查找到与所述POST指令中特定控件名称对应的串口输出指令。

所述Web服务器将所述串口输出指令通过串口输出。进一步，所述POST指令还可以包括与每个控件名称对应的控件值，这样所述Web服务器就可以将与控件名称对应的串口输出指令和与控件名称对应的控件值一同通过串口输出。

以下用2个具体例子来说明该用于网页模块的Web服务器的输出控制方法的流程。

例1：假设在网页模块中有一个名称为“index.htm”的网页文件内容如下：

则这个网页文件的显示界面如图4所示。其中，<input name="x0001"type="submit"value="0001命令">和<input name="x0002"type="submit"value="0002命令">就是form表单内HTML标准的2个按钮。Name（即控件名称）分别为x0001和x0002，这里的name并不是随意编写的，而是有特殊含义的。如果name为x开头，则这个按钮就会触发Web服务器的特殊功能。当然什么样的名字是特殊的，特殊的名字又触发什么样的串口指令是由开发人员编写到配置文件（即本发明所述的预定义的控件名称与输出指令对应表）中的，该对应表是可以随意编写并下载到网页模块内部的，因而并不是固定的。

用户在浏览器上点击“0001命令”按钮后，浏览器根据标准的HTML和HTTP协议立即向网页模块（即所述用于网页模块的Web服务器的简称）用HTTP协议发送一个POST指令（网络数据包）。该POST指令会包含当前提交的表单（form标签内部的部分或全部控件）的控件名称（name）和控件值（value）。以上例子的POST指令中会包含“x0001=0001命令”的内容。其中等号左边是name，等号右边是value。

所述Web服务器会在POST指令中查找某些特殊的name（即特定控件名称），比如这里是x开头的就被认为是特殊的，然后查找预定义的控件名称与输出指令对应表，找出与该POST指令中特殊的name对应的串口输出指令。为了使得不同的网页控件名输出自定义的串口指令，本实施例提供一个示例性的控件名称和输出指令对应表，格式如图5所示。这个表格可以完全由使用者自己定义，且可以和网页文件一起下载到网页模块内部，实现定制化的设计。

所述Web服务器输出串口输出指令的方式有2种：

1）只要发现x0001，则在预先定义好的控件名称与输出指令对应表（简称指令对应表）中查找，找到对应的串口输出指令（数据）从串口输出。输出内容和控件值（value）内容无关。

2）将x0001对应的指令对应表中的内容和value一起输出。这样可以让串口输出指令随着value的不同而不同，实现更强的交互性。

用户MCU收到所述串口输出指令后采取相应的控制动作。

例2：假设在网页模块中有一个名称为“index.htm”的网页文件内容如下：

则，这个网页文件中有2个特殊名字的控件x0001和x0000，如图6所示，但是这两个控件并不是按钮而是输入框（input）。按照HTML规范，控件不仅包含按钮还包含：输入框、下拉框、选择框等。当点击图6中的change按钮之后，浏览器将发送POST指令，其中POST指令将包含有x0000=60和x0001=24的内容。这里的value字段分别为60和24，他们是可以在浏览器的网页中输入的。Web服务器收到POST指令后会输出特殊的串口指令，且会将value部分的60和24连同name部分的转速和电压一起输出，从而使得控制的结果可以随着用户的输入而变化。

本发明还提供一种用于网页模块的Web服务器的输入更新方法，如图7所示，所述用于网页模块的Web服务器的输入更新方法包括：

所述Web服务器通过串口接收修改命令；所述修改命令至少包括修改的文件名、修改的文件偏移量、修改的数据内容和大小；所述修改命令是用户微控制器（MCU）在发现采集数据发生变化并需要更新到所述用于网页模块的Web服务器时通过串口发送给用于网页模块的Web服务器的。

所述Web服务器在自身内部找到与所述修改的文件名对应的网页文件，在所述网页文件中与所述修改的文件偏移量对应的偏移位置写入所述修改的数据内容，形成更新后的网页文件。

当用户通过浏览器刷新或重新打开所述网页文件时，会获得更新后的网页文件。

本发明还提供一种用于网页模块的Web服务器，如图8所示，所述用于网页模块的Web服务器800包括：网络数据接收模块810，存储模块820，查找模块830，串口发送模块840，串口接收模块850，修改模块860，网络数据发送模块870。

所述网络数据接收模块810接收浏览器基于HTTP协议发送的POST指令；所述POST指令包括控件名称。

所述存储模块820存储有预定义的控件名称与输出指令对应表。

所述查找模块830与所述接收模块810和存储模块820分别相连，查找预定义的控件名称与输出指令对应表，确定与所述POST指令中的控件名称对应的串口输出指令。

所述串口发送模块840与所述查找模块830相连，将所述串口输出指令通过串口输出。

所述串口接收模块850通过串口接收修改命令；所述修改命令包括修改的文件名、修改的文件偏移量、修改的数据内容和大小。

所述修改模块860与所述串口接收模块850和存储模块820分别相连，在存储模块中找到与所述修改的文件名对应的网页文件，在所述网页文件中与所述修改的文件偏移量对应的偏移位置写入所述修改的数据内容，形成更新后的网页文件。

所述网络数据发送模块870与所述存储模块820相连，在用户通过浏览器刷新或重新打开所述网页文件时，将更新后的网页文件发送给浏览器显示。

本发明所述的用于网页模块的Web服务器的输出控制方法和输入更新方法都是由用于网页模块的Web服务器实现的，因此本说明书中仅对图8所示的Web服务器的功能进行概括描述，相同内容不再重复描述。

本发明采用了基于定制化的Web服务器，系统结构如图9所示，相对于图2所示的传统网页模块的实现结构，省却了TCP或UDP转串口应用程序模块，使浏览器基于HTTP协议和新的Web服务器直接通信，同时还使得新的Web服务器可以直接和串口通信，而且不需要任何ActiveX控件。

本发明所述的Web服务器执行的程序不是通用的如IIS、Appach等Web服务器程序，而是特殊定制的，其通过HTML网页中的控件名称来识别这个控件是否需要进行串口输出，并通过串口命令修改网页文件来实现网页显示内容的刷新，其不但解决了传统网页模块使用方法复杂不便的问题，而且降低了网页模块的成本。本发明很好地解决了背景技术提出的传统方法的4点缺陷。

本发明所述的Web服务器执行的程序会在POST指令中查找特殊名称（name）的控件及其value。如果name的一部分或者整个名字和预先定义的某个控件名称相同，则会触发Web服务器向串口输出“串口输出指令”。所述串口输出指令是通过指令对应表得到的。另外输出也有可能附加value字段的内容，如图5所示。本发明实现了通过浏览器直接访问网页模块（即Web服务器）的功能，解决了传统网页模块使用方法复杂不便的问题，而且无需在计算机或手机上额外安装任何控件，降低了网页模块的应用成本。

此外，为了让MCU能够通过串口更新网页，本发明还增加了通过串口指令来修改网页文件内容的设计，提出了用于网页模块的Web服务器的输入更新方法。这样当浏览器重新获得网页文件时，将会显示更新的网页文件内容。

通过本发明，使用者不用再编写ActiveX程序，只要修改网页内容即可实现各种需求应用。而网页内容的修改相对来说比较容易。当某个控件需要触发串口输出时，只要将这个控件的name设置为特殊的name，然后编写如图5所示的表格即可。本发明简便了用户对网页模块的使用。此外，本发明对浏览器没有特殊要求，完全符合HTML标准，无需安装任何的程序和插件；相对于传统网页模块需要在网页模块中存储容量较大的ActiveX程序，本发明节省了网页模块的存储空间；而且可以在网页的任何区域显示需要的控件，跟普通的网页设计并没有多少的不同。

综上所述，本发明有效克服了现有技术中的种种缺点而具高度产业利用价值。

上述实施例仅例示性说明本发明的原理及其功效，而非用于限制本发明。任何熟悉此技术的人士皆可在不违背本发明的精神及范畴下，对上述实施例进行修饰或改变。因此，举凡所属技术领域中具有通常知识者在未脱离本发明所揭示的精神与技术思想下所完成的一切等效修饰或改变，仍应由本发明的权利要求所涵盖。

Claims (10)

1.一种用于网页模块的Web服务器的输出控制方法，其特征在于，所述用于网页模块的Web服务器的输出控制方法包括：

所述Web服务器接收浏览器基于HTTP协议发送的POST指令；所述POST指令包括控件名称；

所述Web服务器查找预定义的控件名称与输出指令对应表，确定与所述POST指令中的控件名称对应的串口输出指令；

所述Web服务器将所述串口输出指令通过串口输出。

2.根据权利要求1所述的用于网页模块的Web服务器的输出控制方法，其特征在于：所述POST指令包括浏览器当前提交的表单；所述表单包括至少一个控件名称。

3.根据权利要求1所述的用于网页模块的Web服务器的输出控制方法，其特征在于：所述控件名称分为特定控件名称和普通控件名称；所述预定义的控件名称与输出指令对应表中的控件名称为特定控件名称；所述Web服务器查找与所述POST指令中特定控件名称对应的串口输出指令。

4.根据权利要求1所述的用于网页模块的Web服务器的输出控制方法，其特征在于：所述POST指令还包括与每个控件名称对应的控件值；按照HTTP协议，控件值和控件名称一起通过POST指令被发给所述Web服务器；所述Web服务器将与控件名称对应的串口输出指令和与控件名称对应的控件值一同通过串口输出。

5.根据权利要求1所述的用于网页模块的Web服务器的输出控制方法，其特征在于：所述POST指令是用户通过浏览器点击网页上的控件触发的；所述浏览器根据标准的HTML和HTTP协议生成所述POST指令；所述控件为HTML的标准控件，包括按钮、输入框、下拉框、或/和选择框。

6.一种用于网页模块的Web服务器的输入更新方法，其特征在于，所述用于网页模块的Web服务器的输入更新方法包括：

所述Web服务器通过串口接收修改命令；所述修改命令包括修改的文件名、修改的文件偏移量、修改的数据内容和大小；

所述Web服务器找到与所述修改的文件名对应的网页文件，在所述网页文件中与所述修改的文件偏移量对应的偏移位置写入所述修改的数据内容，形成更新后的网页文件。

7.根据权利要求6所述的用于网页模块的Web服务器的输入更新方法，其特征在于：所述修改命令是用户微控制器在发现采集数据发生变化并需要更新到所述用于网页模块的Web服务器时通过串口发送的。

8.根据权利要求6所述的用于网页模块的Web服务器的输入更新方法，其特征在于：当用户通过浏览器刷新或重新打开所述网页文件时，会获得更新后的网页文件。

9.一种用于网页模块的Web服务器，其特征在于，所述用于网页模块的Web服务器包括：

网络数据接收模块，接收浏览器基于HTTP协议发送的POST指令；所述POST指令包括控件名称和控件值；

存储模块，存储有预定义的控件名称与输出指令对应表；

查找模块，与所述接收模块和存储模块分别相连，查找预定义的控件名称与输出指令对应表，确定与所述POST指令中的控件名称对应的串口输出指令；

串口发送模块，与所述查找模块相连，将所述串口输出指令通过串口输出；

串口接收模块，通过串口接收修改命令；所述修改命令包括修改的文件名、修改的文件偏移量、修改的数据内容和大小；

修改模块，与所述串口接收模块和存储模块分别相连，在存储模块中找到与所述修改的文件名对应的网页文件，在所述网页文件中与所述修改的文件偏移量对应的偏移位置写入所述修改的数据内容，形成更新后的网页文件。

10.根据权利要求9所述的用于网页模块的Web服务器，其特征在于，所述用于网页模块的Web服务器还包括：

网络数据发送模块，与所述存储模块相连，在用户通过浏览器刷新或重新打开所述网页文件时，将更新后的网页文件发送给浏览器显示。