CN111475161B - 一种访问组件的方法、装置及设备 - Google Patents

一种访问组件的方法、装置及设备 Download PDF

Info

Publication number
CN111475161B
CN111475161B CN201910066791.0A CN201910066791A CN111475161B CN 111475161 B CN111475161 B CN 111475161B CN 201910066791 A CN201910066791 A CN 201910066791A CN 111475161 B CN111475161 B CN 111475161B
Authority
CN
China
Prior art keywords
page editing
editing system
component
url
target component
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201910066791.0A
Other languages
English (en)
Other versions
CN111475161A (zh
Inventor
金凤龙
宋华梅
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Huawei Technologies Co Ltd
Original Assignee
Huawei Technologies Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Huawei Technologies Co Ltd filed Critical Huawei Technologies Co Ltd
Priority to CN201910066791.0A priority Critical patent/CN111475161B/zh
Publication of CN111475161A publication Critical patent/CN111475161A/zh
Application granted granted Critical
Publication of CN111475161B publication Critical patent/CN111475161B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

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

Description

一种访问组件的方法、装置及设备
技术领域
本申请涉及组件技术领域,特别是涉及一种访问组件的方法、装置及设备。
背景技术
在开发应用程序的过程中,用户可能需要快速搭建大量风格类似的页面。比如,针对于一些运营活动的页面,这些页面通常不仅在功能上大同小异,而且,还需要在短时间内快速完成页面搭建。为了满足这种页面的搭建需求,用户通常是在页面编辑系统所提供的可视化页面编辑窗口上对所需搭建页面的各个组件进行编排,并在编排好组件在该页面上的布局后,由页面编辑系统生成相应的页面。
但是,目前这种搭建页面的实现方式中,当需要在组件库中为用户新增组件或者增加新的组件库时,由于不同开发人员可能会采用不同的语言编写组件,并且,即使是采用同一种语言开发组件,不同开发人员定义组件的方式也可能不同,这就使得新增组件库或组件在所需搭建页面中的调用方式可能不满足页面编辑系统所规定的调用方式要求,从而使得页面编辑系统无法成功访问并使用该新增组件库或组件。为此,当增加新组件库或组件库中新增了组件时,一种方式是页面编辑系统需要为该新增组件库或组件修改页面编辑系统中的渲染函数,以使得页面编辑系统利用修改后的渲染函数能够成功访问该新增组件库或组件。也就是说,当页面编辑系统中出现新组件库或者原有组件库出现新增组件时,页面编辑系统通常都需要基于该新增组件对渲染函数完成定制修改。另一种方式是开发人员按照编辑系统的规范定制开发或者修改新组件库或者新增组件。
发明内容
本申请实施例提供了一种访问组件的方法、装置及设备,以使得页面编辑系统通过获取相应的渲染函数可以直接使用新的组件库或组件,而无需为该组件库或组件完成对渲染函数进行定制修改的过程,也无需开发人员对新组件库或新增组件根据编辑系统的规则进行定制开发和修改。
第一方面,本申请实施例提供了一种访问组件的方法,该方法包括:页面编辑系统获取针对于目标组件库的渲染函数文件的统一资源定位符URL,该渲染函数文件中的渲染函数用于实现页面编辑系统预先定义的渲染接口;页面编辑系统通过访问渲染函数文件的URL获取渲染函数文件;响应于可视化页面编辑窗口上针对于目标组件库中组件的选择操作,页面编辑系统调用渲染接口对该组件进行访问,以使得渲染接口通过渲染函数文件中的渲染函数输出该组件在页面中的超级文本标记语言HTML标签,其中,可视化页面编辑窗口由页面编辑系统提供。
在该实施方式中,页面编辑系统若需要访问新组件库的组件或者旧组件库的新组件时,则可以通过URL(Uniform Resource Locator,统一资源定位符)获取与该组件相对应的渲染函数,其中,该渲染函数用于实现页面编辑系统预先定义的渲染接口。这样,页面编辑系统利用获取的渲染函数即可实现对该组件的访问,而可以不用为该组件对渲染函数进行定制修改,也无需开发人员对该新组件库或者新组件进行定制修改。
在一些可能的实施方式中,可视化页面编辑窗口呈现于用户终端的浏览器上。这样,用户可以在用户终端上实现对页面编辑系统的访问,进而可以在用户终端上进行组件的编排以及属性值的设置,以完成页面搭建。
在一些可能的实施方式中,该方法还包括:响应于针对目标组件的属性设置操作,页面编辑系统利用属性设置组件设置所述目标组件的属性值。在该实施方式中,通过呈现针对于目标组件的属性设置组件,可以由用户可视化地对该目标组件的属性值进行灵活设置和修改,方便了用户的页面搭建过程。
在一些可能的实施方式中,该方法还包括:页面编辑系统获取目标组件库的URL以及组件属性定义文件的URL,其中,所述组件属性定义文件用于对目标组件库中组件在页面编辑系统中的属性以及属性值进行定义;页面编辑系统通过分别访问目标组件库的URL以及组件属性定义文件的URL,获取目标组件库以及组件属性定义文件。在该实施方式中,页面编辑系统也可以是通过访问URL的方式获取目标组件库以及目标组件库所对应的组件属性定义文件,这样,目标组件库以及组件属性定义文件也可以独立于页面编辑系统。
在一些可能的实施方式中,该方法还包括:响应于接收到的创建目标组件库的创建请求,页面编辑系统通过访问创建请求中包括的配置信息的URL获取所述配置信息;页面编辑系统将配置信息进行存储;其中,配置信息包括目标组件库的URL、渲染函数文件的URL以及组件属性定义文件的URL。在该实施方式中,通过将目标组件库的URL、渲染函数文件的URL以及组件属性定义文件的URL整合成目标组件库的配置信息并进行存储,这样,当页面编辑系统需要访问目标组件库时,页面编辑系统可以通过读取自身存储的目标组件库的配置信息,即可获得渲染函数文件的URL、目标组件库的URL以及组件属性定义文件的URL,进而可以获得相应的渲染函数文件、目标组件库以及组件属性定义文件。
在一些可能的实施方式中,该方法还包括:页面编辑系统检测配置信息是否按照预设格式完成定义;则,所述页面编辑系统将配置信息进行存储,具体为:若确定所获取的目标组件库的配置信息已经按照预设格式完成定义,则页面编辑系统将配置信息进行存储。
在该实施方式中,由于页面编辑系统的程序实现需要,可能要求存储于页面编辑系统中的配置信息,满足页面编辑系统所规定的格式;若配置信息没有满足系统所规定的格式,可能导致该目标组件库不可用。因此,通过检测配置信息是否已经按照预设格式完成定义,可以去除没有按照预设格式完成定义的配置信息,进而可以避免出现目标组件库不可用的情况发生。
第二方面,本申请实施例还提供了一种访问组件的装置,页面编辑系统应用于该装置中,该装置包括:
第一获取模块,用于获取针对于目标组件库的渲染函数文件的统一资源定位符URL,所述渲染函数文件中的渲染函数用于实现页面编辑系统预先定义的渲染接口;第二获取模块,用于通过访问所述URL获取所述渲染函数文件;访问模块,用于响应于可视化页面编辑窗口上针对于所述目标组件库中组件的选择操作,所述页面编辑系统调用所述渲染接口对所述组件进行访问,以使得所述渲染接口通过所述渲染函数输出所述组件在页面中的超级文本标记语言HTML标签,其中,所述可视化页面编辑窗口由所述页面编辑系统提供。
在一些可能的实施方式中,可视化页面编辑窗口呈现于用户终端的浏览器上。
在一些可能的实施方式中,该装置还包括:属性值设置模块,用于响应于针对目标组件的属性设置操作,所述页面编辑系统利用属性设置组件设置所述目标组件的属性值。
在一些可能的实施方式中,该装置还包括:第三获取模块,用于获取所述目标组件库的URL以及组件属性定义文件的URL,其中,所述组件属性定义文件用于对所述目标组件库中组件在页面编辑系统中的属性以及属性值进行定义;第四获取模块,用于通过分别访问所述目标组件库的URL以及所述组件属性定义文件的URL,获取所述目标组件库以及所述组件属性定义文件。
在一些可能的实施方式中,该装置还包括:第五获取模块,用于响应于接收到的创建目标组件库的创建请求,通过访问所述创建请求中包括的配置信息的URL获取所述配置信息;存储模块,用于将所述配置信息进行存储;其中,所述配置信息包括所述目标组件库的URL、所述渲染函数文件的URL以及所述组件属性定义文件的URL。
在一些可能的实施方式中,该装置还包括:检测模块,用于检测所述配置信息是否按照预设格式完成定义;则,所述存储模块,具体用于若确定所获取的目标组件库的配置信息已经按照预设格式完成定义,则将所述配置信息进行存储。
第二方面提供的访问组件的装置,对应于第一方面提供的访问组件的方法,故第二方面提供的访问组件的装置的各种可能的实施方式,可以参照第一方面提供的访问组件的方法的各种可能的实施方式。
第三方面,本申请实施例还提供了一种访问组件的设备,页面编辑系统应用于所述设备中,所述设备包括:存储器、处理器;所述存储器用于存储程序代码,并将所述程序代码传输给所述处理器;所述处理器用于根据所述程序代码中的指令执行如下步骤:获取针对于目标组件库的渲染函数文件的统一资源定位符URL,所述渲染函数文件中的渲染函数用于实现页面编辑系统预先定义的渲染接口;通过访问所述URL获取所述渲染函数文件;响应于可视化页面编辑窗口上针对于所述目标组件库中组件的选择操作,所述页面编辑系统调用所述渲染接口对所述组件进行访问,以使得所述渲染接口通过所述渲染函数输出所述组件在页面中的超级文本标记语言HTML标签,其中,所述可视化页面编辑窗口由所述页面编辑系统提供。
在一些可能的实施方式中,可视化页面编辑窗口呈现于用户终端的浏览器上。
在一些可能的实施方式中,所述处理器还用于根据所述程序代码中的指令执行如下步骤:响应于针对目标组件的属性设置操作,所述页面编辑系统利用属性设置组件设置所述目标组件的属性值。
在一些可能的实施方式中,所述处理器还用于根据所述程序代码中的指令执行如下步骤:获取所述目标组件库的URL以及组件属性定义文件的URL,其中,所述组件属性定义文件用于对所述目标组件库中组件在页面编辑系统中的属性以及属性值进行定义;通过分别访问所述目标组件库的URL以及所述组件属性定义文件的URL,获取所述目标组件库以及所述组件属性定义文件。
在一些可能的实施方式中,所述处理器还用于根据所述程序代码中的指令执行如下步骤:响应于接收到的创建目标组件库的创建请求,通过访问所述创建请求中包括的配置信息的URL获取所述配置信息;将所述配置信息进行存储;其中,所述配置信息包括所述目标组件库的URL、所述渲染函数文件的URL以及所述组件属性定义文件的URL。
在一些可能的实施方式中,所述处理器还用于根据所述程序代码中的指令执行如下步骤:检测所述配置信息是否按照预设格式完成定义;则,所述设备执行步骤将所述配置信息进行存储时,具体为若确定所获取的目标组件库的配置信息已经按照预设格式完成定义,则将所述配置信息进行存储。
第三方面提供的访问组件的设备,对应于第一方面提供的访问组件的方法,故第三方面提供的访问组件的设备的各种可能的实施方式,可以参照第一方面提供的访问组件的方法的各种可能的实施方式。
本申请第四方面提供了一种计算机可读存储介质,该计算机可读存储介质中存储有指令,当其在计算机或处理器上运行时,使得所述计算机或处理器执行如上述第一方面或者其任一种可能的设计中所述的方法。
本申请第五方面提供了一种包含指令的计算机程序产品,当其在计算机或处理器上运行时,使得所述计算机或处理器执行如上述第一方面或者其任一种可能的设计中所述的方法。
在本申请实施例的上述实现方式中,页面编辑系统可以先获取针对于目标组件库的渲染函数文件的URL,其中,该渲染函数文件中的渲染函数用于实现页面编辑系统预先定义的渲染接口;然后,页面编辑系统通过访问该URL获取相应的渲染函数文件,并响应可视化页面编辑窗口上针对于目标组件库中的组件的选择操作,调用预先定义的渲染接口对该组件进行访问,以使得页面编辑系统所调用的渲染接口通过该渲染函数输出该组件在页面中的HTML标签,其中,该可视化页面编辑窗口由页面编辑系统提供。可见,当页面编辑系统需要访问目标组件库中的组件时,页面编辑系统是利用URL可以直接获得访问组件所需的渲染函数,从而无需页面编辑系统基于该组件对原有的渲染函数进行定制修改,也无需开发人员根据页面编辑系统的规范对组件进行定制修改。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请中记载的一些实施例,对于本领域普通技术人员来讲,还可以根据这些附图获得其他的附图。
图1为本申请实施例中一应用场景所涉及的网络系统框架示意图;
图2为本申请实施例中一种访问组件的方法的流程示意图;
图3为本申请实施例中一示例性应用场景的网络架构示意图;
图4为本申请实施例中一种访问组件的方法流程信令交互示意图;
图5示出了用户在可视化页面编辑窗口上对组件列表中的组件进行选择的示意图;
图6示出了用户在可视化页面编辑窗口上对组件属性的属性值进行编辑的示意图;
图7为本申请实施例中一种访问组件的装置结构示意图;
图8为本申请实施例中一种访问组件的设备结构示意图。
具体实施方式
在利用页面编辑系统搭建页面时,用户可能基于实际应用的需要会在嵌入至该页面编辑系统的组件库中新增部分组件,以丰富该页面编辑系统所能提供给用户进行编排的组件。然后,由于实际应用中针对于组件的不同开发人员可能会采用不同的语言来编写组件,并且,即使是采用同一种语言来开发组件,不同开发人员定义组件的方式也可能会不同,这就使得用户在组件库中所添加的新增组件在所需搭建的页面中的调用方式可能不满足页面编辑系统所规定的调用方式要求,从而造成页面编辑系统无法成功访问组件库中的新增组件,进而使得用户无法在页面编辑系统所提供的可视化页面编辑窗口上使用该新增组件。为此,通常的做法:一种是当组件库中新增了组件库或在原组件库中新增组件时,页面编辑系统需要为该新组件库或新增组件对页面编辑系统中的渲染函数进行定制修改,以使得页面编辑系统利用修改后的渲染函数能够成功访问并使用该新增组件库或新增组件;另一种是开发人员按照页面编辑系统的规范,对新组件库或新增组件进行定制修改,以使得页面编辑系统利用已有的渲染函数可以成功访问并使用该新增组件库或组件。
基于此,本申请实施例提供了一种访问组件的方法,页面编辑系统可以预先定义访问组件时所需调用的渲染接口,页面编辑系统若需要访问新的组件或新增组件库中的组件,则可以通过URL(Uniform Resource Locator,统一资源定位符)获取与该组件相对应的渲染函数,其中,该渲染函数用于实现页面编辑系统预先定义的渲染接口。这样,页面编辑系统利用获取的渲染函数即可实现对该组件的访问,而可以不用为该组件对渲染函数进行定制修改。而且,即使用户频繁的更换页面编辑系统所使用的组件库,也无需页面编辑系统执行多次修改渲染函数的操作。另外,对于开发人员而言,也无需要求开发人员按照页面编辑系统的规范对目标组件库进行开发,从而可以使得页面编辑系统可以适用于具有各种开发习惯的开发人员所开发出的组件库。
作为一种示例,本申请实施例可以应用于如图1所示的示例性应用场景。在该场景中,当用户101需要在终端102上搭建页面时,用户101可以在终端102上执行启动页面编辑系统的触发操作;终端102响应该触发操作,启动页面编辑系统并在该页面编辑系统上加载用户所选择的组件库;终端102上的页面编辑系统可以获取针对于用户101所选择的组件库的渲染函数文件的URL,并通过访问该URL可以从服务器103上获取相应的渲染函数文件,其中,该渲染函数文件中的渲染函数用于实现页面编辑系统预先定义的渲染接口,该渲染函数文件预先存储于服务器102上;然后,用户101可以在页面编辑系统呈现于终端102的可视化页面编辑窗口上执行针对于组件的选择操作,并由页面编辑系统响应用户101的选择操作,调用预先定义的渲染接口对该用户101所选择的组件进行访问,以使得该渲染接口通过所获取的渲染函数输出该组件在页面中的HTML(hypertext markup language,超级文本标记语言)标签。用户101通过多次在可视化页面编辑窗口上对组件进行选择以及编排后,可以由页面编辑系统基于用户101对组件的编排生成用户所需搭建的页面。
值得注意的是,上述场景仅是本申请实施例提供的一个场景示例,本申请实施例并不限于此场景。比如,在另一些可能的应用场景中,可以采用B/S(Browser/Server,浏览器/服务器模式)架构,即该页面编辑系统可以部署于PC工作站中,用户101利用终端102上的浏览器访问页面编辑系统以完成页面的搭建;或者,页面编辑系统通过URL获取的渲染函数文件可以预先存储于终端102本地等。总而言之,本申请实施例可以应用于各种可适用的场景中。
为使本申请的上述目的、特征和优点能够更加明显易懂,下面将结合附图对本申请实施例中的各种非限定性实施方式进行示例性说明。显然,所描述的实施例是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例,都属于本申请保护的范围。
参阅图2,图2示出了本申请实施例中一种访问组件的方法的流程示意图,该方法具体可以包括:
S201:页面编辑系统获取针对于目标组件库的渲染函数文件的URL,其中,该渲染函数文件中的渲染函数用于实现页面编辑系统预先定义的渲染接口。
本实施例中,页面编辑系统是通过调用渲染接口实现对目标组件库中的组件进行访问,而用于实现该渲染接口的渲染函数并非是页面编辑系统基于原先的渲染函数定制修改的,而是通过访问URL来进行获取的。具体实现时,页面编辑系统可以预先定义好渲染接口的函数名、入参格式以及参数值,由开发人员基于页面编辑系统所规定的渲染接口的函数名开发出目标组件库所对应的渲染函数,并将该渲染函数存储于网络设备中。这样,当页面编辑系统需要访问目标组件库中的组件时,可以从网络设备中获取该目标组件库所对应的渲染函数,以利用该渲染函数实现页面编辑系统预先定义的渲染接口,从而使得页面编辑系统利用所实现的渲染接口即可对目标组件库中的组件进行访问,而无需为该目标组件库中的组件执行修改渲染函数的操作。
在一种示例性的具体实现方式中,该渲染函数可以预先以文件的形式存储于网络设备中,其中,包含渲染函数的渲染函数文件在网络设备中的存放位置即为该渲染函数文件所对应的URL。当页面编辑系统使用目标组件库(也即新的组件库)中的组件时,页面编辑系统可以先获取存储于网络设备中的渲染函数文件的URL,以便利用该URL来获取该渲染函数文件。
值得注意的是,该渲染函数文件可以与页面编辑系统位于不同的网络设备中。在一种示例中,该渲染函数文件可以存储于预先搭建的服务器中,不同开发人员针对于不同组件库所开发出的不同渲染函数文件均可存放与该服务器中,并利用相应的标识对各个组件库的渲染函数文件进行区分;而该页面编辑系统可以位于PC工作站等设备中。当然,在另一些实施方式中,该渲染函数文件也可以与页面编辑系统位于同一网络设备中,但是,该渲染函数文件与该页面编辑系统在该网络设备上相互独立,页面编辑系统仍是通过访问URL的方式获取目标组件库的渲染函数文件。
S202:页面编辑系统通过访问该URL获取渲染函数文件。
在获取渲染函数文件的URL后,也即确定了该渲染函数文件在网络设备中的具体存放位置,则可以通过访问URL的形式从该网络设备上获取该渲染函数文件。其中,所获取的渲染函数文件中包含了用于实现页面编辑系统所定义的渲染接口的渲染函数。
实际应用中,页面编辑系统除了可以通过访问URL的形式获取渲染函数文件以外,也可以是通过访问URL的形式获得目标组件库以及组件属性定义文件。其中,组件属性定义文件用于对目标组件库中各个组件在页面编辑系统中的属性以及属性值进行定义。可以理解,在将目标组件库的脚本文件加载至页面编辑系统后,页面编辑系统会对该目标组件库中的各个组件进行初始化,此时,页面编辑系统是依据所获取的组件属性定义文件,确定目标组件库中的各个组件的在页面编辑系统中的属性以及该属性所对应的属性值。比如,针对于目标组件库的其中一个组件,页面编辑系统可以依据该组件属性定义文件确定该组件在被用户添加至页面编辑区时,该组件在页面编辑区上的尺寸以及该尺寸具体可以是哪些值。
基于此,在一些可能的实施方式中,页面编辑系统在获取渲染函数文件时,还可以获取目标组件库的URL以及组件属性定义文件的URL,并通过分别访问目标组件库的URL以及组件属性定义文件的URL,获取相应的目标组件库以及组件属性定义文件。
进一步的,渲染函数文件的URL、目标组件库的URL以及组件属性定义文件的URL可以作为目标组件库的配置信息,并且,该配置信息可以存储于页面编辑系统中。这样,页面编辑系统通过获取目标组件库的配置信息,即可获得各个文件的URL。
实际应用的一些场景中,开发人员在开发出目标组件库、目标组件库对应的渲染函数以及组件属性定义文件后,可以将这些文件存储于预设的网络设备中,比如,可以是存储于预先搭建的服务器中;然后,开发人员可以编写出针对于目标组件库的配置信息,该配置信息包括渲染函数文件的URL、目标组件库的URL以及组件属性定义文件的URL,对应于这些文件在网络设备中的存放位置,同时可以将该配置信息也存储于该网络设备中;接着,开发人员可以利用该网络设备向页面编辑系统发送创建目标组件库的创建请求,该创建请求中包括配置信息的URL,以使得页面编辑系统在接收到该创建请求中,可以从该创建请求中解析出该配置信息的URL,并通过访问该URL在网络设备上获取目标组件库的配置信息,进而可以将该配置信息进行存储。这样,当页面编辑系统需要访问目标组件库时,页面编辑系统可以通过读取自身存储的目标组件库的配置信息,即可获得渲染函数文件的URL、目标组件库的URL以及组件属性定义文件的URL,进而可以获得相应的渲染函数文件、目标组件库以及组件属性定义文件。
进一步的,在一些实施方式中,存储于页面编辑系统中的配置信息,可能需要满足页面编辑系统所规定的格式,否则,若该配置信息不满足页面编辑系统所规定的格式,则可能导致页面编辑系统无法识别出该配置信息中的各个URL,从而最终导致目标组件库不可用。因此,在存储目标组件库的配置信息之前,还可以对该配置信息进行有效性检测,以去除没有按照预设格式进行定义的配置信息。具体的,页面编辑系统可以检测该配置信息是否按照预设格式完成定义,若确定该配置信息已经按照预设格式完成定义,则将该配置信息进行存储。例如,可以检测该配置信息中目标组件库的URL地址以及组件属性定义文件的URL地址是否以数组元素的形式进行定义等。
S203:响应于可视化页面编辑窗口上针对于该目标组件库中组件的选择操作,页面编辑系统调用该渲染接口对该组件进行访问,以使得该渲染接口通过渲染函数文件中的渲染函数输出该组件在页面中的HTML标签,其中,该可视化页面编辑窗口由页面编辑系统提供。
本实施例中,页面编辑系统可以提供可供用户进行组件编排的可视化页面编辑窗口,并且,在该可视化页面编辑窗口上可以呈现有目标组件库中的各个组件。在用户搭建页面的过程中,用户可以在该可视化页面编辑窗口上对目标组件库中的组件进行选择,比如,用户在显示的多个组件中选择其中一个组件,并将该组件拖拽至可视化页面编辑窗口的页面编辑区中进行编排。此时,页面编辑系统可以响应于用户针对于该组件的选择操作,调用预先定义的渲染接口访问目标组件库中用户所选择的组件。这样,渲染接口利用所获取的渲染函数文件中的渲染函数,将目标组件库中用户所选择的组件输出为该组件在页面中的HTML标签。
进一步的,为便于用户对于组件属性的设置,本实施例中,针对于目标组件库中的组件,可以利用属性设置组件为该组件的属性设置属性值。具体实现时,用户可以对可视化页面编辑窗口所呈现的多个组件进行选择,比如,可以是点击所需进行属性设置的组件等,为了描述方便,此处将用户所选择的组件称之为目标组件;然后,页面编辑系统可以在可视化页面编辑窗口上呈现该目标组件的各个属性以及用于设置每个属性的属性值的属性设置组件;接着,用户可以利用可视化页面编辑窗口所呈现的属性设置组件对目标组件库中的每个组件进行属性设置操作,比如,可以是利用属性设置组件对组件的属性值进行编辑和/或是对多个候选属性值进行选择等;最后,页面编辑系统响应于针对于目标组件的属性设置操作,利用该属性设置组件设置目标组件的属性值,比如,页面编辑系统可以是将用户基于属性设置组件进行输入或者选择的属性值作为该目标组件的属性值等。
需要说明的是,若目标组件的属性值是从多个候选属性值中进行确定时,该多个候选属性值可以是页面编辑系统依据组件属性定义文件进行提供。具体的,开发人员在开发出组件属性定义文件时,可以预先定义好各个组件所能具有的多个可供用户选择的属性值。这样,页面编辑系统在加载该组件属性定义文件后,可以为该目标组件提供多个可以可供选择的属性值。
本实施例中,页面编辑系统可以先获取针对于目标组件库的渲染函数文件的URL,其中,该渲染函数文件中的渲染函数用于实现页面编辑系统预先定义的渲染接口;然后,页面编辑系统通过访问该URL获取相应的渲染函数文件,并响应可视化页面编辑窗口上针对于目标组件库中的组件的选择操作,调用预先定义的渲染接口对该组件进行访问,以使得页面编辑系统所调用的渲染接口通过该渲染函数输出该组件在页面中的HTML标签,其中,该可视化页面编辑窗口由页面编辑系统提供。可见,当页面编辑系统需要访问目标组件库中的组件时,页面编辑系统是利用URL可以直接获得访问组件所需的渲染函数,从而无需页面编辑系统基于该组件对原有的渲染函数进行定制修改也无需开发人员根据页面编辑系统的规范对组件进行定制修改。
为了更加详细的介绍本申请的技术方案,下面将结合用户利用页面编辑系统搭建页面这一具体应用场景,对本申请实施例的技术方案进行详细介绍说明。参阅图3以及图4,其中,图3示出了本申请实施例中一示例性应用场景的网络架构示意图,图4示出了本申请实施例中一种访问组件的方法流程信令交互示意图。该方法具体可以包括:
S401:服务器向页面编辑系统发送针对于目标组件库的创建请求,其中,该创建请求包括目标组件库的标识以及目标组件库的配置信息的URL,该配置信息包括目标组件库的URL、渲染函数文件的URL以及组件属性定义文件的URL。
本实施例中,开发人员在开发出目标组件库、目标组件库所对应的渲染函数文件以及组件属性定义文件时,可以将该目标组件库、渲染函数文件以及组件属性定义文件放置于预先搭建的服务器上,并确定各个文件在服务器上进行存储时的具体位置;然后,开发人员可以基于目标组件库、渲染函数文件以及组件属性定义文件在服务器上的存储位置所对应的URL,生成目标组件库的配置信息,并将该配置信息也存储于该服务器上,相应的,也可以获取该配置信息在该服务器上的存储位置所对应的URL。这样,开发人员在完成对目标组件库的开发后,可以告知页面编辑系统该目标组件库可用,则可以利用服务器生成针对于目标组件库的创建请求,并将该创建请求发送给页面编辑系统,其中,该创建请求中包含目标组件库的唯一标识以及该配置信息的URL。
当然,本场景实施例仅作为示例性说明,上述所描述的实施方式并不用于对本实施例的具体实现过程进行限定。比如,在另一些场景中,目标组件库、渲染函数文件、组件属性定义文件以及配置信息等各个文件可以不在同一个服务器上进行存放;或者,也可以不用预先搭建服务器,而将这些文件放置在网络中任一可用的服务器中等。
S402:页面编辑系统解析该创建请求,通过访问该配置信息的URL获取目标组件库的配置信息。
开发人员可以利用服务器发送的创建请求通知页面编辑系统目标组件库已经开发完成,可以被页面编辑系统所使用;页面编辑系统在接收到该创建请求后,可以对该创建请求进行解析,从该创建请求中获得配置信息的URL,然后,通过访问该配置信息的URL可以从预先搭建的服务器中获得该配置信息,也即,获得目标组件库的URL、渲染函数文件的URL以及组件属性定义文件的URL。
实际应用的另一些场景中,服务器也可以根据所存储的配置信息生成创建请求,即,所生成的创建请求中可以包含配置信息,这样,页面编辑系统在接收到服务器所发送的创建请求后,可以直接从该创建请求中解析出目标组件库的配置信息,从而可以不用页面编辑系统通过访问URL的方式来获取目标组件库的配置信息。
S403:页面编辑系统对应保存目标组件库的标识以及目标组件库的配置信息。
本实施例中,页面编辑系统在获得目标组件库的配置信息后,可以将该配置信息进行保存。当然,实际应用中,页面编辑系统除了会保存目标组件库的配置信息以外,也可能会保存其它组件库的配置信息,因此,为了便于页面编辑系统将该目标组件库的配置信息与其它组件库的配置信息进行区分,页面编辑系统可以从创建请求中包含目标组件库的标识,并将目标组件库的标识以及目标组件库的配置信息进行对应保存。这样,当需要提取目标组件库的配置信息时,根据目标组件库的标识即可查询得到。
值得注意的是,存储于页面编辑系统中的配置信息,可能需要满足页面编辑系统所规定的格式,因此,在存储目标组件库的配置信息之前,还可以对该配置信息进行有效性检测。具体的,页面编辑系统可以检测该配置信息是否按照预设格式完成定义,若确定该配置信息已经按照预设格式完成定义,则将该配置信息与目标组件库的标识进行对应存储。
举例来说,页面编辑系统预先可以规定配置信息中目标组件库的URL地址作为数组“sdk”中的数组元素进行定义,配置信息中的组件属性定义文件的URL地址作为数组“compose”中的数组元素进行定义。则,页面编辑系统在对获取到的配置信息进行有效性检测时,可以先检测配置信息中包含的目标组件库的URL地址是否被定义为“sdk”中的数组元素,若不是,则有效性检测不通过,页面编辑系统可以拒绝保存该配置信息,若是,则继续检测配置信息中包含的组件属性定义文件的URL是否被定义为“compose”中的数组元素,若仍是,则页面编辑系统可以保存该配置信息,若不是,则页面编辑系统可以拒绝保存该配置信息。当然,实际应用中,二者可以同时进行检测;也可以是先检测检测组件属性定义文件的URL是否为“compose”中的数组元素,再检测标组件库的URL地址是否为“sdk”中的数组元素,此处仅作为示例性说明,并不用于限定。
S404:用户终端向页面编辑系统发送页面编辑的请求,该请求中包含目标组件库的标识。
具体实现时,页面编辑系统可以在用户终端的浏览器上提供可视化页面编辑窗口,以便于用户在该可视化页面编辑窗口上搭建页面。当用户需要利用目标组件库来实现页面的搭建时,用户可以在用户终端上输入所需使用的目标组件库的标识,如输入目标组件库的名称等,这样,用户终端可以基于用户输入的目标组件库的标识,生成页面编辑的请求,并将该请求发送给页面编辑系统。
S405:页面编辑系统根据该目标组件库的标识,确定目标组件库的配置信息。
由于在开发人员完成对目标组件库的开发后,页面编辑系统已经对应保存目标组件库的标识以及该目标组件库的配置信息,因此,当页面编辑系统接收到用户发送的页面编辑的请求后,可以从该请求中解析出目标组件库的标识,进而可以基于该标识,从多个组件库的标识与配置信息的对应关系中,确定出目标组件库的标识所对应的目标组件库的配置信息。
S406:页面编辑系统通过分别访问配置信息包括的目标组件库的URL、渲染函数文件的URL以及组件属性定义文件的URL,获取目标组件库、渲染函数文件以及组件属性定义文件,其中,该渲染函数文件中的渲染函数用于实现页面编辑系统预先定义的渲染接口。
页面编辑系统在确定目标组件库的配置信息后,可以基于该配置信息获得目标组件库以及目标组件库所对应的渲染函数文件、组件属性定义文件。具体的,页面编辑系统可以根据该配置信息,确定目标组件库的URL、渲染函数文件的URL以及组件属性定义文件的URL,进而通过分别访问这些URL可以从预先搭建的服务器上获得目标组件库、渲染函数文件以及组件属性定义文件。
作为一种示例,页面编辑系统具体可以通过执行如下程序代码来获得目标组件库的脚本文件:
Figure BDA0001955966610000111
通过执行如下程序代码来获得组件属性定义文件:
Figure BDA0001955966610000112
S407:页面编辑系统根据所获取的目标组件库以及组件属性定义文件进行可视化页面编辑窗口的初始化,其中,页面编辑系统所提供的可视化页面编辑窗口位于用户终端的浏览器上。
页面编辑系统在获得目标组件库、渲染函数文件以及组件属性定义文件后,可以利用这些文件对位于用户终端的可视化页面编辑系统进行初始化。具体的,页面编辑系统可以根据所获得的目标组件库的脚本文件,确定该目标组件库中具体包含哪些组件,并将这些组件呈现于可视化页面编辑窗口上,如图5所示,以供用户在搭建页面的过程中选用所呈现的组件列表中的各个组件;而根据所获取的组件属性定义文件,可以为该目标组件库中每个组件定义在可视化编辑窗口中的属性以及进行初始化赋值,在进一步的实施方式中,该组件属性定义文件还可以为组件的属性定义多个可选的属性值,以供用户从多个属性值中选择所适用的属性值。
S408:页面编辑系统监听用户在可视化页面编辑窗口上针对于目标组件的选择操作,调用渲染接口访问目标组件库中的目标组件,以使得渲染接口通过渲染文件中的渲染函数输出该目标组件在页面中的HTML标签,其中,该渲染接口预先由页面编辑系统进行定义。
可以理解,页面编辑系统在可视化页面编辑窗口上呈现目标组件库中的组件后,可以一直监听用户在该可视化页面编辑窗口上的页面编辑行为。具体的,用户基于搭建页面的需要,可以从呈现的多个组件中选择目标组件进行搭建页面,比如,如图5所示,用户可以在可视化页面编辑窗口上对组件列表中的各个组件进行选择,并将所选择的组件B拖拽至该可视化页面编辑窗口上的页面编辑区。当然,在其它实施方式中,用户也可以是通过点击(包括单击、双击、长按等)组件B将该组件B添加至页面编辑区。页面编辑系统可以响应用户针对于该目标组件的选择操作,调用页面编辑系统预先进行定义的渲染接口来访问目标组件库中的目标组件。其中,页面编辑系统预先进行定义的渲染接口具体可以是由渲染函数文件中的渲染函数来实现。在页面编辑系统调用该渲染接口后,该渲染接口可以利用渲染函数输出该目标组件在页面中的HTML标签,以使得该目标组件能够在所需搭建的页面中进行调用。
其中,作为一种实际应用的示例,页面编辑系统可以通过如下程序代码对渲染接口进行定义:
Figure BDA0001955966610000121
S409:页面编辑系统监听用户在可视化页面编辑窗口上针对于目标组件的属性编辑操作,利用属性设置组件设置该目标组件的属性值。
实际应用中,用户在搭建页面的过程中,除了会选择目标组件库中的组件进行编排以外,若用户所选中的组件的初始属性值不满足用户搭建页面的需求,则用户可以对所选择的组件进行属性值的设置。本实施例中,为了便于用户设置目标组件(即用户所选中的组件)的属性值,页面编辑系统可以利用属性组件设置该目标组件的属性值。具体的,在用户执行了编辑目标组件库的属性值的触发操作后,页面编辑系统可以依据组件属性定义文件在可视化页面编辑窗口上的属性编辑区,呈现该目标组件的各个属性的属性设置组件,同时,页面编辑系统可以监听用户基于呈现的属性设置组件所进行的属性编辑操作,并依据该属性编辑操作,利用属性设置组件设置该目标组件库的属性值。比如,如图6所示,若添加至页面编辑区的目标组件为组件列表中的图片显示组件,并且,该组件包括ID(identification,身份标识)、尺寸、图层这三个方面属性的属性值需要在页面编辑系统中编辑,则可以预先在组件属性定义文件中为该图片显示组件定义这三个属性的默认属性值或者多个候选属性值,并定义好属性设置组件。其中,该图片显示组件的ID为“Image1”,该图片显示组件位于页面编辑区的图层为当前图层,即“this_Layer”,而该图片显示组件的尺寸属性可以包括尺寸1、尺寸2以及尺寸3三个候选属性值。以设置尺寸这一属性为例,预先在组件属性定义文件中为该尺寸属性定义了“下拉列表”这一属性设置组件,当用户点击该属性设置组件时,会呈现多个可供用户选择的具体尺寸值,分别为尺寸1、尺寸2以及尺寸3这三个候选属性值,进而用户可以通过点击“尺寸2”来确定作为图片显示组件的尺寸属性的属性值。这样,页面编辑系统可以基于用户对尺寸2的选择为设置该图片显示组件的尺寸属性的属性值为尺寸2。
作为一种示例,页面编辑系统可以利用如下程序代码提供两种属性的设置类型:
Figure BDA0001955966610000131
其中,“type1”表征属性设置组件“下拉列表”,“type2”表征属性设置组件“输入框”,即页面编辑系统可以基于用户在该输入框中输入的值作为目标组件的链接属性(href)的属性值
值得注意的是,当目标组件的属性值发生修改时,页面编辑系统可以监听该组件的属性修改事件,并向渲染接口传递目标组件的标识(如组件名等)、组件的属性以及属性值,通过调用该渲染接口来使得该渲染接口利用渲染函数输出目标组件在所搭建页面上的新的DOM(Document Object Model文档对象模型)节点,然后,页面编辑系统利用该新的DOM节点去替换目标组件在页面中旧的DOM节点。
S410:页面编辑系统基于用户对目标组件库中组件在页面中的编排以及属性值设置,生成页面。
本实施例中,当用户在可视化页面编辑窗口上完成组件的编排以及属性值的设置后,若用户确定以组件在页面中的当前布局以及当前设置的属性值生成页面,则可以执行生成页面的触发操作。这样,页面编辑系统响应用户执行的触发操作,基于用户对目标组件库中组件在页面中的编排以及属性值设置,生成用户所需搭建的页面。
可见,在用户完成页面搭建的整个过程中,页面编辑系统是利用URL直接获得访问组件所需的渲染函数,并通过调用该渲染函数所实现的渲染接口来访问目标组件库中的组件,这就使得当页面编辑系统需要使用新的目标组件库中的组件时,无需页面编辑系统基于该组件对原有的渲染函数进行定制修改。而且,通过呈现针对于目标组件的属性设置组件,可以由用户对该目标组件的属性进行灵活设置和修改,方便了用户的页面搭建过程。
此外,本申请实施例还提供了一种访问组件的装置。参阅图7,图7示出了本申请实施例中一种访问组件的装置结构示意图,该装置700包括:
第一获取模块701,用于获取针对于目标组件库的渲染函数文件的统一资源定位符URL,所述渲染函数文件中的渲染函数用于实现页面编辑系统预先定义的渲染接口;
第二获取模块702,用于通过访问所述URL获取所述渲染函数文件;
访问模块703,用于响应于可视化页面编辑窗口上针对于所述目标组件库中组件的选择操作,所述页面编辑系统调用所述渲染接口对所述组件进行访问,以使得所述渲染接口通过所述渲染函数输出所述组件在页面中的超级文本标记语言HTML标签,其中,所述可视化页面编辑窗口由所述页面编辑系统提供。
在一些可能的实施方式中,可视化页面编辑窗口呈现于用户终端的浏览器上。
在一些可能的实施方式中,该装置700还包括:
属性值设置模块,用于响应于针对目标组件的属性设置操作,所述页面编辑系统利用属性设置组件设置所述目标组件的属性值。
在一些可能的实施方式中,该装置700还包括:
第三获取模块,用于获取所述目标组件库的URL以及组件属性定义文件的URL,其中,所述组件属性定义文件用于对所述目标组件库中组件在页面编辑系统中的属性以及属性值进行定义;
第四获取模块,用于通过分别访问所述目标组件库的URL以及所述组件属性定义文件的URL,获取所述目标组件库以及所述组件属性定义文件。
在一些可能的实施方式中,该装置700还包括:
第五获取模块,用于响应于接收到的创建目标组件库的创建请求,通过访问所述创建请求中包括的配置信息的URL获取所述配置信息;
存储模块,用于将所述配置信息进行存储;其中,所述配置信息包括所述目标组件库的URL、所述渲染函数文件的URL以及所述组件属性定义文件的URL。
在一些可能的实施方式中,该装置700还包括:
检测模块,用于检测所述配置信息是否按照预设格式完成定义;
则,所述存储模块,具体用于若确定所获取的目标组件库的配置信息已经按照预设格式完成定义,则将所述配置信息进行存储。
需要说明的是,图7所示的访问组件的装置,是与图2所示的访问组件的方法所对应的装置,具体实现过程与图2所示的方法类似,参考与2所示的方法的描述,这里不再赘述。
本实施例中,在页面编辑系统访问目标组件库中组件的过程中,页面编辑系统是利用URL直接获得访问组件所需的渲染函数,并通过调用该渲染函数所实现的渲染接口来访问目标组件库中的组件,这就使得当页面编辑系统需要使用新的目标组件库中的组件时,无需页面编辑系统基于该组件库和组件对原有的渲染函数进行定制修改,也无需开发人员根据页面编辑系统的规范对组件进行定制修改。
此外,本申请实施例还提供了一种访问组件的设备。参阅图8,图8示出了本申请实施例中一种访问组件的设备架构示意图,该设备800包括处理器801以及存储器802:
所述存储器802用于存储程序代码,并将所述程序代码传输给所述处理器801;
所述处理器801用于根据所述程序代码中的指令执行以下操作:
页面编辑系统获取针对于目标组件库的渲染函数文件的统一资源定位符URL,该渲染函数文件中的渲染函数用于实现页面编辑系统预先定义的渲染接口;
页面编辑系统通过访问渲染函数文件的URL获取渲染函数文件;
响应于可视化页面编辑窗口上针对于目标组件库中组件的选择操作,页面编辑系统调用渲染接口对该组件进行访问,以使得渲染接口通过渲染函数文件中的渲染函数输出该组件在页面中的超级文本标记语言HTML标签,其中,可视化页面编辑窗口由页面编辑系统提供。
在一些可能的实施方式中,可视化页面编辑窗口呈现于用户终端的浏览器上。
在一些可能的实施方式中,所述处理器801用于根据所述程序代码中的指令执行以下操作:响应于针对目标组件的属性设置操作,所述页面编辑系统利用属性设置组件设置所述目标组件的属性值。
在一些可能的实施方式中,所述处理器801用于根据所述程序代码中的指令执行以下操作:获取所述目标组件库的URL以及组件属性定义文件的URL,其中,所述组件属性定义文件用于对所述目标组件库中组件的属性以及属性值进行定义;通过分别访问所述目标组件库的URL以及所述组件属性定义文件的URL,获取所述目标组件库以及所述组件属性定义文件。
在一些可能的实施方式中,所述处理器801用于根据所述程序代码中的指令执行以下操作:响应于接收到的创建目标组件库的创建请求,通过访问所述创建请求中包括的配置信息的URL获取所述配置信息;将所述配置信息进行存储;其中,所述配置信息包括所述目标组件库的URL、所述渲染函数文件的URL以及所述组件属性定义文件的URL。
在一些可能的实施方式中,所述处理器801用于根据所述程序代码中的指令执行以下操作:检测所述配置信息是否按照预设格式完成定义;则,所述处理器801执行步骤将所述配置信息进行存储时,具体为若确定所获取的目标组件库的配置信息已经按照预设格式完成定义,则将所述配置信息进行存储。
需要说明的是,图8所示的访问组件的装置,是与图2所示的访问组件的方法所对应的设备,具体实现过程与图2所示的方法类似,参考与2所示的方法的描述,这里不再赘述。
本实施例中,在页面编辑系统访问目标组件库中组件的过程中,页面编辑系统是利用URL直接获得访问组件所需的渲染函数,并通过调用该渲染函数所实现的渲染接口来访问目标组件库中的组件,这就使得当页面编辑系统需要使用新的目标组件库中的组件时,无需页面编辑系统基于该组件对原有的渲染函数进行定制修改,也无需开发人员根据页面编辑系统的规范对组件进行定制修改。
此外,本申请实施例还提供了一种计算机可读存储介质,该计算机可读存储介质中存储有指令,当其在计算机或处理器上运行时,使得该计算机或处理器执行上述访问组件的方法。
另外,本申请实施例还提供了一种包含指令的计算机程序产品,当其在计算机或处理器上运行时,使得所述计算机或处理器执行上述访问组件的方法。
本申请实施例中提到的“第一获取模块”等名称中的“第一”只是用来做名字标识,并不代表顺序上的第一。该规则同样适用于“第二”等。
通过以上的实施方式的描述可知,本领域的技术人员可以清楚地了解到上述实施例方法中的全部或部分步骤可借助软件加通用硬件平台的方式来实现。基于这样的理解,本申请的技术方案可以以软件产品的形式体现出来,该计算机软件产品可以存储在存储介质中,如只读存储器(英文:read-only memory,ROM)/RAM、磁碟、光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者诸如路由器等网络通信设备)执行本申请各个实施例或者实施例的某些部分所述的方法。
本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于装置实施例和设备实施例而言,由于其基本相似于方法实施例,所以描述得比较简单,相关之处参见方法实施例的部分说明即可。以上所描述的设备及装置实施例仅仅是示意性的,其中作为分离部件说明的模块可以是或者也可以不是物理上分开的,作为模块显示的部件可以是或者也可以不是物理模块,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下,即可以理解并实施。
以上所述仅是本申请示例性的实施方式,并非用于限定本申请的保护范围。

