[发明专利]可复用的前端页面的生成方法、实施该生成方法的系统

说明书

本发明公开了一种可复用的前端页面的生成方法、实施该生成方法的系统。其中可复用的前端页面的生成方法，包括：根据至少一种原生的web组件建立自定义web组件；开发前端页面的布局，并确定板块的数量；当用户创建或修改所述前端页面的各个板块的数据内容时，选择所述自定义web组件，并根据需要输入设置数据；当前端页面运行时，所述自定义web组件根据所述设置数据动态显示对应的数据内容。本发明可以使得前端页面可复用，节约开发成本。

技术领域

本发明涉及软件开发的技术领域，尤其涉及一种可复用的前端页面的生成方法以及实现该生成方法的系统。

背景技术

现有的对软件产品的开发，都需要研发人员或多或少编写代码，如果前期需求没有列完整，或者是使用后期产生新的需求，则需要研发人员再次开发，对软件的代码进行更新，这样导致开发进度比较慢，质量也比较不可控。

现有的一些设备其运行数据的种类变化较少，仅仅是不同的用户存在不同的需求，针对用户不同的需求都需要开发新的软件产品，导致效率低下。以楼宇控制系统为例，该软件所采用的设备的种类大致都差不多，基本上包括空调、照明、通风、门禁当中的至少一种设备。而空调设备的运行数据的种类也基本上都知道，但是当空调应用在普通办公环境时，和应用在特殊实验室环境时，需要监控的数据的范围就存在不同。

因而如何使得前端页面可复用，避免要反复进行编程开发是亟待解决的技术问题。

发明内容

为了解决现有技术中的软件需要重新开发的技术问题，本发明提出了可复用的前端页面的生成方法、实施该生成方法的系统。

本发明提出的可复用的前端页面的生成方法，包括：

根据至少一种原生的web组件建立自定义web组件；

开发前端页面的布局，并确定板块的数量；

当用户创建或修改所述前端页面的各个板块的数据内容时，选择所述自定义web组件，并根据需要输入设置数据；

当前端页面运行时，所述自定义web组件根据所述设置数据动态显示对应的数据内容。

进一步，所述设置数据包括：所述自定义web组件的数据显示颜色，所述自定义web组件的数据显示范围当中的至少一种。

进一步，所述设置数据还包括：

所述自定义web组件的数据来源对应的设备以及设备点位。

进一步，还包括：

提供图表交互页面供用户创建图表；

当用户创建或修改所述前端页面各个板块的数据内容时，通过所述图表交互页面输入图表生成条件；

在所述前端页面的对应板块基于所述图表生成条件自动生成图表。

进一步，所述图表生成条件包括：图表类型、图表地址类型、图表统计类型、图表逻辑、时间类型当中的至少一种。

进一步，为用户创建的图表提供修改点位功能，当用户修改点位时，则所述图表显示对应点位的设备的数据。

进一步，所述图表地址类型为设备所在的地址信息。

本发明提出的用于实现上述技术方案所述的可复用的前端页面的生成方法的系统，包括：

原生web组件管理模块，用于提供可选择的原生的web组件；

自定义动态属性模块，接收用户的设置数据；

自定义web组件库管理模块，存储所述自定义web组件。

进一步，还包括：通用API管理模块和设备管理模块；所述设备管理模块用于对连接设备的进行管理，所述通用API管理模块获取所连接的设备的实时数据，并将所述设备的实时数据作为所述自定义web组件模块的数据来源。