[发明专利]强扩展性的前端可视化界面生成方法、系统、介质及终端

权利要求书

1.一种强扩展性的前端可视化界面生成方法，其特征在于，包括：

预先建立标准组件库，所述标准组件库包括多种通用组件；

设置设计器，通过所述设计器从所述标准组件库中选取组件并拖动添加到页面组件树的指定节点，并且对每一个目标组件设置相关属性；

将设计器中的组件树映射为预设格式的描述文件；

获取非标组件，通过对所述非标组件定义组件名和扩展插槽，组成标准组件外壳，进而形成标准组件模板，完成非标准组件的封装；

设置编译器，通过所述编译器将所述预设格式的描述文件编译成组件树的源代码；

根据所述组件树的源代码，完成前端可视化界面生成。

2.根据权利要求1所述的强扩展性的前端可视化界面生成方法，其特征在于，对所述标准组件库中的每个标准组件注入事件句柄，通过所述事件句柄与其他组件进行通信。

3.根据权利要求2所述的强扩展性的前端可视化界面生成方法，其特征在于，

定义非标组件的组件名和扩展插槽，组成标准组件外壳；

在所述标准组件外壳内部注入事件句柄，并将其作为扩展插槽函数的参数注入，与其他组件进行通信；

扩展插槽函数产出并返回DOM节点；

在组件内部将扩展插槽函数产出并返回的DOM节点挂载到标准组件外壳的根节点下，形成所述标准组件模板；

通过实例化所述标准组件模板，获取标准组件。

4.根据权利要求3所述的强扩展性的前端可视化界面生成方法，其特征在于，

通过所述扩展插槽函数实现非标准组件的特殊UI，所述事件句柄通过扩展插槽函数的输入参数注入扩展插槽。

5.根据权利要求1所述的强扩展性的前端可视化界面生成方法，其特征在于，根据整体技术栈的不同，对预设格式的描述文件的组件树进行遍历，并将其解释为对应的技术栈下的组件代码。

6.根据权利要求4所述的强扩展性的前端可视化界面生成方法，其特征在于，

预先建立标准组件库中每个组件的代码块和组件名之间的映射关系；

遍历整个组件树，当每步进到一个组件节点时，通过组件名映射将对应代码块安装在该节点上；

当遍历完成时，完成所有源代码生成。

7.一种强扩展性的前端可视化界面生成系统，其特征在于，包括：

标准组件库，所述标准组件库包括多种通用组件；

设计器，用于从所述标准组件库中选取组件并拖动添加到页面组件树的指定节点，并且对每一个目标组件设置相关属性；

将设计器中的组件树映射为预设格式的描述文件；

非标准组件封装模块，用于获取非标组件，通过对所述非标组件定义组件名和扩展插槽，组成标准组件外壳，进而形成标准组件模板，完成非标准组件的封装；

编译器，用于通过所述编译器将所述预设格式的描述文件编译成组件树的源代码；

可视化界面生成模块，用于根据所述组件树的源代码，完成前端可视化界面生成。

8.根据权利要求7所述的强扩展性的前端可视化界面生成系统，其特征在于，

定义非标组件的组件名和扩展插槽，组成标准组件外壳；

在所述标准组件外壳内部注入事件句柄，并将其作为扩展插槽函数的参数注入，与其他组件进行通信；

扩展插槽函数产出并返回DOM节点；

在组件内部将扩展插槽函数产出并返回的DOM节点挂载到标准组件外壳的根节点下，形成所述标准组件模板；

通过实例化所述标准组件模板，获取标准组件。

9.一种计算机可读存储介质，其上存储有计算机程序，其特征在于：所述计算机程序被处理器执行时实现权利要求1至6中任一项所述方法。

10.一种电子终端，其特征在于，包括：处理器及存储器；

所述存储器用于存储计算机程序，所述处理器用于执行所述存储器存储的计算机程序，以使所述终端执行如权利要求1至6中任一项所述方法。