可视化界面配置方法、装置、计算机设备及存储介质与流程

文档序号:25543144发布日期:2021-06-18 20:39阅读:来源:国知局

技术特征:

1.一种可视化界面配置方法,其特征在于,包括:

获取页面生成指令;

基于所述页面生成指令显示前端工作台,所述前端工作台包括多个待配置组件;

基于多个所述待配置组件,获取目标组件和与所述目标组件对应的目标参数;

采用目标模板解析器,对所述目标参数进行处理,获取所述目标组件对应的运行文件;

执行所述运行文件,显示目标页面。

2.如权利要求1所述的可视化界面配置方法,其特征在于,所述基于多个所述待配置组件,获取目标组件和与所述目标组件对应的目标参数,包括:

基于多个所述待配置组件,获取目标组件;

调用所述目标组件对应的参数接口,获取所述目标组件对应的目标参数。

3.如权利要求1所述的可视化界面配置方法,其特征在于,所述目标参数进包括js参数和template参数;所述目标模板解析器包括js模板解析器和template模板解析器;

所述采用目标模板解析器,对所述目标参数进行处理,获取所述目标组件对应的运行文件,包括:

采用所述js模板解析器对所述js参数进行处理,获取js代码;

采用所述template模板解析器对所述template参数进行处理,获取template代码;

对所述js代码和所述template代码进行拼接处理,获取所述目标组件对应的运行文件。

4.如权利要求3所述的可视化界面配置方法,其特征在于,所述采用所述js模板解析器对所述js参数进行处理,获取js代码,包括:

遍历js参数,采用编译器对所述js组件和对应的js参数进行解析,获取js参数对应的js代码。

5.如权利要求3所述的可视化界面配置方法,其特征在于,所述采用所述template模板解析器对所述template参数进行处理,获取template代码,包括:

遍历template参数,获取所述目标组件对应的组件id、源属性和函数方法;

基于所述组件id,获取所述目标组件对应的源码;

将所述源属性和函数方法与所述目标组件对应的源码进行关联处理,获取template代码。

6.如权利要求3所述的可视化界面配置方法,其特征在于,对所述js代码和所述template代码进行拼接处理,获取所述目标组件对应的运行文件;

获取原始模板,所述原始模板包括js模块和template模块;

将所述js代码填充到js模块中,将所述template代码填充到所述template模块中,获取所述目标组件对应的运行文件。

7.如权利要求1所述的可视化界面配置方法,其特征在于,在所述获取所述目标组件对应的运行文件之后,所述方法还包括:

调用预览接口对所述运行文件进行处理,形成预览页面,显示所述预览页面;

基于所述预览页面,获取用户指令;

若所述用户指令为确认指令,则运行所述执行所述运行文件,显示目标页面;

若所述用户指令为替换指令,则执行基于所述待配置组件,获取替换组件和与所述替换组件对应的替换参数;采用目标模板解析器,对所述替换参数进行处理,获取所述替换组件对应的运行文件。

8.一种可视化界面配置装置,其特征在于,包括:

页面生成指令获取模块,用于获取页面生成指令;

显示模块,用于基于所述页面生成指令显示前端工作台,所述前端工作台包括多个待配置组件;

组件参数获取模块,用于基于多个所述待配置组件,获取目标组件和与所述目标组件对应的目标参数;

运行文件获取模块,用于采用目标模板解析器,对所述目标参数进行处理,获取所述目标组件对应的运行文件;

目标页面模块,用于执行所述运行文件,显示目标页面。

9.一种计算机设备,包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现如权利要求1至7任一项所述可视化界面配置方法的步骤。

10.一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现如权利要求1至7任一项所述可视化界面配置方法的步骤。


技术总结
本发明公开一种可视化界面配置方法、装置、计算机设备及存储介质,该可视化界面配置方法,包括:获取页面生成指令;基于所述页面生成指令显示前端工作台,所述前端工作台包括多个待配置组件;基于多个所述待配置组件,获取目标组件和与所述目标组件对应的目标参数;采用目标模板解析器,对所述目标参数进行处理,获取所述目标组件对应的运行文件;执行所述运行文件,显示目标页面。本发明所提供的可视化界面配置方法实现自动化生成运行文件,减少开发人员编码,减低开发难度,提高开发效率。

技术研发人员:王国彬;姚望;闵佩
受保护的技术使用者:土巴兔集团股份有限公司
技术研发日:2021.03.12
技术公布日:2021.06.18
当前第2页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1