Claims (10)

1.一种访问组件的方法,其特征在于,所述方法包括:
页面编辑系统获取针对于目标组件库的渲染函数文件的统一资源定位符URL,所述渲染函数文件中的渲染函数用于实现页面编辑系统预先定义的渲染接口;
所述页面编辑系统通过访问所述URL获取所述渲染函数文件;
响应于可视化页面编辑窗口上针对于所述目标组件库中组件的选择操作,所述页面编辑系统调用所述渲染接口对所述组件进行访问,以使得所述渲染接口通过所述渲染函数输出所述组件在页面中的超级文本标记语言HTML标签,其中,所述可视化页面编辑窗口由所述页面编辑系统提供。
2.根据权利要求1所述的方法,其特征在于,所述可视化页面编辑窗口呈现于用户终端的浏览器上。
3.根据权利要求1所述的方法,其特征在于,所述方法还包括:
响应于针对目标组件的属性设置操作,所述页面编辑系统利用属性设置组件设置所述目标组件的属性值。
4.根据权利要求1至3任一项所述的方法,其特征在于,所述方法还包括:
所述页面编辑系统获取所述目标组件库的URL以及组件属性定义文件的URL,其中,所述组件属性定义文件用于对所述目标组件库中组件在所述页面编辑系统中的属性以及属性值进行定义;
所述页面编辑系统通过分别访问所述目标组件库的URL以及所述组件属性定义文件的URL,获取所述目标组件库以及所述组件属性定义文件。
5.根据权利要求4所述的方法,其特征在于,所述方法还包括:
响应于接收到的创建目标组件库的创建请求,所述页面编辑系统通过访问所述创建请求中包括的配置信息的URL获取所述配置信息;
所述页面编辑系统将所述配置信息进行存储;
其中,所述配置信息包括所述目标组件库的URL、所述渲染函数文件的URL以及所述组件属性定义文件的URL。
6.根据权利要求5所述的方法,其特征在于,所述方法还包括:
所述页面编辑系统检测所述配置信息是否按照预设格式完成定义;
则,所述页面编辑系统将所述配置信息进行存储,具体为:若确定所获取的目标组件库的配置信息已经按照预设格式完成定义,则所述页面编辑系统将所述配置信息进行存储。
7.一种访问组件的装置,其特征在于,页面编辑系统应用于所述装置中,所述装置包括:
第一获取模块,用于获取针对于目标组件库的渲染函数文件的统一资源定位符URL,所述渲染函数文件中的渲染函数用于实现页面编辑系统预先定义的渲染接口;
第二获取模块,用于通过访问所述URL获取所述渲染函数文件;
访问模块,用于响应于可视化页面编辑窗口上针对于所述目标组件库中组件的选择操作,所述页面编辑系统调用所述渲染接口对所述组件进行访问,以使得所述渲染接口通过所述渲染函数输出所述组件在页面中的超级文本标记语言HTML标签,其中,所述可视化页面编辑窗口由所述页面编辑系统提供。
8.一种访问组件的设备,其特征在于,页面编辑系统应用于所述设备中,所述设备包括处理器以及存储器:
所述存储器用于存储程序代码,并将所述程序代码传输给所述处理器;
所述处理器用于根据所述程序代码中的指令执行权利要求1至6中任一项所述的访问组件的方法。
9.一种计算机可读存储介质,所述计算机可读存储介质中存储有指令,当其在计算机或处理器上运行时,使得所述计算机或处理器执行所述权利要求1至6中任一项所述的方法。
10.一种包含指令的计算机程序产品,当其在计算机或处理器上运行时,使得所述计算机或处理器执行所述权利要求1至6中任一项所述的方法。
CN201910066791.0A 2019-01-24 2019-01-24 一种访问组件的方法、装置及设备 Active CN111475161B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910066791.0A CN111475161B (zh) 2019-01-24 2019-01-24 一种访问组件的方法、装置及设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910066791.0A CN111475161B (zh) 2019-01-24 2019-01-24 一种访问组件的方法、装置及设备

