[发明专利]一种Web用户界面生成方法及装置

说明书

本发明实施例提供一种Web用户界面生成方法、装置、电子设备及存储介质，所述方法包括：创建用户界面的响应类，并为所述响应类绑定预设的模板；所述模板由预设的控件组成，用于定义所述用户界面的布局；为所述模板中的控件定义事件响应函数，并实例化所述用户界面的响应类，获取用户界面的响应类实例；将所述模板中各控件的超文本标记语言串信息发送至前端，接收前端发送的事件信息；根据所述事件响应函数对所述事件信息进行处理，获取处理结果，将所述处理结果发送回用户界面。通过为响应类绑定模板，动态生成前端页面，实现事件与数据的绑定，后端提供业务响应，前端动态局部更新，提高了开发效率，降低了开发和维护的成本。

技术领域

本发明涉及互联网信息技术领域，尤其涉及一种Web用户界面生成方法及装置。

背景技术

在工业软件中，由于软件界面内含有大量的实时数据与复杂的业务处理逻辑，采用常规的Web页面中很难实现且性能低下(前端页面通常采用的是JS脚本语言)。

现行的开发方式通常采用前后端分离的方法进行开发，在前端编写每个页面的布局、数据绑定、业务处理等编码；在后端提供各种数据请求接口。

现行的开发方式需要为每个页面编写其布局样式，页面布局偏静态，很难根据业务需要进行变形操作；绑定的数据量过大会降低页面响应性能；由于是弱语言，很难实现数据的高效计算与操作；业务处理功能代码与界面布局、数据绑定代码混淆在一起，难于维护扩展及复用，导致了开发与维护成本较高，且开发效率低下的缺陷。

发明内容

本发明实施例提供一种Web用户界面生成方法、装置、电子设备及存储介质，用以解决现有技术中开发与维护成本较高，且开发效率低下的缺陷，实现开发效率的提高。

本发明实施例提供一种Web用户界面生成方法，包括：

创建用户界面的响应类，并为所述响应类绑定预设的模板；所述模板由预设的控件组成，用于定义所述用户界面的布局；

为所述模板中的控件定义事件响应函数，并实例化所述用户界面的响应类，获取用户界面的响应类实例；

将所述模板中各控件的超文本标记语言串信息发送至前端，接收前端发送的事件信息；

根据所述事件响应函数对所述事件信息进行处理，获取处理结果，将所述处理结果发送回用户界面。

根据本发明一个实施例的Web用户界面生成方法，所述将所述模板中各控件的超文本标记语言串信息发送至前端，之前还包括：

对所述模板进行解析处理，分别获取所述模板中各控件的超文本标记语言串信息。

根据本发明一个实施例的Web用户界面生成方法，所述对所述模板进行解析处理，分别获取所述模板中各控件的超文本标记语言串信息，具体包括：

获取所述模板中各控件的控件定义；

基于所述控件定义获取所述模板中各控件的超文本标记语言串信息。

根据本发明一个实施例的Web用户界面生成方法，所述接收前端发送的事件信息，具体包括：

根据各个控件的ID获取各个控件对应的所述控件实例和所述用户界面的响应类实例；

通过所述用户界面的响应类实例绑定的事件接收函数接收所述事件信息。

根据本发明一个实施例的Web用户界面生成方法，所述根据所述事件响应函数对所述事件信息进行处理，具体包括：

调用所述事件响应函数；

根据所述事件信息中的各控件的事件类型和事件参数进行对应的处理。

本发明实施例还提供一种Web用户界面生成方法，包括：