一种前端页面的静态页面配置优化控制方法及装置制造方法及图纸

本发明专利技术公开了一种前端页面的静态页面配置优化控制方法及装置，所述方法包括如下步骤：步骤S1，根据业务要求抽象所要配置页面中的组件，选择对应的控件，从数据库获取相应的控件模板信息；步骤S2，对控件模板配置相应的属性，以通过配置属性实现所述业务要求对应的页面；步骤S3，将保存的文件存储到后台生成静态页面文件及对应的描述信息，并存储至数据库；步骤S4，将生成的静态页面文件传送至前台实例端进行渲染展示。实例端进行渲染展示。实例端进行渲染展示。

【技术实现步骤摘要】
一种前端页面的静态页面配置优化控制方法及装置


[0001]本专利技术涉及网页制作
，特别是涉及一种前端页面的静态页面配置优化控制方法及装置。

技术介绍

[0002]互联网技术的快速发展，网页及应用软件的开发面向广大的普通受众是未来的一大必然趋势，以使普通人员能够方便、快速地实现网页及应用软件的开发，目前也出现了一些低代码平台，以使普通人员能够方便快速地创建网页及应用程序。
[0003]然而，虽然目前市面上的低代码平台(无需编码(0代码)或通过少量代码就可以快速生成应用程序的开发平台)可以通过拖拽组件和模型驱动的逻辑来创建网页甚至应用程序，但是当前众多的低代码平台的静态页面的配置方式，普遍存在功能过于简单，更多地是用于展示运营人员需要的页面或者是一些小的功能，如小游戏等，也就是说，目前的低代码平台的静态页面的配置方式，都较为简单，承载不了复杂的业务，因而在一些企业管理系统的配置中作用有限。

技术实现思路