Publications (2)

Publication Number Publication Date
CN111475161A CN111475161A (zh) 2020-07-31
CN111475161B true CN111475161B (zh) 2021-10-22

Family

ID=71743751

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910066791.0A Active CN111475161B (zh) 2019-01-24 2019-01-24 一种访问组件的方法、装置及设备

Country Status (1)

Country Link
CN (1) CN111475161B (zh)

Families Citing this family (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112241257A (zh) * 2020-09-27 2021-01-19 湖南映客互娱网络信息有限公司 一种基于组件组成的活动页面开发系统与方法
CN112596728A (zh) * 2020-12-26 2021-04-02 中国农业银行股份有限公司 一种页面生成方法及装置
CN113050942A (zh) * 2021-03-31 2021-06-29 北京字节跳动网络技术有限公司 页面生成方法、装置、可读介质及电子设备
CN113239672B (zh) * 2021-05-18 2024-04-16 北京京东振世信息技术有限公司 目标文件编辑方法及装置、电子设备、存储介质
CN113553058B (zh) * 2021-07-23 2022-08-23 深圳万顺叫车云信息技术有限公司 前端页面访问方法、系统和电子设备
CN114237593A (zh) * 2021-11-15 2022-03-25 广东万丈金数信息技术股份有限公司 一种前端页面生成方法、计算机装置和存储介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101615121A (zh) * 2009-07-22 2009-12-30 福州星网视易信息系统有限公司 Bs平台信息发布系统的样式编辑器
WO2014199354A1 (en) * 2013-06-14 2014-12-18 Von Loeper Wolfgang Johann A graphical user interface for an agricultural information system
CN106991096A (zh) * 2016-01-21 2017-07-28 阿里巴巴集团控股有限公司 动态页面渲染方法及装置
CN108073424A (zh) * 2016-11-17 2018-05-25 深圳万兴信息科技股份有限公司 组件接口的调用方法及装置
CN108549532A (zh) * 2018-03-14 2018-09-18 武汉斗鱼网络科技有限公司 网页构建方法、装置、电子设备及存储介质

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101615121A (zh) * 2009-07-22 2009-12-30 福州星网视易信息系统有限公司 Bs平台信息发布系统的样式编辑器
WO2014199354A1 (en) * 2013-06-14 2014-12-18 Von Loeper Wolfgang Johann A graphical user interface for an agricultural information system
CN106991096A (zh) * 2016-01-21 2017-07-28 阿里巴巴集团控股有限公司 动态页面渲染方法及装置
CN108073424A (zh) * 2016-11-17 2018-05-25 深圳万兴信息科技股份有限公司 组件接口的调用方法及装置
CN108549532A (zh) * 2018-03-14 2018-09-18 武汉斗鱼网络科技有限公司 网页构建方法、装置、电子设备及存储介质

Also Published As

Publication number Publication date
CN111475161A (zh) 2020-07-31

Similar Documents

Publication Publication Date Title
CN111475161B (zh) 一种访问组件的方法、装置及设备
CN110221872B (zh) 页面跳转方法、装置、电子设备和存储介质
CN107729475B (zh) 网页元素采集方法、装置、终端与计算机可读存储介质
CN102929599B (zh) 移动终端浏览器界面的修改方法及装置、移动终端
CN107832052B (zh) 展示预览页面的方法、装置和存储介质以及电子设备
CN107957837B (zh) 网页应用程序的快捷方式生成方法、装置和终端设备
CN110928763A (zh) 测试方法、装置、存储介质及计算机设备
CN113741898B (zh) 表单生成方法、装置及设备
CN110515514B (zh) 一种数据处理方法、装置及存储介质
CN110750415B (zh) 接口服务配置方法、装置、介质和计算机设备
CN111736740B (zh) 图片热区生成方法、装置、设备和存储介质
CN110727429B (zh) 一种前端页面的生成方法、装置及设备
CN111679976A (zh) 一种页面对象的查找方法及装置
CN111435313A (zh) 一种软件换肤的方法及装置
CN111125605A (zh) 页面元素获取方法和装置
CN112613275B (zh) 单据生成方法、装置、计算机设备和存储介质
CN111414168B (zh) 基于思维导图的Web应用开发方法及装置、电子设备
CN117667607A (zh) 可视化埋点方法、装置及存储介质
EP3201790A1 (en) Evaluating documentation coverage
CN114020589A (zh) 埋点处理方法、装置、计算机设备和存储介质
CN114706580A (zh) 前端网页开发方法、装置、存储介质和电子设备
CN113934959A (zh) 一种程序预览方法、装置、计算机设备和存储介质
CN114968755A (zh) 一种页面测试方法、装置及计算机可读存储介质
CN110704483A (zh) 用户路由流程定位方法、设备、存储介质及装置
CN111143187A (zh) 用于应用程序接口api测试的方法和设备

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant