[发明专利]可视化界面配置方法、装置、计算机设备及存储介质

权利要求书

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.一种可视化界面配置装置，其特征在于，包括：

页面生成指令获取模块，用于获取页面生成指令；

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

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

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

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