CN114911478A - 页面创建方法、装置、电子设备及存储介质 - Google Patents
页面创建方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN114911478A CN114911478A CN202210472999.4A CN202210472999A CN114911478A CN 114911478 A CN114911478 A CN 114911478A CN 202210472999 A CN202210472999 A CN 202210472999A CN 114911478 A CN114911478 A CN 114911478A
- Authority
- CN
- China
- Prior art keywords
- page
- block
- creation interface
- target
- instruction information
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 94
- 238000003860 storage Methods 0.000 title claims abstract description 13
- 230000006870 function Effects 0.000 claims abstract description 234
- 230000004044 response Effects 0.000 claims description 72
- 238000012986 modification Methods 0.000 claims description 20
- 230000004048 modification Effects 0.000 claims description 20
- 230000015654 memory Effects 0.000 claims description 15
- 238000012790 confirmation Methods 0.000 claims description 10
- 238000004590 computer program Methods 0.000 claims description 7
- 238000012217 deletion Methods 0.000 claims description 6
- 230000037430 deletion Effects 0.000 claims description 6
- 238000001514 detection method Methods 0.000 claims description 5
- 230000008569 process Effects 0.000 description 40
- 239000000463 material Substances 0.000 description 34
- 238000010586 diagram Methods 0.000 description 28
- 238000011161 development Methods 0.000 description 14
- 230000003993 interaction Effects 0.000 description 14
- 230000001960 triggered effect Effects 0.000 description 12
- 238000013461 design Methods 0.000 description 11
- 230000002093 peripheral effect Effects 0.000 description 10
- 238000012545 processing Methods 0.000 description 10
- 230000001133 acceleration Effects 0.000 description 9
- 238000009826 distribution Methods 0.000 description 7
- 238000004891 communication Methods 0.000 description 6
- 238000004519 manufacturing process Methods 0.000 description 6
- 230000003287 optical effect Effects 0.000 description 5
- 238000004458 analytical method Methods 0.000 description 4
- 230000001419 dependent effect Effects 0.000 description 4
- 238000004806 packaging method and process Methods 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 3
- 239000004973 liquid crystal related substance Substances 0.000 description 3
- 238000013473 artificial intelligence Methods 0.000 description 2
- 239000000919 ceramic Substances 0.000 description 2
- 230000006835 compression Effects 0.000 description 2
- 238000007906 compression Methods 0.000 description 2
- 230000009467 reduction Effects 0.000 description 2
- 238000012360 testing method Methods 0.000 description 2
- 230000006978 adaptation Effects 0.000 description 1
- 238000013475 authorization Methods 0.000 description 1
- 230000033228 biological regulation Effects 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 230000003247 decreasing effect Effects 0.000 description 1
- 230000004927 fusion Effects 0.000 description 1
- 230000001788 irregular Effects 0.000 description 1
- 238000010801 machine learning Methods 0.000 description 1
- 230000005055 memory storage Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 238000003825 pressing Methods 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 230000006641 stabilisation Effects 0.000 description 1
- 238000011105 stabilization Methods 0.000 description 1
- 230000008685 targeting Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/36—Software reuse
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本公开提供了一种页面创建方法、装置、电子设备及存储介质,属于计算机技术领域。方法包括:显示第一创建界面和第二创建界面,第一创建界面用于设置待创建的目标页面的业务功能,第二创建界面用于编辑目标页面的指令信息,指令信息用于实现目标页面的业务功能;基于在第一创建界面中检测到的功能添加操作,在第一创建界面中显示多个区块,区块用于展示业务功能;基于在第一创建界面中检测到的指令复制操作,在第二创建界面中显示指令复制操作指示的目标区块的指令信息,目标区块的指令信息用于实现目标区块的业务功能;基于在第二创建界面中检测到的页面生成操作,显示目标页面,目标页面用于实现多个业务功能。该方法能够提高创建页面的效率。
Description
技术领域
本公开涉及计算机技术领域,特别涉及一种页面创建方法、装置、电子设备及存储介质。
背景技术
前端开发是创建网站或应用程序的前端页面呈现给用户的过程。前端页面的开发过程一般如下:先由设计师对前端页面进行设计,并将设计图提供给开发人员,开发人员对该设计图进行分析,编写对应的后台代码,通过该后台代码呈现前端页面。
相关技术中,每次创建一个新的前端页面,开发人员都会重新编写后台代码,实现从无到有的开发。即使某些组件高度相似,每次也都需要重新开发,从而导致创建前端页面的效率低下。
发明内容
本公开提供一种页面创建方法、装置、电子设备及存储介质,能够提高创建页面的效率。本公开的技术方案如下:
根据本公开实施例的第一方面,提供一种页面创建方法,包括:
显示第一创建界面和第二创建界面,所述第一创建界面用于设置待创建的目标页面的业务功能,所述第二创建界面用于编辑所述目标页面的指令信息,所述指令信息用于实现所述目标页面的业务功能;
基于在所述第一创建界面中检测到的功能添加操作,在所述第一创建界面中显示多个区块,所述区块用于展示业务功能;
基于在所述第一创建界面中检测到的指令复制操作,在所述第二创建界面中显示所述指令复制操作指示的目标区块的指令信息,所述目标区块的指令信息用于实现所述目标区块的业务功能;
基于在所述第二创建界面中检测到的页面生成操作,显示所述目标页面,所述目标页面用于实现多个业务功能。
根据本公开实施例的另一方面,提供一种页面创建装置,包括:
第一显示单元,被配置为执行显示第一创建界面和第二创建界面,所述第一创建界面用于设置待创建的目标页面的业务功能,所述第二创建界面用于编辑所述目标页面的指令信息;
第二显示单元,被配置为执行基于在所述第一创建界面中检测到的功能添加操作,在所述第一创建界面中显示多个区块,所述区块用于展示业务功能;
第三显示单元,被配置为执行基于在所述第一创建界面中检测到的指令复制操作,在所述第二创建界面中显示所述指令复制操作指示的目标区块的指令信息,所述目标区块的指令信息用于实现所述目标区块的业务功能;
第四显示单元,被配置为执行基于在所述第二创建界面中检测到的页面生成操作,显示所述目标页面,所述目标页面用于实现多个业务功能。
在一些实施例中,所述第二显示单元,包括:
第一显示子单元,被配置为执行响应于对所述第一创建界面中的区块控件的触发操作,在所述第一创建界面的内容显示区域显示区块页面,所述区块页面显示有待添加的多个区块;
第二显示子单元,被配置为执行响应于对至少一个区块的添加操作,在所述第一创建界面的内容显示区域显示预览页面,所述预览页面显示有已添加的所述多个区块。
在一些实施例中,所述装置还包括:
第五显示单元,被配置为执行对于所述第一创建界面中显示的任一区块,在所述区块被选中的情况下,响应于对所述第一创建界面中的组件控件的触发操作,在所述第一创建界面的内容显示区域显示组件页面,所述组件页面显示有待添加的多个组件,所述组件用于实现业务功能中的子功能;
第六显示单元,被配置为执行响应于对至少一个组件的添加操作,在所述区块中显示所述至少一个组件,在所述区块的指令信息中添加所述至少一个组件的指令信息。
在一些实施例中,所述装置还包括:
第一更新单元,被配置为执行对于任一区块,响应于对所述区块中任一组件的移动操作,更新所述组件在所述区块中显示的位置,更新所述组件的指令信息在所述区块的指令信息中的位置;或者,
删除单元,被配置为执行响应于对所述区块中任一组件的删除操作,从所述区块中移除所述组件,从所述区块的指令信息中删除所述组件的指令信息;或者,
修改单元,被配置为执行响应于对所述区块中任一组件的修改操作,根据所述修改操作,在所述区块的指令信息中对应修改所述组件的指令信息。
在一些实施例中,所述第三显示单元,包括:
设置子单元,被配置为执行响应于对所述第一创建界面中区块标记控件的触发操作,将所述多个区块设置为可选择状态;
第三显示子单元,被配置为执行响应于对至少一个区块的选中操作,在所述第一创建界面中显示被选中的所述目标区块的复制控件;
第四显示子单元,被配置为执行响应于对所述复制控件的触发操作,在所述第二创建界面中显示所述目标区块的指令信息。
在一些实施例中,所述第四显示子单元,被配置为执行响应于对所述复制控件的触发操作,获取所述目标区块的指令信息;在所述第二创建界面中显示提示信息,所述提示信息用于提示是否将所述目标区块的指令信息复制到所述第二创建界面中;响应于对所述提示信息的确认操作,在所述第二创建界面显示所述目标区块的指令信息。
在一些实施例中,所述装置还包括:
第一获取单元,被配置为执行响应于对所述复制控件触发操作,获取所述目标区块的源文件,所述源文件包括用于实现所述目标区块所展示的业务功能所需的素材;
复制单元,被配置为执行响应于对所述提示信息的确认操作,将所述源文件复制到目标路径,所述目标路径与所述目标区块的指令信息对应。
在一些实施例中,所述装置还包括:
第七显示单元,被配置为执行在所述第一创建界面中显示所述目标区块的区块详情控件;
第八显示单元,被配置为执行响应于对所述区块详情控件的触发操作,显示所述目标区块的应用程序接口的信息。
在一些实施例中,所述装置还包括:
第九显示单元,被配置为执行在所述第一创建界面中的层级显示区域,显示多个页面层级控件,所述页面层级控件用于编辑不同层级的页面;
第十显示单元,被配置为执行响应于对所述目标页面的页面层级控件的触发操作,在所述第一创建界面的内容显示区域显示所述目标页面的多个区块。
在一些实施例中,所述装置还包括:
创建单元,被配置为执行基于指令编辑操作,创建区块;
第二获取单元,被配置为执行对所述区块进行依赖分析,获取实现所述区块对应的业务功能所依赖的函数库;
封装单元,被配置为执行对所述区块和所述函数库进行封装,封装后的区块用于添加到所述第一创建界面中。
在一些实施例中,所述装置还包括:
构建单元,被配置为执行基于所述区块对应的素材,构建源文件;
建立单元,被配置为执行建立所述区块与所述源文件之间的对应关系。
在一些实施例中,所述装置还包括:
第二更新单元,被配置为执行基于指令编辑操作,更新所述区块;
第三更新单元,被配置为执行基于更新后的区块,更新所述区块的版本信息;
上传单元,被配置为执行上传所述更新后的区块和所述更新后的版本信息。
根据本公开实施例的另一方面,提供一种电子设备,该电子设备包括:
一个或多个处理器;
用于存储该处理器可执行程序代码的存储器;
其中,该处理器被配置为执行该程序代码,以实现上述页面创建方法。
根据本公开实施例的另一方面,提供一种计算机可读存储介质,当该计算机可读存储介质中的程序代码由电子设备的处理器执行时,使得电子设备能够执行上述页面创建方法。
根据本公开实施例的另一方面,提供了一种计算机程序产品,包括计算机程序/指令,该计算机程序/指令被处理器执行时实现上述页面创建方法。
本公开实施例提供了一种页面创建方法,在创建目标页面过程中,只需在第一创建界面添加所需业务功能对应的区块,就能够将实现该业务功能的区块的指令信息复制到第二创建界面中去,从而在第二创建界面中无需重新编写实现业务功能的指令信息,即可在创建的目标页面中实现对应的业务功能,进而提高了创建页面的效率。
应当理解的是,以上的一般描述和后文的细节描述是示例性和解释性的,并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理,并不构成对本公开的不当限定。
图1是根据一示例性实施例示出的一种页面创建方法的实施环境示意图。
图2是根据一示例性实施例示出的一种页面创建方法的流程图。
图3是根据一示例性实施例示出的另一种页面创建方法的流程图。
图4是根据一示例性实施例示出的一种第一创建界面的示意图。
图5是根据一示例性实施例示出的在第一创建界面添加区块的示意图。
图6是根据一示例性实施例示出的在第一创建界面添加组件的示意图。
图7是根据一示例性实施例示出的另一种第一创建界面的示意图。
图8是根据一示例性实施例示出的另一种第一创建界面的示意图。
图9是根据一示例性实施例示出的另一种第一创建界面的示意图。
图10是根据一示例性实施例示出的一种创建页面的示意图。
图11是根据一示例性实施例示出的另一种创建页面的示意图。
图12是根据一示例性实施例示出的一种页面创建装置框图。
图13是根据一示例性实施例示出的另一种页面创建装置框图。
图14是根据一示例性实施例示出的一种终端的框图。
图15是根据一示例性实施例示出的一种服务器的框图。
具体实施方式
为了使本领域普通人员更好地理解本公开的技术方案,下面将结合附图,对本公开实施例中的技术方案进行清楚、完整地描述。
需要说明的是,本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反,它们是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
需要说明的是,本公开所涉及的信息(包括但不限于用户设备信息、用户个人信息等)、数据(包括但不限于用于分析的数据、存储的数据、展示的数据等)以及信号,均为经用户授权或者经过各方充分授权的,且相关数据的收集、使用和处理需要遵守相关国家和地区的相关法律法规和标准。例如,本公开中涉及到的用于实现业务功能所需的素材都是在充分授权的情况下获取的。
电子设备可以被提供为终端或者服务器,当电子设备被提供为终端时,可以由该终端实现页面创建方法所执行的操作;当被提供为服务器时,可以由该服务器实现页面创建方法所执行的操作;也可以由该服务器和终端交互来实现页面创建方法所执行的操作,终端接收服务器发送的封装后的区块,通过该封装后的区块创建页面。
图1是根据一示例性实施例示出的一种页面创建方法的实施环境示意图。以电子设备被提供为服务器为例,参见图1,该实施环境包括:终端101和服务器102。
终端101为智能手机、智能手表、台式电脑、手提电脑、MP3播放器、MP4播放器和膝上型便携计算机等设备中的至少一种。终端101上安装并运行有应用程序,用户能够通过终端101登录该应用程序来获取该应用程序提供的服务。终端101能够通过无线网络或有线网络与服务器102相连,进而能够接收服务器102发送的封装后的区块。
终端101泛指多个终端中的一个,本实施例以终端101来举例说明。本领域技术人员可以知晓,上述终端的数量可以更多或更少。比如上述终端为几个,或者上述终端为几十个或几百个,或者更多数量,本公开实施例对终端的数量和设备类型均不加以限定。
服务器102为一台服务器、多台服务器、云计算平台和虚拟化中心中的至少一种。服务器102能够通过无线网络或有线网络与终端101和其他终端相连,服务器102能够向终端101发送封装后的区块,以便终端101能够基于封装后的区块创建页面。在一些实施例中,上述服务器的数量可以更多或更少,本公开实施例对此不加以限定。当然,服务器102还包括其他功能服务器,以便提供更全面且多样化的服务。
图2是根据一示例性实施例示出的一种页面创建方法的流程图,参见图2,该页面创建方法应用于终端中,包括以下步骤:
在步骤S201中,终端显示第一创建界面和第二创建界面,该第一创建界面用于设置待创建的目标页面的业务功能,该第二创建界面用于编辑目标页面的指令信息,该指令信息用于实现该目标页面的业务功能。
在本公开实施例中,该终端为图1所示的终端101,该终端101安装有至少两个开发客户端。终端101安装的开发客户端包括第一开发客户端和第二开发客户端。在创建该目标页面的过程中,该第一开发客户端包括第一创建界面,终端能够基于该第一创建界面为目标页面设置业务功能。该第二开发客户端包括第二创建界面,终端能够基于该第二创建界面中的指令信息生成目标页面。换而言之,开发人员能够在第一创建界面中设置目标页面中的业务功能,然后在该第二创建界面上基于实现上述业务功能的指令信息创建目标页面,使得该目标页面能够实现多个业务功能。其中,该指令信息包括程序代码、函数库以及程序参数中的至少一种。业务功能可以是广告投放场景中的计划设置功能、购物场景中的购物车功能或者多媒体场景中的评论功能等,本公开实施例对此不加以限定。
例如,待创建的目标页面是用于广告投放场景的页面,终端基于第一创建界面为该目标页面设置业务功能,该业务功能包括业务目标和计划设置等功能。第二创建界面显示有构成目标页面的部分指令信息,该部分指令信息不包括实现上述业务目标和计划设置等业务功能的指令信息。或者,该目标页面是用于购物场景中的页面,终端基于第一创建页面为该目标页面设置业务功能,该业务功能包括物品上架、物品信息编辑以及购物车等功能。
在步骤S202中,终端基于在第一创建界面中检测到的功能添加操作,在该第一创建界面中显示多个区块,该区块用于展示业务功能。
在本公开实施例中,不同的区块用于展示不同的业务功能。开发人员能够基于待创建的目标页面所需的功能,在第一创建界面中添加所需功能对应的区块。响应于功能添加操作,终端能够添加多个区块,并将已添加的多个区块显示在第一创建界面中。
在步骤S203中,终端基于在第一创建界面中检测到的指令复制操作,在第二创建界面中显示指令复制操作指示的目标区块的指令信息,该目标区块的指令信息用于实现目标区块的业务功能。
在本公开实施例中,终端在检测到指令复制操作时,能够将第一创建界面中目标区块的指令复制到第二创建界面中,在第二创建界面上显示该目标区块的指令信息。其中,该目标区块为一个区块或者多个区块。在该目标区块为多个区块时,终端能够将该多个区块的指令信息同时复制到第二创建界面中,在第二创建界面上显示该多个区块的指令信息。该多个区块的指令信息能够实现不同的业务功能。
在步骤S204中,终端基于在第二创建界面中检测到的页面生成操作,显示目标页面,该目标页面用于实现多个业务功能。
在本公开实施例中,第二创建界面中显示有页面生成控件,响应与对该页面生成控件的触发操作,终端基于第二创建界面上的指令信息生成该目标页面。该目标页面能够实现多个业务功能。终端能够将生成的目标页面显示给目标用户,使得目标用户能够通过该目标页面开展业务。
本公开实施例提供的方案,在创建目标页面过程中,只需在第一创建界面添加所需业务功能对应的区块,就能够将实现该业务功能的指令信息复制到第二创建界面中去,从而在第二创建界面中无需重新编写实现业务功能的指令信息,即可在创建的目标页面中实现对应的业务功能,进而提高了创建页面的效率。
在一些实施例中,基于在第一创建界面中检测到的功能添加操作,在该第一创建界面中显示多个区块,包括:
响应于对该第一创建界面中的区块控件的触发操作,在该第一创建界面的内容显示区域显示区块页面,该区块页面显示有待添加的多个区块;
响应于对至少一个区块的添加操作,在该第一创建界面的内容显示区域显示预览页面,该预览页面显示有已添加的多个区块。
本公开实施例提供的方案,通过触发区块控件显示区块页面,能够从该区块页面中选择区块进行添加,通过在预览页面中显示已添加的区块,使得用户能够方便快捷的预览已添加的业务功能,人机交互效率高。
在一些实施例中,方法还包括:
对于该第一创建界面中显示的任一区块,在该区块被选中的情况下,响应于对该第一创建界面中的组件控件的触发操作,在该第一创建界面的内容显示区域显示组件页面,该组件页面显示有待添加的多个组件,该组件用于实现业务功能中的子功能;
响应于对至少一个组件的添加操作,在该区块中显示至少一个组件,在该区块的指令信息中添加至少一个组件的指令信息。
本公开实施例提供的方案,通过触发组件控件显示组件页面,能够在区块中添加用于实现业务功能中的子功能的组件,使得该区块能够展示更多的子功能,从而基于该区块创建的目标页面能够用于实现多个子功能,添加操作简单便捷,人机交互效率高。
在一些实施例中,方法还包括:
对于任一区块,响应于对该区块中任一组件的移动操作,更新该组件在该区块中显示的位置,更新该组件的指令信息在该区块的指令信息中的位置;或者,
响应于对该区块中任一组件的删除操作,从该区块中移除组件,从该区块的指令信息中删除该组件的指令信息;或者,
响应于对该区块中任一组件的修改操作,根据修改操作,在该区块的指令信息中对应修改该组件的指令信息。
本公开实施例提供的方案,在预览页面通过移动、删除或者修改等方式来调整区块中的组件,使得在调整组件的同时能够直接调整该组件的指令信息在区块的指令信息中的位置,操作简单快捷,人机交互效率高。
在一些实施例中,基于在第一创建界面中检测到的指令复制操作,在第二创建界面中显示指令复制操作指示的目标区块的指令信息,包括:
响应于对该第一创建界面中区块标记控件的触发操作,将多个区块设置为可选择状态;
响应于对至少一个区块的选中操作,在该第一创建界面中显示被选中的目标区块的复制控件;
响应于对该复制控件的触发操作,在该第二创建界面中显示该目标区块的指令信息。
本公开实施例提供的方案,只需在第一创建界面添加所需业务功能对应的区块,就能够将实现该业务功能的指令信息复制到第二创建界面中去,操作简单,无需重新编写实现业务功能的指令信息,即可在创建的目标页面中实现对应的业务功能,提高了创建页面的效率。
在一些实施例中,响应于对该复制控件的触发操作,在该第二创建界面中显示目标区块的指令信息,包括:
响应于对该复制控件的触发操作,获取该目标区块的指令信息;
在该第二创建界面中显示提示信息,该提示信息用于提示是否将目标区块的指令信息复制到第二创建界面中;
响应于对该提示信息的确认操作,在该第二创建界面显示该目标区块的指令信息。
本公开实施例提供的方案,通过提供提示信息,使得用户需要进行二次确认,才能将目标区块的指令信息从第一创建界面复制到第二创建界面,从而能够避免用户误操作导致指令信息复制后影响第二创建界面中原有的指令信息,不仅能够提高复制指令信息的准确率,还能够提高创建页面的效率。
在一些实施例中,方法还包括:
响应于对该复制控件触发操作,获取该目标区块的源文件,该源文件包括用于实现该目标区块所展示的业务功能所需的素材;
响应于对该提示信息的确认操作,将该源文件复制到目标路径,该目标路径与该目标区块的指令信息对应。
本公开实施例提供的方案,由于该目标路径与该目标区块的指令信息对应,通过将源文件复制到目标路径,使得在基于区块的指令信息创建目标页面时,能够获取该源文件,为目标页面提供实现业务功能所需的素材,能够通过创建页面的效率。
在一些实施例中,方法还包括:
在该第一创建界面中显示该目标区块的区块详情控件;
响应于对该区块详情控件的触发操作,显示该目标区块的应用程序接口的信息。
本公开实施例提供的方案,通过在第一创建界面显示目标区块的应用程序接口的信息,使得用户能够直观的了解到目标区块的应用程序接口,提高了基于该目标区块创建目标页面的效率。
在一些实施例中,方法还包括:
在该第一创建界面中的层级显示区域,显示多个页面层级控件,该页面层级控件用于编辑不同层级的页面;
响应于对该目标页面的页面层级控件的触发操作,在该第一创建界面的内容显示区域显示目标页面的多个区块。
本公开实施例提供的方案,通过在第一创建界面中显示多个页面层级控件,使得通过多个层级控件能够创建不同层级的目标页面,从而能够提高目标页面的多样性,提高人机交互效率。
在一些实施例中,方法还包括:
基于指令编辑操作,创建区块;
对该区块进行依赖分析,获取实现该区块对应的业务功能所依赖的函数库;
对该区块和该函数库进行封装,封装后的区块用于添加到第一创建界面中。
本公开实施例提供的方案,通过预先构建区块,封装区块与所依赖的函数库,使得在基于第一创建界面创建目标页面时,能够直接获取已封装的区块,无需再根据目标页面所需要的业务功能重新编写指令信息,从而能够提高创建页面的效率。
在一些实施例中,方法还包括:
基于该区块对应的素材,构建源文件;
建立该区块与该源文件之间的对应关系。
本公开实施例提供的方案,由于在创建页面过程中需要能够实现业务功能所需的素材,在创建页面之前基于区块对应的素材,构建源文件,并建立区块与源文件之间的对应关系,使得在创建页面过程中能够直接获取源文件,从而能够提高创建页面的效率。
在一些实施例中,方法还包括:
基于指令编辑操作,更新该区块;
基于更新后的区块,更新区块的版本信息;
上传更新后的区块和更新后的版本信息。
本公开实施例提供的方案,终端能够更新区块及对应的版本信息,使得在创建页面过程中能够获取最新版本的区块,或者能够根据自身需求获取对应版本的区块,提高了创建页面的效率。
上述图2所示为本公开的基本流程,下面基于一种实现方式,来对本公开提供的方案进行进一步阐述,图3是根据一示例性实施例示出的另一种页面创建方法的流程图。以电子设备被提供为终端为例,参见图3,该方法包括:
在步骤S301中,终端创建区块,该区块用于添加到第一创建界面中展示业务功能。
在本公开实施例中,在创建页面之前,终端基于实现通用的业务功能的指令信息来创建区块,该区块用于添加到第一创建界面中展示通用的业务功能。终端在创建用于实现该业务功能的页面时,能够在第一创建界面中直接添加该区块,以实现该页面的创建。相应的,终端创建区块的过程为:终端基于指令编辑操作,创建区块。然后,终端对该区块进行依赖分析,获取实现该区块对应的业务功能所依赖的函数库。然后,终端对该区块和该函数库进行封装,封装后的区块用于添加到第一创建界面中展示该业务功能。本公开实施例提供的方案,终端通过预先创建展示通用的业务功能的区块,使得终端在基于第一创建界面创建用于实现该通用的业务功能的页面时,能够直接获取封装后的区块,无需重新编写实现该业务功能的指令信息,即可在创建的目标页面中实现对应的业务功能,进而提高了创建页面的效率。
需要说明的是,实现业务功能不仅需要指令信息,还需要素材,因此每个区块都有对应的素材。该素材为视频、图片或者文字等,本公开实施例对此不加以限定。由于页面由区块的指令信息和区块对应的素材创建而成。终端基于区块对应的素材,构建源文件;建立区块与源文件之间的对应关系。其中,源文件包括用于实现该区块所展示的业务功能所需的素材。本公开实施例提供的方案,终端预先构建源文件,并且建立区块与源文件之间的对应关系,使得在创建页面的过程中,能够基于区块与源文件之间的对应关系,在获取区块时同时获取对应的源文件,从而提高创建页面的效率。
需要说明的是,创建完成的区块并不是一成不变的,随着技术的发展或者功能的改进,终端能够不断地更新区块。相应的,终端更新区块的过程为:终端基于指令编辑操作,更新区块;基于更新后的区块,更新区块的版本信息;上传更新后的区块和更新后的版本信息。创建页面的开发人员能够根据自身需求,获取对应版本的区块。本公开实施例提供的方案,终端能够更新区块及对应的版本信息,使得在创建页面过程中能够获取最新版本的区块,或者能够根据自身需求获取对应版本的区块,不仅能够对创建的页面进行更新,也能够满足创建页面的开发人员的需求。
例如,首先,开发人员针对于通用的业务功能,在终端上编辑用于实现该通用的业务功能的指令信息。终端基于指令编辑操作创建区块。然后终端通过抽象语法树对该区块进行依赖分析,获取实现该区块对应的业务功能所依赖的函数库;对该区块和该函数库进行封装,并将封装后的区块存放在物料库中。其中,该物料库是一个分布式版本控制***,能够存储多个区块。或者,终端通过抽象语法树对该区块进行依赖分析,确定该区块已被更新,从而更新该区块的版本信息。终端将更新后的区块和更新后的版本信息上传到内容分发网络。在创建页面过程中,开发人员能够从物料库中获取封装后的区块,或者从内容分发网络获取封装后的区块。
在一些实施例中,该第一创建界面为营销用户界面平台中的界面,该营销用户界面平台用于解决一些业务线的通用的业务功能对应的指令信息相似度极高的问题,能够实现节省设计和前端的人力成本,实现降本提效的目的,满足了业务的快速迭代的诉求。终端能够将创建完成的区块添加到该营销用户界面平台中,基于该营销用户界面平台创建用于实现多个业务功能的页面。
以开展目标业务为例,该目标业务可以为购物场景中的业务、广告投放场景中的业务、信息流场景中的业务或者多媒体场景中的业务。营销用户界面平台具备了创编流程框架、定向功能框架、创意制作框架、报表框架等一系列的功能模版。其中,创编流程框架用于对开展目标业务过程中涉及的功能进行设置;定向功能框架用于对目标业务的业务渠道进行设置;创意制作框架用于对目标业务中业务素材的制作所涉及的业务功能进行设置;报表框架用于对目标业务中所涉及的各项数据、功能以报表的形式进行显示。开发人员能够先通过创编流程框架设置目标业务所涉及的多个业务功能。这多个业务功能中存在创建业务的功能。然后开发人员能够通过创意制作框架对创建目标业务所涉及的业务功能进行设置。然后开发人员能够基于定向功能框架对目标业务的业务渠道所涉及到的业务功能进行设置。另外,开发人员还能够基于报表框架对涉及数据展示的业务功能进行设置。
在步骤S302中,终端显示第一创建界面和第二创建界面,该第一创建界面用于设置待创建的目标页面的业务功能,该第二创建界面用于编辑目标页面的指令信息,该指令信息用于实现该目标页面的业务功能。
在本公开实施例中,终端通过该营销用户界面平台显示第一创建界面,基于该第一创建界面为待创建的目标页面设置至少一个业务功能。终端基于为目标页面的设置的业务功能,在第二创建界面显示业务功能对应的指令信息,基于该指令信息创建目标页面,使得该目标页面能够实现多个业务功能。
其中,第一创建界面包括首页控件、预览控件、组件控件、区块控件以及内容显示区域。其中,该首页控件用于被触发后在第一创建界面的内容显示区域显示首页,该首页用于创建空白页面以及设置页面的层级。该预览控件用于被触发后在第一创建界面的内容显示区域显示预览页面,该预览页面中显示有当前页面已添加的多个区块。该组件控件用于被触发后在第一创建界面的内容显示区域显示组件页面,该组件页面显示有待添加的多个组件,终端可通过该组件页面为区块添加组件。该区块控件用于被触发后在第一创建界面的内容显示区域显示区块页面,该区块页面显示有待添加的多个区块,该区块用于展示业务功能。该内容显示区域用于显示控件触发后的页面。第一创建界面还包括区块标记控件,该区块标记控件用于标记被选中的目标区块。第一创建界面还包括多个页面层级控件,该页面层级控件用于编辑不同层级的页面。
例如,图4是根据一示例性实施例示出的一种第一创建界面的示意图。参见图4,该第一创建界面的顶部显示有首页控件、预览控件、组件控件以及区块控件。上述四个控件的下方区域为内容显示区域。该第一创建界面的左上方显示有区块标记控件。该第一创建界面的左侧显示有第一层级控件、第二层级控件以及第三层级控件。其中,基于第二层级控件对应的页面是第一层级控件对应页面的下级页面,第三层级控件对应的页面是第二层级控件对应的页面的下级页面。
其中,第二创建界面包括指令信息的显示区域和页面生成控件。该指令信息的显示区域用于显示复制到该第二创建界面中的目标区块的指令信息。开发人员能够通过该指令信息的显示区域,对该目标区块的指令信息进行编辑、删除或者修改等。该页面生成控件用于被触发后基于目标区块的指令信息生成目标页面。
在步骤S303中,响应于对第一创建界面中的区块控件的触发操作,终端在第一创建界面的内容显示区域显示区块页面,该区块页面显示有待添加的多个区块。
在本公开实施例中,响应于对区块控件的触发操作,终端在第一创建界面的内容显示区域显示区块页面。该区块页面显示有待添加的多个区块,每个区块都对应一个业务功能,开发人员能够基于待创建的目标页面的业务功能,在区块页面的多个区块中选择所需的区块。
在一些实施例中,待添加的多个区块按照应用场景,分别显示在区块页面中的不同区域。本公开实施例提供的方案,通过根据区块的业务功能的应用场景,来划分待添加的多个区块,使得在创建页面的过程中,能够基于所需的区块的应用场景,快速找到该区块,从而能够提高创建页面的效率和人机交互效率。
例如,第一区块和第二区块应用于广告投放场景,显示在区块页面中的左上方区域。第三区块应用于购物场景,显示在区块页面中的右上方区域。第四区块和第五区块应用于多媒体场景,显示在区块页面中的右下方区域等。在创建广告投放相关的页面时,能够直接在区块页面中的左上方区域查找实现相关业务功能的区块。
在一些实施例中,待添加的多个区块按照业务功能,分别显示在区块页面中的不同区域。本公开实施例提供的方案,通过根据区块的业务功能,来划分待添加的多个区块,使得在创建页面的过程中,能够基于所需的区块的业务功能,快速找到该区块,从而能够提高创建页面的效率和人机交互效率。
例如,第一区块和第二区块都能用于实现计划设置功能,显示在区块页面中的左上方区域。第三区块应用于实现显示功能,显示在区块页面中的右上方区域。第四区块和第五区块应用于实现语音功能,显示在区块页面中的右下方区域等。在创建带有语音功能的页面时,能够直接在区块页面中的右下方区域查找实现语音功能的区块。
在步骤S304中,响应于对至少一个区块的添加操作,终端在第一创建界面的内容显示区域显示预览页面,该预览页面显示有已添加的多个区块。
在本公开实施例中,区块页面中包括添加控件,响应于对该添加控件的触发操作,终端为当前页面添加至少一个区块。
在一些实施例中,该区块页面包括一个添加控件,终端检测到该区块页面中至少一个区块被选中时,响应于对该添加控件的触发操作,在当前页面添加至少一个区块。该添加控件能够显示在该区块页面的顶部、底部或者左侧区域等,本公开实施例对此不加以限定。本公开实施例提供的方案,通过提供添加控件,使得开发人员能够一次添加多个区块,操作简单快捷,基于添加的多个区块创建页面,能够提高创建页面的效率和人机交互效率。
在一些实施例中,该区块页面包括多个添加控件,即每个区块对应一个添加控件。对于任一区块,终端响应于对该区块的添加控件的触发操作,添加该区块。本公开实施例提供的方案,无需选中区块,对于所需区块可直接添加,操作简单准确率高,基于添加的区块创建页面,能够提高创建页面的效率和人机交互效率。
在本公开实施例中,开发人员能够通过预览页面来预览当前页面已添加的区块,响应于对预览控件的触发操作,终端将第一创建界面的内容显示区域由区块页面转换为预览页面,显示多个已添加的区块。
例如,图5是根据一示例性实施例示出的一种在第一创建界面添加区块的示意图。参见图5,该第一创建界面的内容显示区域中显示有预览页面,该预览页面中显示有两个已添加的区块,分别为业务目标区块和计划设置区块。
需要说明的是,区块页面中的待添加的多个区块能够预先包括至少一个组件或者不包括组件。若区块包括组件,则终端在添加区块的过程中,同时添加该区块中的组件。终端将添加的区块以及该区块包括的组件显示在预览页面中,该区块包括的组件显示在该区块中。
需要说明的是,开发人员还能够在预览页面上对区块进行调整,可以分为以下三种情况,包括:第一种情况,响应于对任一区块的移动操作,终端更新该区块在预览页面中显示的位置;第二种情况,响应于对任一区块的删除操作,终端从预览页面中移除该区块;第三种情况,响应于对任一区块的修改操作,终端根据修改操作,修改该区块在预览页面的显示样式。该修改操作可以是对区块的显示尺寸的修改、对区块显示颜色修改或者对区块名称的修改等,本公开实施例对此不加以限定。
在步骤S305中,对于第一创建界面中显示的任一区块,在该区块被选中的情况下,响应于对第一创建界面中的组件控件的触发操作,终端在第一创建界面的内容显示区域显示组件页面,该组件页面显示有待添加的多个组件,该组件用于实现业务功能中的子功能。
在本公开实施例中,终端可通过该组件页面为区块添加组件,即在创建页面过程中,终端能够为该区块对应的业务功能添加子功能。对于预览页面中显示的任一区块,在该区块被选中的情况下,响应于对组件控件的触发操作,终端在内容显示区域显示组件页面。该组件页面显示的多个组件可以是用于实现目标页面对应业务的业务功能中的所有子功能的组件,也可以是用于实现被选中区块对应的业务功能中的所有子功能的组件,本公开实施例对此不加以限定。
在一些实施例中,待添加的多个组件按照应用场景,分别显示在组件页面中的不同区域。本公开实施例提供的方案,通过根据组件的应用场景,来划分待添加的多个组件,使得在基于组件创建页面的过程中,能够基于所需的组件的应用场景,快速找到该组件,从而能够提高创建页面的效率和人机交互效率。
例如,第一组件和第二组件应用于广告投放场景,显示在组件页面中的左上方区域。第三组件应用于购物场景,显示在组件页面中的右上方区域。第四组件和第五组件应用于多媒体场景,显示在组件页面中的右下方区域等。在创建广告投放相关的页面时,能够直接在组件页面中的左上方区域查找实现相关业务功能的子功能的组件。
在一些实施例中,待添加的多个组件按照实现的子功能,分别显示在组件页面中的不同区域。本公开实施例提供的方案,通过根据组件实现的子功能,来划分待添加的多个组件,使得在基于组件创建页面的过程中,能够基于所需的组件实现的子功能,快速找到该组件,从而能够提高创建页面的效率和人机交互效率。
例如,第一组件和第二组件都能用于实现计划设置功能中的子功能,显示在组件页面中的左上方区域。第三组件应用于实现显示功能中的子功能,显示在组件页面中的右上方区域。第四组件和第五组件应用于实现语音功能中的子功能,显示在组件页面中的右下方区域等。在创建带有语音功能的页面时,能够直接在组件页面中的右下方区域查找实现语音功能中的子功能的组件。
在步骤S306中,响应于对至少一个组件的添加操作,终端在区块中显示至少一个组件,在区块的指令信息中添加至少一个组件的指令信息。
在本公开实施例中,组件页面中包括添加控件,响应于对该添加控件的触发操作,终端为组件添加至少一个组件。终端在预览页面选中的区块中显示添加的至少一个区块,在选中的区块的指令信息中添加至少一个区块的指令信息。
在一些实施例中,该组件页面包括一个添加控件,终端检测到该组件页面中至少一个组件被选中,响应于对该添加控件的触发操作,在被选中的区块中添加至少一个组件。该添加控件能够显示在该组件页面的顶部、底部或者左侧区域等,本公开实施例对此不加以限定。本公开实施例提供的方案,操作简单,能够一次添加多个组件,基于添加的多个组件创建页面,能够提高创建页面的效率和人机交互效率。
在一些实施例中,该组件页面包括多个添加控件,即每个组件对应一个添加控件。对于任一组件,终端响应于对该组件的添加控件的触发操作,添加该组件。本公开实施例提供的方案,无需选中组件,对于所需组件可直接添加,操作简单且准确率高,基于添加的组件创建页面,能够提高创建页面的效率和人机交互效率。
例如,图6是根据一示例性实施例示出的在第一创建界面添加组件的示意图。参见图6,该第一创建界面显示的业务目标区块和计划设置区块中都显示有多个组件。该业务目标区块中包括目标A组件、目标B组件、目标C组件、目标D组件、目标E组件、目标F组件、目标G组件以及目标H组件等多个目标组件。不同的目标组件用于实现不同的目标。该计划设置区块包括计划预算组件和计划名称组件。计划预算组件的功能是对目标业务进行预算,包括不限预算、统一预算和分日预算三种模式。其中,统一预算指的是对目标业务的全部开销统一进行预算,分日预算指的是分天计算目标业务的开销。计划名称组件的功能是为目标业务提供输入计划名称的功能。
需要说明的是,开发人员还能够在预览页面上对区块中的组件进行调整,终端能够根据组件调整操作,对应调整组件的指令信息。终端调整组件的指令信息,可以分为以下三种情况,包括:
第一种情况,对于任一区块,响应于对区块中任一组件的移动操作,终端更新组件在区块中显示的位置,且更新组件的指令信息在区块的指令信息中的位置。
例如,继续参见图6,若将业务目标区块中的目标A组件的移动到最后的位置,则响应于该移动操作,终端在业务目标区块中的最后的位置显示该目标A组件,并且更新目标A组件的指令信息在业务目标区块的指令信息中的位置,将目标A组件的指令信息由前面移动到后面。
在一些实施例中,响应于对区块中任一组件的移动操作,该区块中的所有组件变为可移动状态。在可移动状态下,移动该组件,其他组件的位置也相应的发生变化。终端更新所有组件在该区块中的位置,且更新每个组件的指令信息在该区块的指令信息中的位置。
在一些实施例中,响应于对区块中任一组件的移动操作,该组件变为可移动状态,其他组件依旧是不可移动的状态。在可移动状态下,移动该组件,其他组件的位置不变。终端更新该组件在该区块中的位置,且更新该组件的指令信息在该区块的指令信息中的位置。
第二种情况,响应于对区块中任一组件的删除操作,终端从区块中移除组件,且从区块的指令信息中删除组件的指令信息。
例如,继续参见图6,若将业务目标区块中的目标A组件删除,则响应于该删除操作,终端在业务目标区块中移除该目标A组件,不再显示该目标A组件。并且终端从业务目标区块的指令信息中删除该目标A组件的指令信息。
在一些实施例中,在删除组件之前,终端响应于对组件的按压操作,将该组件变为可删除状态,即该组件的右上方显示删除控件。响应于对该删除控件的触发操作,终端从该区块中移除该组件,且从该区块的指令信息中删除该组件的指令信息。
第三种情况,响应于对区块中任一组件的修改操作,终端根据修改操作,在区块的指令信息中对应修改组件的指令信息。该修改操作可以是对组件的显示尺寸的修改、对组件显示颜色修改或者对组件名称的修改等,本公开实施例对此不加以限定。
例如,继续参见图6,若将业务目标区块中的目标A组件的名称进行修改。则终端根据该修改操作,在业务目标区块的指令信息中修改关于该目标A的指令信息。
本公开实施例提供的方案,在预览页面通过移动、删除或者修改等方式来调整区块中的组件,使得在调整组件的同时能够直接调整该组件的指令信息在区块的指令信息中的位置,操作简单快捷,人机交互效率高。
终端在第一创建界面为目标页面设置完业务功能后,能够将实现该业务功能的目标区块的指令信息复制到第二创建界面中。然后终端在第二创建界面上,基于该目标区块的指令信息,生成该目标页面。在此过程中,终端在第一创建界面上能够显示用于复制指令信息的复制控件,从而基于该复制控件创建页面。
在步骤S307中,终端在第一创建界面中显示被选中的目标区块的复制控件。
在本公开实施例中,复制控件用于复制目标区块的指令信息。终端通过复制控件可将目标区块的指令信息复制到第二创建界面中,在第二创建界面中基于该目标区块的指令信息生成目标页面。在一些实施例中,第一创建界面包括区块标记控件,该区块标记控件用于标记被选中的目标区块,使得终端显示该目标区块的复制控件。
在一些实施例中,响应于对第一创建界面中区块标记控件的触发操作,终端将多个区块设置为可选择状态;响应于对至少一个区块的选中操作,终端在第一创建界面中显示被选中的目标区块的复制控件。
在一些实施例中,响应于对至少一个区块的选中操作,终端将第一创建界面中区块标记控件设置为可触发状态;响应于对该区块标记控件的触发操作,终端在第一创建界面中显示被选中的目标区块的复制控件。
需要说明的是,终端在显示目标区块的复制控件的同时,还会显示该目标区块的区块详情控件。该区块详情控件用于显示目标区块的应用程序接口的信息。终端在第一创建界面中显示目标区块的区块详情控件;响应于对区块详情控件的触发操作,显示目标区块的应用程序接口的信息。
例如,图7是根据一示例性实施例示出的另一种第一创建界面的示意图。参见图7,该第一创建界面的左上方显示有区块标记控件,该区块标记控件已被触发。计划设置区块为被选中的目标区块,终端在计划设置区块的上方显示复制控件和区块详情控件。终端能够通过该复制控件复制计划设置区块的指令信息,该指令信息包括计划预算组件的指令信息以及计划名称的指令信息。终端通过该区块详情控件,能够查看计划设置区块的应用程序接口。
需要说明的是,第一创建界面还显示有多个页面层级控件,终端通过这多个页面层级控件能够创建不同层级的页面。终端在第一创建界面中的层级显示区域,显示多个页面层级控件,该页面层级控件用于编辑不同层级的页面。响应于对目标页面的页面层级控件的触发操作,终端在第一创建界面的内容显示区域显示目标页面的多个区块。
例如,继续参见图7,该第一创建界面的左侧区域为层级显示区域,该区域显示有三个页面层级控件,分别是第一层级、第二层级以及第三层级。其中,第一层级对应一级页面,第二层级对应二级页面,第三层级对应三级页面。图7显示的是第一层级的页面。
下面详细介绍第一创建界面创建的第二层级的页面。例如,图8是根据一示例性实施例示出的另一种第一创建界面的示意图。参见图8,该层级的页面涉及功能A、功能B、功能C、功能D、功能E、功能F以及功能G等多个业务功能。该第一创建界面中能够显示上述多个业务功能对应的多个目标区块。由于内容显示区域的尺寸有限,无法在图8中显示出全部的目标区块。图8中示例性的示出了功能A的区块和功能B的区块。
以图8中显示的两个区块为例,对区块中存在的组件分别进行介绍。功能A的区块用于确定目标业务的渠道。该区块包括选择渠道组件,能够选择渠道a,也能够选择渠道b。功能B的区块用于确定目标业务所普及的目标应用。该区块包括多个组件。不同的组件所要实现的功能是不同的。对于任一组件,通过输入框来获得实现该组件的功能的目标对象。该组件可以是选择应用组件、直达链接组件或者关联对象组件等。其中,选择应用组件的功能是选择目标业务所普及的应用。直达链接组件的功能是建立业务链接,通过触发该链接能够直接看到目标业务的内容。关联对象组件的功能是将目标业务与选择的对象进行关联。
下面详细介绍第一创建界面创建的第三层级的页面。例如,图9是根据一示例性实施例示出的另一种第一创建界面的示意图。参见图9,该层级的页面涉及创意类型、创意制作、创意来源以及业务应用等多个业务功能。该第一创建界面中能够显示上述多个业务功能对应的多个目标区块。由于内容显示区域的尺寸有限,无法在图9中显示出全部的目标区块。图9中仅显示了创意类型区块和创意制作区块。
以图9中显示的两个区块为例,对区块中存在的组件分别进行介绍。创意类型区块包括自定义创意组件,该自定义创意组件的功能是创作业务内容时没有固定模板,能够根据自身需求随意创作。创意制作区块包括素材内容组件、素材预览组件以及XX组件等多个组件。素材内容组件的功能是创作业务内容时选择所需的素材内容,能够在本地上传素材内容,也能够选择已有的作品,还能够设置业务内容的封面。在选择素材时素材预览组件能够提供素材预览功能。XX组件可以是其他任一组件,可根据目标业务的功能需求为该目标业务添加对应的组件。本公开实施例对添加的组件的数量不加以限定。业务内容创作完成后,可在创意制作区块中的创意区域进行预览。创作的业务内容根据在终端演示的方式的不同,可分为竖版创意和横版创意。
在步骤S308中,响应于对复制控件的触发操作,终端在第二创建界面中显示目标区块的指令信息,该目标区块的指令信息用于实现目标区块的业务功能。
在本公开实施例中,目标区块的复制控件被触发后,终端复制目标区块的指令信息。该目标区块的指令信息不仅包括目标区块自身的指令信息,还包括该目标区块中添加的组件的指令信息。终端将复制的指令信息粘贴到第二创建界面,且能够在第二创建界面显示该指令信息。相应的,终端在第二创建界面显示该指令信息的过程为:响应于对复制控件的触发操作,终端获取目标区块的指令信息;在第二创建界面中显示提示信息,该提示信息用于提示是否将目标区块的指令信息复制到第二创建界面中;响应于对提示信息的确认操作,在第二创建界面显示目标区块的指令信息。本公开实施例提供的方案,通过复制控件将目标区块的指令信息,从第一创建界面复制到第二创建界面,由此基于第二创建界面生成目标页面时,无需再重新编写实现业务功能的指令信息,即可在创建的目标页面中实现对应的业务功能,进而提高了创建页面的效率。
在一些实施例中,该提示信息以信息框的形式显示在第二创建界面中,该信息框包括确定按钮控件和取消按钮控件,响应于对确定按钮的触发操作,在第二创建界面显示目标区块的指令信息。若触发取消按钮控件,则第二创建界面中不显示目标区块的指令信息。
需要说明的是,终端在创建页面过程中,不仅需要获取用于展示业务功能的目标区块,还需要获取用于实现目标区块所展示的业务功能所需的素材。响应于对复制控件触发操作,终端获取目标区块的源文件,该源文件包括用于实现目标区块所展示的业务功能所需的素材;响应于对提示信息的确认操作,终端将源文件复制到目标路径,该目标路径与目标区块的指令信息对应。终端在第二创建界面创建目标页面的过程中,基于目标区块的指令信息与目标路径的对应关系,能够通过目标区块的指令信息,获取对应的源文件。
在步骤S309中,基于在第二创建界面中检测到的页面生成操作,终端显示目标页面,该目标页面用于实现多个业务功能。
在本公开实施例中,终端检测到页面生成操作,基于源文件中的素材和目标区块的指令信息生成目标页面,且将生成的目标页面进行显示。由于该目标页面通过多个目标区块创建而来,多个目标区块用于展示不同的业务功能,因此,生成的目标页面能够实现多个业务功能。
需要说明的是,为了更加清楚地描述页面创建的过程,下面对页面创建的过程进行进一步的介绍。图10是根据一示例性实施例示出的一种创建页面的流程示意图。参加图10,图中的生产者是创建区块的开发人员,该开发人员通过编辑区块的指令信息创建区块。生产者先在终端上编辑指令信息,终端基于指令信息编辑操作创建区块。然后终端通过抽象语法树对该区块进行依赖分析,获取实现该区块对应的业务功能所依赖的函数库;对该区块和该函数库进行封装,并将封装后的区块存放在物料库中。或者,终端根据依赖分析结果,获取该区块的版本信息。终端将该区块和该区块的版本信息上传到内容分发网络。
开发人员在创建页面时,能够从物料库中获取所需的区块,实现在本地开发前端的过程,创建完成的页面在展示站点进行展示。或者,开发人员还能够从内容分发网络获取所需的区块。继续参见图10,图中消费者是创建页面的开发人员,该开发人员通过创建完成的区块去创建页面,该页面用于实现多个业务功能。消费者在创建页面过程中,可从该内容分发网络获取所需版本的区块。消费者选择自身所需的区块,终端上的插件能够检测到消费者所选择的区块。终端监听到将所选择的区块的指令信息复制到开发框架的复制操作,获取所选择的区块的版本信息,从内容分发网络获取对应版本的区块。终端通过开发框架,基于获取的区块来创建页面。若是消费者使用的终端中存在该版本的区块所依赖的函数库,则将合并依赖,即不再下载该版本的区块的函数库。若是消费者使用的终端中存在的函数库与该版本的区块所依赖的函数库有差异,则安装差异依赖,即安装有差异的函数库部分终端能够通过命令行界面下载区块和函数库。消费者基于下载的区块创建页面。创建完成的页面通过发布部署后,能够显示在展示站点。
需要说明的是,消费者在下载区块的过程中,终端能够获取自身的版本信息。终端基于自身的版本和区块的版本,判断该终端与该区块是否兼容。若该终端与该区块兼容,终端下载该区块;若该终端与该区块不兼容,终端显示提示信息。该提示信息用于提示消费者终端与区块不兼容,无法下载该区块。
需要说明的是,创建页面的过程不单单是开发人员创建页面的过程,还包括了页面设计的过程以及对创建的页面进行测试过程。例如,图11是根据一示例性实施例示出的另一种创建页面的示意图。参见图11,首先由技术人员对目标页面进行设计,将设计好的界面设计稿提供给开发人员,开发人员先对该界面设计稿的不同部分进行分析,对于该界面设计稿对应的业务功能中存在的通用的业务功能,无需重新编写该业务功能对应的指令信息,直接采用之前构建好的区块创建页面。之后对创建的页面进行测试,检测创建的页面是否与界面设计稿相符,即获取创建的页面的还原度。该方法在创建目标页面过程中,无需重新编写实现业务功能的指令信息,即可在创建的目标页面中实现对应的业务功能,减少重复开发,能够提高开发人员的开发效率。由于通用的业务功能对应的指令信息已经确定,通过该指令信息创建的页面中的部分内容相同,能够认为通用的业务功能对应的页面中的内容事先已经统一,由此能够提高页面的设计效率。
本公开实施例提供的方案,在创建目标页面过程中,只需在第一创建界面添加所需业务功能对应的区块,就能够将实现该业务功能的指令信息复制到第二创建界面中去,从而在第二创建界面中无需重新编写实现业务功能的指令信息,即可在创建的目标页面中实现对应的业务功能,进而提高了创建页面的效率。
上述所有可选技术方案,可以采用任意结合形成本公开的可选实施例,在此不再一一赘述。
图12是根据一示例性实施例示出的一种页面创建装置框图。参见图12,该装置包括:
第一显示单元1201,被配置为执行显示第一创建界面和第二创建界面,该第一创建界面用于设置待创建的目标页面的业务功能,该第二创建界面用于编辑目标页面的指令信息,该指令信息用于实现目标页面的业务功能;
第二显示单元1202,被配置为执行基于在该第一创建界面中检测到的功能添加操作,在该第一创建界面中显示多个区块,该区块用于展示业务功能;
第三显示单元1203,被配置为执行基于在该第一创建界面中检测到的指令复制操作,在该第二创建界面中显示指令复制操作指示的目标区块的指令信息,该目标区块的指令信息用于实现目标区块的业务功能;
第四显示单元1204,被配置为执行基于在该第二创建界面中检测到的页面生成操作,显示目标页面,该目标页面用于实现多个业务功能。
本公开实施例提供的装置,在创建目标页面过程中,只需在第一创建界面添加所需业务功能对应的区块,就能够将实现该业务功能的指令信息复制到第二创建界面中去,从而在第二创建界面中无需重新编写实现业务功能的指令信息,即可在创建的目标页面中实现对应的业务功能,进而提高了创建页面的效率。
在一些实施例中,图13是根据一示例性实施例示出的另一种页面创建装置框图。参见图13,该第二显示单元1202,包括:
第一显示子单元1301,被配置为执行响应于对第一创建界面中的区块控件的触发操作,在该第一创建界面的内容显示区域显示区块页面,该区块页面显示有待添加的多个区块;
第二显示子单元1302,被配置为执行响应于对至少一个区块的添加操作,在该第一创建界面的内容显示区域显示预览页面,该预览页面显示有已添加的多个区块。
在一些实施例中,该装置还包括:
第五显示单元1205,被配置为执行对于该第一创建界面中显示的任一区块,在该区块被选中的情况下,响应于对该第一创建界面中的组件控件的触发操作,在该第一创建界面的内容显示区域显示组件页面,该组件页面显示有待添加的多个组件,该组件用于实现业务功能中的子功能;
第六显示单元1206,被配置为执行响应于对至少一个组件的添加操作,在该区块中显示至少一个组件,在该区块的指令信息中添加至少一个组件的指令信息。
在一些实施例中,该装置还包括:
第一更新单元1207,被配置为执行对于任一区块,响应于对该区块中任一组件的移动操作,更新该组件在该区块中显示的位置,更新该组件的指令信息在该区块的指令信息中的位置;或者,
删除单元1208,被配置为执行响应于对区块中任一组件的删除操作,从该区块中移除组件,从该区块的指令信息中删除该组件的指令信息;或者,
修改单元1209,被配置为执行响应于对区块中任一组件的修改操作,根据修改操作,在该区块的指令信息中对应修改该组件的指令信息。
在一些实施例中,该第三显示单元1203,包括:
设置子单元1303,被配置为执行响应于对该第一创建界面中区块标记控件的触发操作,将多个区块设置为可选择状态;
第三显示子单元1304,被配置为执行响应于对至少一个区块的选中操作,在该第一创建界面中显示被选中的目标区块的复制控件;
第四显示子单元1305,被配置为执行响应于对该复制控件的触发操作,在该第二创建界面中显示该目标区块的指令信息。
在一些实施例中,该第四显示子单元1305,被配置为执行响应于对该复制控件的触发操作,获取该目标区块的指令信息;在该第二创建界面中显示提示信息,该提示信息用于提示是否将该目标区块的指令信息复制到第二创建界面中;响应于对该提示信息的确认操作,在该第二创建界面显示该目标区块的指令信息。
在一些实施例中,该装置还包括:
第一获取单元1210,被配置为执行响应于对该复制控件触发操作,获取目标区块的源文件,该源文件包括用于实现目标区块所展示的业务功能所需的素材;
复制单元1211,被配置为执行响应于对该提示信息的确认操作,将该源文件复制到目标路径,该目标路径与该目标区块的指令信息对应。
在一些实施例中,该装置还包括:
第七显示单元1212,被配置为执行在该第一创建界面中显示该目标区块的区块详情控件;
第八显示单元1213,被配置为执行响应于对该区块详情控件的触发操作,显示该目标区块的应用程序接口的信息。
在一些实施例中,该装置还包括:
第九显示单元1214,被配置为执行在该第一创建界面中的层级显示区域,显示多个页面层级控件,该页面层级控件用于编辑不同层级的页面;
第十显示单元1215,被配置为执行响应于对该目标页面的页面层级控件的触发操作,在该第一创建界面的内容显示区域显示该目标页面的多个区块。
在一些实施例中,该装置还包括:
创建单元1216,被配置为执行基于指令编辑操作,创建区块;
第二获取单元1217,被配置为执行对该区块进行依赖分析,获取实现该区块对应的业务功能所依赖的函数库;
封装单元1218,被配置为执行对该区块和该函数库进行封装,封装后的区块用于添加到第一创建界面中。
在一些实施例中,该装置还包括:
构建单元1219,被配置为执行基于区块对应的素材,构建源文件;
建立单元1220,被配置为执行建立该区块与该源文件之间的对应关系。
在一些实施例中,该装置还包括:
第二更新单元1221,被配置为执行基于指令编辑操作,更新该区块;
第三更新单元1222,被配置为执行基于更新后的区块,更新区块的版本信息;
上传单元1223,被配置为执行上传更新后的区块和更新后的版本信息。
本公开实施例提供的装置,在创建目标页面过程中,只需在第一创建界面添加所需业务功能对应的区块,就能够将实现该业务功能的指令信息复制到第二创建界面中去,从而在第二创建界面中无需重新编写实现业务功能的指令信息,即可在创建的目标页面中实现对应的业务功能,进而提高了创建页面的效率。
需要说明的是,上述实施例提供的装置在创建页面时,以上述各功能单元的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能单元完成,即将电子设备的内部结构划分成不同的功能单元,以完成以上描述的全部或者部分功能。另外,上述实施例提供的页面创建装置与页面创建方法实施例属于同一构思,其实现过程详见方法实施例,这里不再赘述。
关于上述实施例中的装置,其中各个单元执行操作的方式已经在有关该方法的实施例中进行了描述,此处将不做阐述说明。
电子设备被提供为终端时,图14是根据一示例性实施例示出的一种终端1400的框图。该终端图14示出了本公开一个示例性实施例提供的终端1400的结构框图。该终端1400可以是:智能手机、平板电脑、MP3播放器(Moving Picture Experts Group Audio LayerIII,动态影像专家压缩标准音频层面3)、MP4(Moving Picture Experts Group AudioLayer IV,动态影像专家压缩标准音频层面4)播放器、笔记本电脑或台式电脑。终端1400还可能被称为用户设备、便携式终端、膝上型终端、台式终端等其他名称。
通常,终端1400包括有:处理器1401和存储器1402。
处理器1401可以包括一个或多个处理核心,比如4核心处理器、8核心处理器等。处理器1401可以采用DSP(Digital Signal Processing,数字信号处理)、FPGA(Field-Programmable Gate Array,现场可编程门阵列)、PLA(Programmable Logic Array,可编程逻辑阵列)中的至少一种硬件形式来实现。处理器1401也可以包括主处理器和协处理器,主处理器是用于对在唤醒状态下的数据进行处理的处理器,也称CPU(Central ProcessingUnit,中央处理器);协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中,处理器1401可以在集成有GPU(Graphics Processing Unit,图像处理器),GPU用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中,处理器1401还可以包括AI(Artificial Intelligence,人工智能)处理器,该AI处理器用于处理有关机器学习的计算操作。
存储器1402可以包括一个或多个计算机可读存储介质,该计算机可读存储介质可以是非暂态的。存储器1402还可包括高速随机存取存储器,以及非易失性存储器,比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中,存储器1402中的非暂态的计算机可读存储介质用于存储至少一个程序代码,该至少一个程序代码用于被处理器1401所执行以实现本公开中方法实施例提供的页面创建方法。
在一些实施例中,终端1400还可选包括有:***设备接口1403和至少一个***设备。处理器1401、存储器1402和***设备接口1403之间可以通过总线或信号线相连。各个***设备可以通过总线、信号线或电路板与***设备接口1403相连。***设备包括:射频电路1404、显示屏1405、摄像头组件1406、音频电路1407、定位组件1408和电源1409中的至少一种。
***设备接口1403可被用于将I/O(Input/Output,输入/输出)相关的至少一个***设备连接到处理器1401和存储器1402。在一些实施例中,处理器1401、存储器1402和***设备接口1403被集成在同一芯片或电路板上;在一些其他实施例中,处理器1401、存储器1402和***设备接口1403中的任意一个或两个可以在单独的芯片或电路板上实现,本实施例对此不加以限定。
射频电路1404用于接收和发射RF(Radio Frequency,射频)信号,也称电磁信号。射频电路1404通过电磁信号与通信网络以及其他通信设备进行通信。射频电路1404将电信号转换为电磁信号进行发送,或者,将接收到的电磁信号转换为电信号。可选地,射频电路1404包括:天线***、RF收发器、一个或多个放大器、调谐器、振荡器、数字信号处理器、编解码芯片组、用户身份模块卡等等。射频电路1404可以通过至少一种无线通信协议来与其它终端进行通信。该无线通信协议包括但不限于:城域网、各代移动通信网络(2G、3G、4G及5G)、无线局域网和/或WiFi(Wireless Fidelity,无线保真)网络。在一些实施例中,射频电路1404还可以包括NFC(Near Field Communication,近距离无线通信)有关的电路,本公开对此不加以限定。
显示屏1405用于显示UI(User Interface,用户界面)。该UI可以包括图形、文本、图标、视频及其它们的任意组合。当显示屏1405是触摸显示屏时,显示屏1405还具有采集在显示屏1405的表面或表面上方的触摸信号的能力。该触摸信号可以作为控制信号输入至处理器1401进行处理。此时,显示屏1405还可以用于提供虚拟按钮和/或虚拟键盘,也称软按钮和/或软键盘。在一些实施例中,显示屏1405可以为一个,设置终端1400的前面板;在另一些实施例中,显示屏1405可以为至少两个,分别设置在终端1400的不同表面或呈折叠设计;在再一些实施例中,显示屏1405可以是柔性显示屏,设置在终端1400的弯曲表面上或折叠面上。甚至,显示屏1405还可以设置成非矩形的不规则图形,也即异形屏。显示屏1405可以采用LCD(Liquid Crystal Display,液晶显示屏)、OLED(Organic Light-Emitting Diode,有机发光二极管)等材质制备。
摄像头组件1406用于采集图像或视频。可选地,摄像头组件1406包括前置摄像头和后置摄像头。通常,前置摄像头设置在终端的前面板,后置摄像头设置在终端的背面。在一些实施例中,后置摄像头为至少两个,分别为主摄像头、景深摄像头、广角摄像头、长焦摄像头中的任意一种,以实现主摄像头和景深摄像头融合实现背景虚化功能、主摄像头和广角摄像头融合实现全景拍摄以及VR(Virtual Reality,虚拟现实)拍摄功能或者其它融合拍摄功能。在一些实施例中,摄像头组件1406还可以包括闪光灯。闪光灯可以是单色温闪光灯,也可以是双色温闪光灯。双色温闪光灯是指暖光闪光灯和冷光闪光灯的组合,可以用于不同色温下的光线补偿。
音频电路1407可以包括麦克风和扬声器。麦克风用于采集用户及环境的声波,并将声波转换为电信号输入至处理器1401进行处理,或者输入至射频电路1404以实现语音通信。出于立体声采集或降噪的目的,麦克风可以为多个,分别设置在终端1400的不同部位。麦克风还可以是阵列麦克风或全向采集型麦克风。扬声器则用于将来自处理器1401或射频电路1404的电信号转换为声波。扬声器可以是传统的薄膜扬声器,也可以是压电陶瓷扬声器。当扬声器是压电陶瓷扬声器时,不仅可以将电信号转换为人类可听见的声波,也可以将电信号转换为人类听不见的声波以进行测距等用途。在一些实施例中,音频电路1407还可以包括耳机插孔。
定位组件1408用于定位终端1400的当前地理位置,以实现导航或LBS(LocationBased Service,基于位置的服务)。定位组件1408可以是基于美国的GPS(GlobalPositioning System,全球定位***)、中国的北斗***、俄罗斯的格雷纳斯***或欧盟的伽利略***的定位组件。
电源1409用于为终端1400中的各个组件进行供电。电源1409可以是交流电、直流电、一次性电池或可充电电池。当电源1409包括可充电电池时,该可充电电池可以支持有线充电或无线充电。该可充电电池还可以用于支持快充技术。
在一些实施例中,终端1400还包括有一个或多个传感器1140。该一个或多个传感器1140包括但不限于:加速度传感器1411、陀螺仪传感器1412、压力传感器1413、指纹传感器1414、光学传感器1415以及接近传感器1416。
加速度传感器1411可以检测以终端1400建立的坐标系的三个坐标轴上的加速度大小。比如,加速度传感器1411可以用于检测重力加速度在三个坐标轴上的分量。处理器1401可以根据加速度传感器1411采集的重力加速度信号,控制显示屏1405以横向视图或纵向视图进行用户界面的显示。加速度传感器1411还可以用于游戏或者用户的运动数据的采集。
陀螺仪传感器1412可以检测终端1400的机体方向及转动角度,陀螺仪传感器1412可以与加速度传感器1411协同采集用户对终端1400的3D动作。处理器1401根据陀螺仪传感器1412采集的数据,可以实现如下功能:动作感应(比如根据用户的倾斜操作来改变UI)、拍摄时的图像稳定、游戏控制以及惯性导航。
压力传感器1413可以设置在终端1400的侧边框和/或显示屏1405的下层。当压力传感器1413设置在终端1400的侧边框时,可以检测用户对终端1400的握持信号,由处理器1401根据压力传感器1413采集的握持信号进行左右手识别或快捷操作。当压力传感器1413设置在显示屏1405的下层时,由处理器1401根据用户对显示屏1405的压力操作,实现对UI界面上的可操作性控件进行控制。可操作性控件包括按钮控件、滚动条控件、图标控件、菜单控件中的至少一种。
指纹传感器1414用于采集用户的指纹,由处理器1401根据指纹传感器1414采集到的指纹识别用户的身份,或者,由指纹传感器1414根据采集到的指纹识别用户的身份。在识别出用户的身份为可信身份时,由处理器1401授权该用户执行相关的敏感操作,该敏感操作包括解锁屏幕、查看加密信息、下载软件、支付及更改设置等。指纹传感器1414可以被设置终端1400的正面、背面或侧面。当终端1400上设置有物理按键或厂商Logo时,指纹传感器1414可以与物理按键或厂商Logo集成在一起。
光学传感器1415用于采集环境光强度。在一个实施例中,处理器1401可以根据光学传感器1415采集的环境光强度,控制显示屏1405的显示亮度。当环境光强度较高时,调高显示屏1405的显示亮度;当环境光强度较低时,调低显示屏1405的显示亮度。在另一个实施例中,处理器1401还可以根据光学传感器1415采集的环境光强度,动态调整摄像头组件1406的拍摄参数。
接近传感器1416,也称距离传感器,通常设置在终端1400的前面板。接近传感器1416用于采集用户与终端1400的正面之间的距离。在一个实施例中,当接近传感器1416检测到用户与终端1400的正面之间的距离逐渐变小时,由处理器1401控制显示屏1405从亮屏状态切换为息屏状态;当接近传感器1416检测到用户与终端1400的正面之间的距离逐渐变大时,由处理器1401控制显示屏1405从息屏状态切换为亮屏状态。
本领域技术人员可以理解,图14中示出的结构并不构成对终端1400的限定,可以包括比图示更多或更少的组件,或者组合某些组件,或者采用不同的组件布置。
电子设备被提供为服务器时,图15是根据一示例性实施例示出的一种服务器1500的框图,该服务器1500可因配置或性能不同而产生比较大的差异,可以包括一个或一个以上处理器(Central Processing Units,CPU)1501和一个或一个以上的存储器1502,其中,该存储器802中存储有至少一条程序代码,该至少一条程序代码由该处理器1501加载并执行以实现上述各个方法实施例提供的页面创建方法。当然,该服务器还可以具有有线或无线网络接口、键盘以及输入输出接口等部件,以便进行输入输出,该服务器1500还可以包括其他用于实现设备功能的部件,在此不做赘述。
在示例性实施例中,还提供了一种包括指令的计算机可读存储介质,例如包括指令的存储器1402或者存储器1502,上述指令可由终端1400的处理器1401或者服务器1500的处理器1501执行以完成上述方法。可选地,计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
一种计算机程序产品,包括计算机程序/指令,该计算机程序/指令被处理器执行时实现上述页面创建方法。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其它实施方案。本公开旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例被视为示例性的,本公开的真正范围和精神由下面的权利要求指出。
应当理解的是,本公开并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本公开的范围由所附的权利要求来限制。
Claims (10)
1.一种页面创建方法,其特征在于,所述方法包括:
显示第一创建界面和第二创建界面,所述第一创建界面用于设置待创建的目标页面的业务功能,所述第二创建界面用于编辑所述目标页面的指令信息,所述指令信息用于实现所述目标页面的业务功能;
基于在所述第一创建界面中检测到的功能添加操作,在所述第一创建界面中显示多个区块,所述区块用于展示业务功能;
基于在所述第一创建界面中检测到的指令复制操作,在所述第二创建界面中显示所述指令复制操作指示的目标区块的指令信息,所述目标区块的指令信息用于实现所述目标区块的业务功能;
基于在所述第二创建界面中检测到的页面生成操作,显示所述目标页面,所述目标页面用于实现多个业务功能。
2.根据权利要求1所述的页面创建方法,其特征在于,所述基于在所述第一创建界面中检测到的功能添加操作,在所述第一创建界面中显示多个区块,包括:
响应于对所述第一创建界面中的区块控件的触发操作,在所述第一创建界面的内容显示区域显示区块页面,所述区块页面显示有待添加的多个区块;
响应于对至少一个区块的添加操作,在所述第一创建界面的内容显示区域显示预览页面,所述预览页面显示有已添加的所述多个区块。
3.根据权利要求1所述的页面创建方法,其特征在于,所述方法还包括:
对于所述第一创建界面中显示的任一区块,在所述区块被选中的情况下,响应于对所述第一创建界面中的组件控件的触发操作,在所述第一创建界面的内容显示区域显示组件页面,所述组件页面显示有待添加的多个组件,所述组件用于实现业务功能中的子功能;
响应于对至少一个组件的添加操作,在所述区块中显示所述至少一个组件,在所述区块的指令信息中添加所述至少一个组件的指令信息。
4.根据权利要求3所述的页面创建方法,其特征在于,所述方法还包括:
对于任一区块,响应于对所述区块中任一组件的移动操作,更新所述组件在所述区块中显示的位置,更新所述组件的指令信息在所述区块的指令信息中的位置;或者,
响应于对所述区块中任一组件的删除操作,从所述区块中移除所述组件,从所述区块的指令信息中删除所述组件的指令信息;或者,
响应于对所述区块中任一组件的修改操作,根据所述修改操作,在所述区块的指令信息中对应修改所述组件的指令信息。
5.根据权利要求1-4任一项所述的页面创建方法,其特征在于,所述基于在所述第一创建界面中检测到的指令复制操作,在所述第二创建界面中显示所述指令复制操作指示的目标区块的指令信息,包括:
响应于对所述第一创建界面中区块标记控件的触发操作,将所述多个区块设置为可选择状态;
响应于对至少一个区块的选中操作,在所述第一创建界面中显示被选中的所述目标区块的复制控件;
响应于对所述复制控件的触发操作,在所述第二创建界面中显示所述目标区块的指令信息。
6.根据权利要求5所述的页面创建方法,其特征在于,所述响应于对所述复制控件的触发操作,在所述第二创建界面中显示所述目标区块的指令信息,包括:
响应于对所述复制控件的触发操作,获取所述目标区块的指令信息;
在所述第二创建界面中显示提示信息,所述提示信息用于提示是否将所述目标区块的指令信息复制到所述第二创建界面中;
响应于对所述提示信息的确认操作,在所述第二创建界面显示所述目标区块的指令信息。
7.一种页面创建装置,其特征在于,所述装置包括:
第一显示单元,被配置为执行显示第一创建界面和第二创建界面,所述第一创建界面用于设置待创建的目标页面的业务功能,所述第二创建界面用于编辑所述目标页面的指令信息,所述指令信息用于实现所述目标页面的业务功能;
第二显示单元,被配置为执行基于在所述第一创建界面中检测到的功能添加操作,在所述第一创建界面中显示多个区块,所述区块用于展示业务功能;
第三显示单元,被配置为执行基于在所述第一创建界面中检测到的指令复制操作,在所述第二创建界面中显示所述指令复制操作指示的目标区块的指令信息,所述目标区块的指令信息用于实现所述目标区块的业务功能;
第四显示单元,被配置为执行基于在所述第二创建界面中检测到的页面生成操作,显示所述目标页面,所述目标页面用于实现多个业务功能。
8.一种电子设备,其特征在于,所述电子设备包括:
一个或多个处理器;
用于存储所述处理器可执行程序代码的存储器;
其中,所述处理器被配置为执行所述程序代码,以实现如权利要求1至6任一项所述的页面创建方法。
9.一种计算机可读存储介质,其特征在于,当所述计算机可读存储介质中的指令由电子设备的处理器执行时,使得所述电子设备能够执行如权利要求1至6任一项所述的页面创建方法。
10.一种计算机程序产品,包括计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至6任一项所述的页面创建方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210472999.4A CN114911478A (zh) | 2022-04-29 | 2022-04-29 | 页面创建方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210472999.4A CN114911478A (zh) | 2022-04-29 | 2022-04-29 | 页面创建方法、装置、电子设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114911478A true CN114911478A (zh) | 2022-08-16 |
Family
ID=82764742
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210472999.4A Pending CN114911478A (zh) | 2022-04-29 | 2022-04-29 | 页面创建方法、装置、电子设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114911478A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116069436A (zh) * | 2023-03-17 | 2023-05-05 | 阿里巴巴达摩院(杭州)科技有限公司 | 遥感图像的处理方法、电子设备以及存储介质 |
Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20100125829A1 (en) * | 2008-11-20 | 2010-05-20 | Nhn Corporation | Component-based web application development framework used for creating web page |
US20140052617A1 (en) * | 2011-12-13 | 2014-02-20 | Visa International Service Association | Payment platform interface widget generation apparatuses, methods and systems |
JP2016170661A (ja) * | 2015-03-13 | 2016-09-23 | キヤノン株式会社 | 情報処理システム、サーバ装置、情報処理装置、制御方法、及びプログラム |
KR20170127320A (ko) * | 2016-05-11 | 2017-11-21 | 쿠팡 주식회사 | 웹 페이지 생성 장치, 방법 및 컴퓨터 판독 가능한 기록 매체 |
CN107992301A (zh) * | 2017-11-27 | 2018-05-04 | 腾讯科技(上海)有限公司 | 用户界面实现方法、客户端及存储介质 |
CN111443911A (zh) * | 2020-03-24 | 2020-07-24 | 五八有限公司 | 一种页面开发方法、装置、电子设备及计算机存储介质 |
CN113535164A (zh) * | 2021-06-11 | 2021-10-22 | 中电金信软件有限公司 | 一种前端界面的生成方法、装置、电子设备及存储介质 |
CN113918252A (zh) * | 2021-09-22 | 2022-01-11 | 北京三快在线科技有限公司 | 界面展示方法、装置、计算机设备及存储介质 |
CN114115844A (zh) * | 2021-11-16 | 2022-03-01 | 招联消费金融有限公司 | 页面生成方法、装置、计算机设备和存储介质 |
CN114253436A (zh) * | 2020-09-11 | 2022-03-29 | 腾讯科技(深圳)有限公司 | 一种页面展示方法、装置及存储介质 |
-
2022
- 2022-04-29 CN CN202210472999.4A patent/CN114911478A/zh active Pending
Patent Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20100125829A1 (en) * | 2008-11-20 | 2010-05-20 | Nhn Corporation | Component-based web application development framework used for creating web page |
US20140052617A1 (en) * | 2011-12-13 | 2014-02-20 | Visa International Service Association | Payment platform interface widget generation apparatuses, methods and systems |
JP2016170661A (ja) * | 2015-03-13 | 2016-09-23 | キヤノン株式会社 | 情報処理システム、サーバ装置、情報処理装置、制御方法、及びプログラム |
KR20170127320A (ko) * | 2016-05-11 | 2017-11-21 | 쿠팡 주식회사 | 웹 페이지 생성 장치, 방법 및 컴퓨터 판독 가능한 기록 매체 |
CN107992301A (zh) * | 2017-11-27 | 2018-05-04 | 腾讯科技(上海)有限公司 | 用户界面实现方法、客户端及存储介质 |
CN111443911A (zh) * | 2020-03-24 | 2020-07-24 | 五八有限公司 | 一种页面开发方法、装置、电子设备及计算机存储介质 |
CN114253436A (zh) * | 2020-09-11 | 2022-03-29 | 腾讯科技(深圳)有限公司 | 一种页面展示方法、装置及存储介质 |
CN113535164A (zh) * | 2021-06-11 | 2021-10-22 | 中电金信软件有限公司 | 一种前端界面的生成方法、装置、电子设备及存储介质 |
CN113918252A (zh) * | 2021-09-22 | 2022-01-11 | 北京三快在线科技有限公司 | 界面展示方法、装置、计算机设备及存储介质 |
CN114115844A (zh) * | 2021-11-16 | 2022-03-01 | 招联消费金融有限公司 | 页面生成方法、装置、计算机设备和存储介质 |
Non-Patent Citations (8)
Title |
---|
AMOLDUS JANSSEN KRISMA PAMBUDI等: "Development of low-cost reflow oven for SMT assembly", 《2017 INTERNATIONAL SYMPOSIUM ON ELECTRONICS AND SMART DEVICES (ISESD)》, 19 October 2017 (2017-10-19), pages 51 - 56, XP033296013, DOI: 10.1109/ISESD.2017.8253304 * |
LEOMYILI: "页面搭建工具总结及架构思考", pages 1 - 8, Retrieved from the Internet <URL:https://www.cnblogs.com/leomYili/p/10176228.html> * |
刘茜: "基于MVC设计模式的ThinkPHP的CMF研究与实现", 《中国优秀硕士学位论文全文数据库(信息科技辑)》, no. 07, 15 July 2020 (2020-07-15), pages 138 - 272 * |
南城夏季: "页面间同步状态一般都有哪些方案,跨页面通信", pages 1 - 4, Retrieved from the Internet <URL:https://blog.csdn.net/weixin_39818813/article/details/122111008> * |
张海英: "支持Web应用用户界面自动生成的界面表示模型", 《中国优秀硕士学位论文全文数据库(信息科技辑)》, no. 08, 15 August 2005 (2005-08-15), pages 139 - 171 * |
张磊: "青岛外运公司网上服务***的设计与实现", 《中国优秀硕士学位论文全文数据库(信息科技辑)》, no. 04, 15 April 2016 (2016-04-15), pages 138 - 395 * |
梁思秋: "基于Robot Framework的MVC GUI模块自动化测试框架的设计与实现", 《中国优秀硕士学位论文全文数据库(信息科技辑)》, no. 12, 15 December 2015 (2015-12-15), pages 138 - 115 * |
邓顺: ""两客一危"车辆的监控管理***设计", 《中国优秀硕士学位论文全文数据库(信息科技辑)》, no. 04, 15 April 2018 (2018-04-15), pages 140 - 935 * |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116069436A (zh) * | 2023-03-17 | 2023-05-05 | 阿里巴巴达摩院(杭州)科技有限公司 | 遥感图像的处理方法、电子设备以及存储介质 |
CN116069436B (zh) * | 2023-03-17 | 2023-07-21 | 阿里巴巴达摩院(杭州)科技有限公司 | 遥感图像的处理方法、电子设备以及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11538501B2 (en) | Method for generating video, and electronic device and readable storage medium thereof | |
CN111240673B (zh) | 互动图形作品生成方法、装置、终端及存储介质 | |
CN107885533B (zh) | 管理组件代码的方法及装置 | |
WO2022083241A1 (zh) | 信息引导方法及装置 | |
CN111290948B (zh) | 测试数据获取方法、装置、计算机设备及可读存储介质 | |
CN108959361B (zh) | 表单管理的方法和装置 | |
CN112230914B (zh) | 小程序的制作方法、装置、终端及存储介质 | |
CN112181576A (zh) | 表单处理方法、装置、终端及存储介质 | |
CN111191176B (zh) | 网站内容更新方法、装置、终端及存储介质 | |
CN112363660B (zh) | 封面图像的确定方法、装置、电子设备及存储介质 | |
CN114546227B (zh) | 虚拟镜头控制方法、装置、计算机设备及介质 | |
CN111459466B (zh) | 代码生成方法、装置、设备及存储介质 | |
CN110543350A (zh) | 一种生成页面组件的方法及装置 | |
CN111737100A (zh) | 数据获取方法、装置、设备及存储介质 | |
CN113467663B (zh) | 界面配置方法、装置、计算机设备及介质 | |
CN112230907A (zh) | 程序生成方法、装置、终端及存储介质 | |
CN114911478A (zh) | 页面创建方法、装置、电子设备及存储介质 | |
CN112230910B (zh) | 嵌入型程序的页面生成方法、装置、设备及存储介质 | |
CN113190307A (zh) | 控件添加方法、装置、设备及存储介质 | |
CN115562529A (zh) | 可视化埋点方法、装置、终端及存储介质 | |
CN111866047B (zh) | 数据解码方法、装置、计算机设备及存储介质 | |
CN114100121A (zh) | 操作控制方法、装置、设备、存储介质及计算机程序产品 | |
CN113538633A (zh) | 动画播放方法、装置、电子设备及计算机可读存储介质 | |
CN112783533A (zh) | 版本信息更新方法、装置、终端及存储介质 | |
CN114138250A (zh) | ***用例的步骤生成方法、装置、设备及存储介质 |
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 |