一种访问组件的方法、装置及设备制造方法及图纸

本申请公开了一种访问组件的方法、装置及设备，包括：页面编辑系统获取针对于目标组件库的渲染函数文件的URL，其中，该渲染函数文件中的渲染函数用于实现页面编辑系统预先定义的渲染接口；然后，通过访问该URL获取渲染函数文件，并响应可视化页面编辑窗口上针对于目标组件库中的组件的选择操作，调用渲染接口对该组件进行访问，以使得渲染接口通过该渲染函数输出该组件在页面中的HTML标签，其中，该可视化页面编辑窗口由页面编辑系统提供。可见，页面编辑系统是利用URL可以直接获得访问组件所需的渲染函数，从而无需页面编辑系统基于该组件对原有的渲染函数进行定制修改，也无需开发人员根据页面编辑系统的规范定制修改组件。

【技术实现步骤摘要】
一种访问组件的方法、装置及设备
本申请涉及组件
，特别是涉及一种访问组件的方法、装置及设备。
技术介绍
在开发应用程序的过程中，用户可能需要快速搭建大量风格类似的页面。比如，针对于一些运营活动的页面，这些页面通常不仅在功能上大同小异，而且，还需要在短时间内快速完成页面搭建。为了满足这种页面的搭建需求，用户通常是在页面编辑系统所提供的可视化页面编辑窗口上对所需搭建页面的各个组件进行编排，并在编排好组件在该页面上的布局后，由页面编辑系统生成相应的页面。但是，目前这种搭建页面的实现方式中，当需要在组件库中为用户新增组件或者增加新的组件库时，由于不同开发人员可能会采用不同的语言编写组件，并且，即使是采用同一种语言开发组件，不同开发人员定义组件的方式也可能不同，这就使得新增组件库或组件在所需搭建页面中的调用方式可能不满足页面编辑系统所规定的调用方式要求，从而使得页面编辑系统无法成功访问并使用该新增组件库或组件。为此，当增加新组件库或组件库中新增了组件时，一种方式是页面编辑系统需要为该新增组件库或组件修改页面编辑系统中的渲染函数，以使得页面编辑系统利用修改后的渲染函数能够成功访问该新增组件库或组件。也就是说，当页面编辑系统中出现新组件库或者原有组件库出现新增组件时，页面编辑系统通常都需要基于该新增组件对渲染函数完成定制修改。另一种方式是开发人员按照编辑系统的规范定制开发或者修改新组件库或者新增组件。
技术实现思路
本申请实施例提供了一种访问组件的方法、装置及设备，以使得页面编辑系统通过获取相应的渲染函数可以直接使用新的组件库或组件，而无需为该组件库或组件完成对渲染函数进行定制修改的过程，也无需开发人员对新组件库或新增组件根据编辑系统的规则进行定制开发和修改。第一方面，本申请实施例提供了一种访问组件的方法，该方法包括：页面编辑系统获取针对于目标组件库的渲染函数文件的统一资源定位符URL，该渲染函数文件中的渲染函数用于实现页面编辑系统预先定义的渲染接口；页面编辑系统通过访问渲染函数文件的URL获取渲染函数文件；响应于可视化页面编辑窗口上针对于目标组件库中组件的选择操作，页面编辑系统调用渲染接口对该组件进行访问，以使得渲染接口通过渲染函数文件中的渲染函数输出该组件在页面中的超级文本标记语言HTML标签，其中，可视化页面编辑窗口由页面编辑系统提供。在该实施方式中，页面编辑系统若需要访问新组件库的组件或者旧组件库的新组件时，则可以通过URL(UniformResourceLocator，统一资源定位符)获取与该组件相对应的渲染函数，其中，该渲染函数用于实现页面编辑系统预先定义的渲染接口。这样，页面编辑系统利用获取的渲染函数即可实现对该组件的访问，而可以不用为该组件对渲染函数进行定制修改，也无需开发人员对该新组件库或者新组件进行定制修改。在一些可能的实施方式中，可视化页面编辑窗口呈现于用户终端的浏览器上。这样，用户可以在用户终端上实现对页面编辑系统的访问，进而可以在用户终端上进行组件的编排以及属性值的设置，以完成页面搭建。在一些可能的实施方式中，该方法还包括：响应于针对目标组件的属性设置操作，页面编辑系统利用属性设置组件设置所述目标组件的属性值。在该实施方式中，通过呈现针对于目标组件的属性设置组件，可以由用户可视化地对该目标组件的属性值进行灵活设置和修改，方便了用户的页面搭建过程。在一些可能的实施方式中，该方法还包括：页面编辑系统获取目标组件库的URL以及组件属性定义文件的URL，其中，所述组件属性定义文件用于对目标组件库中组件在页面编辑系统中的属性以及属性值进行定义；页面编辑系统通过分别访问目标组件库的URL以及组件属性定义文件的URL，获取目标组件库以及组件属性定义文件。在该实施方式中，页面编辑系统也可以是通过访问URL的方式获取目标组件库以及目标组件库所对应的组件属性定义文件，这样，目标组件库以及组件属性定义文件也可以独立于页面编辑系统。在一些可能的实施方式中，该方法还包括：响应于接收到的创建目标组件库的创建请求，页面编辑系统通过访问创建请求中包括的配置信息的URL获取所述配置信息；页面编辑系统将配置信息进行存储；其中，配置信息包括目标组件库的URL、渲染函数文件的URL以及组件属性定义文件的URL。在该实施方式中，通过将目标组件库的URL、渲染函数文件的URL以及组件属性定义文件的URL整合成目标组件库的配置信息并进行存储，这样，当页面编辑系统需要访问目标组件库时，页面编辑系统可以通过读取自身存储的目标组件库的配置信息，即可获得渲染函数文件的URL、目标组件库的URL以及组件属性定义文件的URL，进而可以获得相应的渲染函数文件、目标组件库以及组件属性定义文件。在一些可能的实施方式中，该方法还包括：页面编辑系统检测配置信息是否按照预设格式完成定义；则，所述页面编辑系统将配置信息进行存储，具体为：若确定所获取的目标组件库的配置信息已经按照预设格式完成定义，则页面编辑系统将配置信息进行存储。在该实施方式中，由于页面编辑系统的程序实现需要，可能要求存储于页面编辑系统中的配置信息，满足页面编辑系统所规定的格式；若配置信息没有满足系统所规定的格式，可能导致该目标组件库不可用。因此，通过检测配置信息是否已经按照预设格式完成定义，可以去除没有按照预设格式完成定义的配置信息，进而可以避免出现目标组件库不可用的情况发生。第二方面，本申请实施例还提供了一种访问组件的装置，页面编辑系统应用于该装置中，该装置包括：第一获取模块，用于获取针对于目标组件库的渲染函数文件的统一资源定位符URL，所述渲染函数文件中的渲染函数用于实现页面编辑系统预先定义的渲染接口；第二获取模块，用于通过访问所述URL获取所述渲染函数文件；访问模块，用于响应于可视化页面编辑窗口上针对于所述目标组件库中组件的选择操作，所述页面编辑系统调用所述渲染接口对所述组件进行访问，以使得所述渲染接口通过所述渲染函数输出所述组件在页面中的超级文本标记语言HTML标签，其中，所述可视化页面编辑窗口由所述页面编辑系统提供。在一些可能的实施方式中，可视化页面编辑窗口呈现于用户终端的浏览器上。在一些可能的实施方式中，该装置还包括：属性值设置模块，用于响应于针对目标组件的属性设置操作，所述页面编辑系统利用属性设置组件设置所述目标组件的属性值。在一些可能的实施方式中，该装置还包括：第三获取模块，用于获取所述目标组件库的URL以及组件属性定义文件的URL，其中，所述组件属性定义文件用于对所述目标组件库中组件在页面编辑系统中的属性以及属性值进行定义；第四获取模块，用于通过分别访问所述目标组件库的URL以及所述组件属性定义文件的URL，获取所述目标组件库以及所述组件属性定义文件。在一些可能的实施方式中，该装置还包括：第五获取模块，用于响应于接收到的创建目标组件库的创建请求，通过访问所述创建请求中包括的配置信息的URL获取所述配置信息；存储模块，用于将所述配置信息进行存储；其中，所述配置信息包括所述目标组件库本文档来自技高网...

【技术保护点】
1.一种访问组件的方法，其特征在于，所述方法包括：/n页面编辑系统获取针对于目标组件库的渲染函数文件的统一资源定位符URL，所述渲染函数文件中的渲染函数用于实现页面编辑系统预先定义的渲染接口；/n所述页面编辑系统通过访问所述URL获取所述渲染函数文件；/n响应于可视化页面编辑窗口上针对于所述目标组件库中组件的选择操作，所述页面编辑系统调用所述渲染接口对所述组件进行访问，以使得所述渲染接口通过所述渲染函数输出所述组件在页面中的超级文本标记语言HTML标签，其中，所述可视化页面编辑窗口由所述页面编辑系统提供。/n

【技术特征摘要】
1.一种访问组件的方法，其特征在于，所述方法包括：
页面编辑系统获取针对于目标组件库的渲染函数文件的统一资源定位符URL，所述渲染函数文件中的渲染函数用于实现页面编辑系统预先定义的渲染接口；
所述页面编辑系统通过访问所述URL获取所述渲染函数文件；
响应于可视化页面编辑窗口上针对于所述目标组件库中组件的选择操作，所述页面编辑系统调用所述渲染接口对所述组件进行访问，以使得所述渲染接口通过所述渲染函数输出所述组件在页面中的超级文本标记语言HTML标签，其中，所述可视化页面编辑窗口由所述页面编辑系统提供。


2.根据权利要求1所述的方法，其特征在于，所述可视化页面编辑窗口呈现于用户终端的浏览器上。


3.根据权利要求1所述的方法，其特征在于，所述方法还包括：
响应于针对目标组件的属性设置操作，所述页面编辑系统利用属性设置组件设置所述目标组件的属性值。


4.根据权利要求1至3任一项所述的方法，其特征在于，所述方法还包括：
所述页面编辑系统获取所述目标组件库的URL以及组件属性定义文件的URL，其中，所述组件属性定义文件用于对所述目标组件库中组件在所述页面编辑系统中的属性以及属性值进行定义；
所述页面编辑系统通过分别访问所述目标组件库的URL以及所述组件属性定义文件的URL，获取所述目标组件库以及所述组件属性定义文件。


5.根据权利要求4所述的方法，其特征在于，所述方法还包括：
响应于接收到的创建目标组件库的创建请求，所述页面编辑系统通过访问所述创建请求中包括的配置信息的URL获取所述配置信息；
所述页面编辑系统将所述配置信息进行存储；
其中，所述配置信息包括所述目标组件库的URL、所述渲染函数文件的URL以...

【专利技术属性】
技术研发人员：金凤龙，宋华梅，
申请(专利权)人：华为技术有限公司，
类型：发明
国别省市：广东;44