[0004]为克服上述现有技术存在的不足，本专利技术之目的在于提供一种前端页面的静态页面配置优化控制方法及装置，以实现承载更为复杂的业务、更为复杂的交互方式，并提供扩展性的入口以用于功能的扩展的目的。
[0005]为达上述及其它目的，本专利技术提出一种前端页面的静态页面配置优化控制方法，包括如下步骤：
[0006]步骤S1，根据业务要求抽象所要配置页面中的组件，选择对应的控件，从数据库获取相应的控件模板信息；
[0007]步骤S2，对控件模板配置相应的属性，以通过配置属性实现自己想要的页面；
[0008]步骤S3，将保存的文件存储到后台生成静态页面文件及对应的描述信息，并存储至数据库；
[0009]步骤S4，将生成的静态页面文件传送至前台实例端进行渲染展示。
[0010]优选地，所述控件模板信息通过使用HTML的自定义标签定义，定义自身的标签信息，对原有的HTML标签进行封装。
[0011]优选地，于步骤S2中，对控件模板配置的属性包括属性模板信息以及控制关联属性信息。
[0012]优选地，所述属性模板信息用于描述控件的属性的元数据，所述控件关联属性信息用于描述控件之间的关联关系的元数据。
[0013]为达到上述目的，本专利技术还提供一种前端页面的静态页面配置优化控制装置，包括：
[0014]控件模板选取模块，用于根据业务要求抽象所要配置页面中的组件，选择对应的
控件，从数据库获取相应的控件模板信息；
[0015]属性配置模块，用于对控件模板配置相应的属性，以通过配置属性实现自己想要的页面；
[0016]静态页面文件生成模块，用于将保存的文件存储到后台生成静态页面文件及对应的描述信息，并存储至数据库；
[0017]渲染模块，将生成的静态页面文件传送至前台实例端进行渲染展示。
[0018]优选地，所述装置提供各种调用入口，通过各种调用入口，提供多种操作方式。
[0019]优选地，所述装置提供包括但不限于获取页面数据、获取控件数据、获取数据列表、提交表单，物联控制以及可以接入第三方服务多种操作方式。
[0020]优选地，所述装置获取相关的业务数据和配置数据，并存入到数据库中持久化处理。
[0021]优选地，所述装置提供外部页面的嵌入机制，以实现外部页面嵌入。
[0022]优选地，所述装置可与外部页面进行数据通讯。
[0023]与现有技术相比，本专利技术一种前端页面的静态页面配置优化控制方法及装置根据业务要求抽象所要配置页面中的组件，选择对应的控件，从数据库获取相应的控件模板信息，然后对控件模板配置相应的属性，将保存的文件存储到后台生成静态页面文件及对应的描述信息，并将生成的静态页面文件传送至前台实例端进行渲染展示，实现了对低代码平台配置系统配置方式的统一描述及自动管理，本专利技术可以通过良好的页面抽象，抽象页面的基本元素为控件及其属性，提供了更强的功能扩展性。
附图说明
[0024]图1为本专利技术一种前端页面的静态页面配置优化控制方法的步骤流程图；
[0025]图2为本专利技术一种前端页面的静态页面配置优化控制装置的系统架构图；
[0026]图3为本实施例中前端页面的静态页面配置优化控制装置的结构图；
[0027]图4为本实施例中内部模块关系示意图。
具体实施方式
[0028]以下通过特定的具体实例并结合附图说明本专利技术的实施方式，本领域技术人员可由本说明书所揭示的内容轻易地了解本专利技术的其它优点与功效。本专利技术亦可通过其它不同的具体实例加以施行或应用，本说明书中的各项细节亦可基于不同观点与应用，在不背离本专利技术的精神下进行各种修饰与变更。
[0029]图1为本专利技术一种前端页面的静态页面配置优化控制方法的步骤流程图。如图1所示，本专利技术一种前端页面的静态页面配置优化控制方法，包括如下步骤：
[0030]步骤S1，根据业务要求抽象所要配置页面中的组件，选择对应的控件，从数据库获取相应的控件模板信息。
[0031]在本专利技术中，数据库中存储了相关的业务数据和配置数据，例如控件模板信息、属性模板信息以及控件关联属性信息等，所述业务数据就是一个界面展示需要的后台数据，比如登录之后，用户的个人信息就是业务数据，配置数据是指生成一个界面时，需要的模块及属性数据，例如想配置一个登录页面，在该页面中放入了2个文本框一个登录按钮以及这
3个控件的属性数据，这些就属于配置数据，例如，要生成一个登录的界面(业务要求)，则根据业务要求抽象页面中的组件有两个文本框以及一个登录按钮，在数据库中，文本框和按钮都有通用的控件模板以及对应的属性信息，因此，可以通过拖拽控件从数据库获取相应的控件模板信息。在本专利技术中，所述控件模板信息通过使用HTML的自定义标签定义，定义自身的标签信息，对原有的HTML标签进行封装，原有的HTML标签即是原生的HTML标签，比如文本框是input标签。
[0032]步骤S2，对控件模板配置相应的属性，以通过配置属性实现业务要求所对应的页面。
[0033]在本专利技术具体实施例中，对控件模板配置的属性包括属性模板信息以及控制关联属性信息，其中属性模板信息用于描述控件的属性的元数据，比如控件的样式属性和其他自定义的业务属性，控制关联属性信息则用于描述控件之间的关联关系的元数据，如控件之间的数据联动关系。一般地，控件模块有默认属性，也可以修改属性，实现不同的展示形态与显示内容。也就是说，本专利技术的控件和属性是分离的，其中分离的意思是，控件的属性不是固定的，比如一个按钮控件，可以通过修改不同的属性，可以变成提交按钮，删除按钮，新建按钮，修改按钮等
[0034]步骤S3，将保存的文件存储到后台生成静态页面文件及对应的描述信息，并存储至数据库。
[0035]也就是说，当于步骤S2配置好相应的属性后予以保存，并将保存的文件存储到后台生成静态页面文件及对应的描述信息，并存储至数据库。由于此步骤生成静态页面文件及对应描本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种前端页面的静态页面配置优化控制方法，包括如下步骤：步骤S1，根据业务要求抽象所要配置页面中的组件，选择对应的控件，从数据库获取相应的控件模板信息；步骤S2，对控件模板配置相应的属性，以通过配置属性实现所述业务要求对应的页面；步骤S3，将保存的文件存储到后台生成静态页面文件及对应的描述信息，并存储至数据库；步骤S4，将生成的静态页面文件传送至前台实例端进行渲染展示。2.如权利要求1所述的一种前端页面的静态页面配置优化控制方法，其特征在于：所述控件模板信息通过使用HTML的自定义标签定义，定义自身的标签信息，对原有的HTML标签进行封装。3.如权利要求1所述的一种前端页面的静态页面配置优化控制方法，其特征在于：于步骤S2中，对控件模板配置的属性包括属性模板信息以及控制关联属性信息。4.如权利要求3所述的一种前端页面的静态页面配置优化控制方法，其特征在于：所述属性模板信息用于描述控件的属性的元数据，所述控件关联属性信息用于描述控件之间的关联关系的元数据。5.一种前端页面的静态页面配置优化控制装置，包括：控件模板选取模块，用于根据业务要求抽象所要配置页面中的组件，选择对应的控件，...

【专利技术属性】
技术研发人员：徐连杰，欧飞，
申请(专利权)人：浩云科技股份有限公司，
类型：发明
国别省市：