页面创建方法、装置、电子设备及存储介质制造方法及图纸

技术编号:34558476 阅读:11 留言:0更新日期:2022-08-17 12:45
本公开提供了一种页面创建方法、装置、电子设备及存储介质,属于计算机技术领域。方法包括:显示第一创建界面和第二创建界面,第一创建界面用于设置待创建的目标页面的业务功能,第二创建界面用于编辑目标页面的指令信息,指令信息用于实现目标页面的业务功能;基于在第一创建界面中检测到的功能添加操作,在第一创建界面中显示多个区块,区块用于展示业务功能;基于在第一创建界面中检测到的指令复制操作,在第二创建界面中显示指令复制操作指示的目标区块的指令信息,目标区块的指令信息用于实现目标区块的业务功能;基于在第二创建界面中检测到的页面生成操作,显示目标页面,目标页面用于实现多个业务功能。该方法能够提高创建页面的效率。高创建页面的效率。高创建页面的效率。

【技术实现步骤摘要】
页面创建方法、装置、电子设备及存储介质


[0001]本公开涉及计算机
,特别涉及一种页面创建方法、装置、电子设备及存储介质。

技术介绍

[0002]前端开发是创建网站或应用程序的前端页面呈现给用户的过程。前端页面的开发过程一般如下:先由设计师对前端页面进行设计,并将设计图提供给开发人员,开发人员对该设计图进行分析,编写对应的后台代码,通过该后台代码呈现前端页面。
[0003]相关技术中,每次创建一个新的前端页面,开发人员都会重新编写后台代码,实现从无到有的开发。即使某些组件高度相似,每次也都需要重新开发,从而导致创建前端页面的效率低下。

技术实现思路

[0004]本公开提供一种页面创建方法、装置、电子设备及存储介质,能够提高创建页面的效率。本公开的技术方案如下:
[0005]根据本公开实施例的第一方面,提供一种页面创建方法,包括:
[0006]显示第一创建界面和第二创建界面,所述第一创建界面用于设置待创建的目标页面的业务功能,所述第二创建界面用于编辑所述目标页面的指令信息,所述指令信息用于实现所述目标页面的业务功能;
[0007]基于在所述第一创建界面中检测到的功能添加操作,在所述第一创建界面中显示多个区块,所述区块用于展示业务功能;
[0008]基于在所述第一创建界面中检测到的指令复制操作,在所述第二创建界面中显示所述指令复制操作指示的目标区块的指令信息,所述目标区块的指令信息用于实现所述目标区块的业务功能;
[0009]基于在所述第二创建界面中检测到的页面生成操作,显示所述目标页面,所述目标页面用于实现多个业务功能。
[0010]根据本公开实施例的另一方面,提供一种页面创建装置,包括:
[0011]第一显示单元,被配置为执行显示第一创建界面和第二创建界面,所述第一创建界面用于设置待创建的目标页面的业务功能,所述第二创建界面用于编辑所述目标页面的指令信息;
[0012]第二显示单元,被配置为执行基于在所述第一创建界面中检测到的功能添加操作,在所述第一创建界面中显示多个区块,所述区块用于展示业务功能;
[0013]第三显示单元,被配置为执行基于在所述第一创建界面中检测到的指令复制操作,在所述第二创建界面中显示所述指令复制操作指示的目标区块的指令信息,所述目标区块的指令信息用于实现所述目标区块的业务功能;
[0014]第四显示单元,被配置为执行基于在所述第二创建界面中检测到的页面生成操
作,显示所述目标页面,所述目标页面用于实现多个业务功能。
[0015]在一些实施例中,所述第二显示单元,包括:
[0016]第一显示子单元,被配置为执行响应于对所述第一创建界面中的区块控件的触发操作,在所述第一创建界面的内容显示区域显示区块页面,所述区块页面显示有待添加的多个区块;
[0017]第二显示子单元,被配置为执行响应于对至少一个区块的添加操作,在所述第一创建界面的内容显示区域显示预览页面,所述预览页面显示有已添加的所述多个区块。
[0018]在一些实施例中,所述装置还包括:
[0019]第五显示单元,被配置为执行对于所述第一创建界面中显示的任一区块,在所述区块被选中的情况下,响应于对所述第一创建界面中的组件控件的触发操作,在所述第一创建界面的内容显示区域显示组件页面,所述组件页面显示有待添加的多个组件,所述组件用于实现业务功能中的子功能;
[0020]第六显示单元,被配置为执行响应于对至少一个组件的添加操作,在所述区块中显示所述至少一个组件,在所述区块的指令信息中添加所述至少一个组件的指令信息。
[0021]在一些实施例中,所述装置还包括:
[0022]第一更新单元,被配置为执行对于任一区块,响应于对所述区块中任一组件的移动操作,更新所述组件在所述区块中显示的位置,更新所述组件的指令信息在所述区块的指令信息中的位置;或者,
[0023]删除单元,被配置为执行响应于对所述区块中任一组件的删除操作,从所述区块中移除所述组件,从所述区块的指令信息中删除所述组件的指令信息;或者,
[0024]修改单元,被配置为执行响应于对所述区块中任一组件的修改操作,根据所述修改操作,在所述区块的指令信息中对应修改所述组件的指令信息。
[0025]在一些实施例中,所述第三显示单元,包括:
[0026]设置子单元,被配置为执行响应于对所述第一创建界面中区块标记控件的触发操作,将所述多个区块设置为可选择状态;
[0027]第三显示子单元,被配置为执行响应于对至少一个区块的选中操作,在所述第一创建界面中显示被选中的所述目标区块的复制控件;
[0028]第四显示子单元,被配置为执行响应于对所述复制控件的触发操作,在所述第二创建界面中显示所述目标区块的指令信息。
[0029]在一些实施例中,所述第四显示子单元,被配置为执行响应于对所述复制控件的触发操作,获取所述目标区块的指令信息;在所述第二创建界面中显示提示信息,所述提示信息用于提示是否将所述目标区块的指令信息复制到所述第二创建界面中;响应于对所述提示信息的确认操作,在所述第二创建界面显示所述目标区块的指令信息。
[0030]在一些实施例中,所述装置还包括:
[0031]第一获取单元,被配置为执行响应于对所述复制控件触发操作,获取所述目标区块的源文件,所述源文件包括用于实现所述目标区块所展示的业务功能所需的素材;
[0032]复制单元,被配置为执行响应于对所述提示信息的确认操作,将所述源文件复制到目标路径,所述目标路径与所述目标区块的指令信息对应。
[0033]在一些实施例中,所述装置还包括:
[0034]第七显示单元,被配置为执行在所述第一创建界面中显示所述目标区块的区块详情控件;
[0035]第八显示单元,被配置为执行响应于对所述区块详情控件的触发操作,显示所述目标区块的应用程序接口的信息。
[0036]在一些实施例中,所述装置还包括:
[0037]第九显示单元,被配置为执行在所述第一创建界面中的层级显示区域,显示多个页面层级控件,所述页面层级控件用于编辑不同层级的页面;
[0038]第十显示单元,被配置为执行响应于对所述目标页面的页面层级控件的触发操作,在所述第一创建界面的内容显示区域显示所述目标页面的多个区块。
[0039]在一些实施例中,所述装置还包括:
[0040]创建单元,被配置为执行基于指令编辑操作,创建区块;
[0041]第二获取单元,被配置为执行对所述区块进行依赖分析,获取实现所述区块对应的业务功能所依赖的函数库;
[0042]封装单元,被配置为执行对所述区块和所述函数库进行封装,封装后的区块用于添加到所述第一创建界面中。
[0043]在一些实施例中,所述装置还包括:
[0044]构建单元,被配置为执行基于所述区块对应的素材,构建源文件;
[0045]建立单元,本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种页面创建方法,其特征在于,所述方法包括:显示第一创建界面和第二创建界面,所述第一创建界面用于设置待创建的目标页面的业务功能,所述第二创建界面用于编辑所述目标页面的指令信息,所述指令信息用于实现所述目标页面的业务功能;基于在所述第一创建界面中检测到的功能添加操作,在所述第一创建界面中显示多个区块,所述区块用于展示业务功能;基于在所述第一创建界面中检测到的指令复制操作,在所述第二创建界面中显示所述指令复制操作指示的目标区块的指令信息,所述目标区块的指令信息用于实现所述目标区块的业务功能;基于在所述第二创建界面中检测到的页面生成操作,显示所述目标页面,所述目标页面用于实现多个业务功能。2.根据权利要求1所述的页面创建方法,其特征在于,所述基于在所述第一创建界面中检测到的功能添加操作,在所述第一创建界面中显示多个区块,包括:响应于对所述第一创建界面中的区块控件的触发操作,在所述第一创建界面的内容显示区域显示区块页面,所述区块页面显示有待添加的多个区块;响应于对至少一个区块的添加操作,在所述第一创建界面的内容显示区域显示预览页面,所述预览页面显示有已添加的所述多个区块。3.根据权利要求1所述的页面创建方法,其特征在于,所述方法还包括:对于所述第一创建界面中显示的任一区块,在所述区块被选中的情况下,响应于对所述第一创建界面中的组件控件的触发操作,在所述第一创建界面的内容显示区域显示组件页面,所述组件页面显示有待添加的多个组件,所述组件用于实现业务功能中的子功能;响应于对至少一个组件的添加操作,在所述区块中显示所述至少一个组件,在所述区块的指令信息中添加所述至少一个组件的指令信息。4.根据权利要求3所述的页面创建方法,其特征在于,所述方法还包括:对于任一区块,响应于对所述区块中任一组件的移动操作,更新所述组件在所述区块中显示的位置,更新所述组件的指令信息在所述区块的指令信息中的位置;或者,响应于对所述区块中任一组件的删除操作,从所述区块中移除所述组件,从所述区块的指令信息中删除所述组件的指令信息;或者,响应于对所述区块中任一组件的修改操作,根据所述修改操作,在所述区块的指令信息中对应修改所述组件的指令信息。5.根据权利要求1

4任一项所述的页面创建方法,其特征在于,所述基于在所述第一创建界面...

【专利技术属性】
技术研发人员:常留留刘国柱郭浩王任杰李宗原房琳李蔚然
申请(专利权)人:北京达佳互联信息技术有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1