[发明专利]一种界面生成方法、装置、计算机设备及可读存储介质

权利要求书

1.一种界面生成方法，其特征在于，所述方法包括：

获取用于生成可视化界面的目标文件；

解析出包含在所述目标文件中的图表信息，并获取与所述图表信息对应的代码模板；其中，所述图表信息包括：图表属性信息和图表数据源信息；

将所述图表属性信息和图表数据源信息添加到所述代码模板中，形成前端代码；

执行所述前端代码以在可视化界面中绘制出与所述图表信息对应的图表。

2.根据权利要求1所述的界面生成方法，其特征在于，在所述获取用于生成可视化界面的目标文件之前，所述方法还包括：

接收编辑指令，并根据所述编辑指令从Sketch图表库中选取对应类型的图表模板；其中，在所述Sketch图表库中包括各种类型的图表模板；

根据所述编辑指令在所述图表模板中修改对应的图表属性信息，并利用预设插件在所述图表模板中添加图表数据源信息，从而形成所述图表信息；

将所述图表信息添加到所述目标文件中。

3.根据权利要求1所述的界面生成方法，其特征在于，所述解析出包含在所述目标文件中的图表信息，并获取与所述图表信息对应的代码模板，具体包括：

从所述目标文件中解析出包含图表信息的图表标签；

从所述图表标签中提取出图表ID信息；

根据所述图表ID信息从预设的代码模板库中获取对应的代码模板。

4.根据权利要求3所述的界面生成方法，其特征在于，所述将所述图表属性信息和图表数据源信息添加到所述代码模板中，形成前端代码，具体包括：

从所述图表标签中提取出各个图表属性信息，并将所述各个图表属性信息添加到所述代码模板中的对应图表属性配置项中；

从所述图表标签中提取出图表数据源信息；其中，所述图表数据源信息包括：图表所使用的字段信息、以及包含所述字段信息的数据库的地址信息；

将所述字段信息以及所述数据库的地址信息添加到所述代码模板中的图表数据源配置项中。

5.根据权利要求4所述的界面生成方法，其特征在于，在所述执行所述前端代码以在可视化界面中绘制出与所述图表信息对应的图表之后，所述方法还包括：

接收图表修改指令；其中，所述图表修改指令包括：修改后的字段信息；

判断所述修改后的字段信息是否包含在所述数据库中；

若是，则根据所述修改后的字段信息修改所述代码模板中的图表数据源配置项，以重新形成前端代码。

6.一种界面生成装置，其特征在于，所述装置包括：

获取模块，用于获取用于生成可视化界面的目标文件；

解析模块，用于解析出包含在所述目标文件中的图表信息，并获取与所述图表信息对应的代码模板；其中，所述图表信息包括：图表属性信息和图表数据源信息；

添加模块，用于将所述图表属性信息和图表数据源信息添加到所述代码模板中，形成前端代码；

执行模块，用于执行所述前端代码以在可视化界面中绘制出与所述图表信息对应的图表。

7.根据权利要求6所述的界面生成装置，其特征在于，所述装置还包括：

处理模块，用于接收编辑指令，并根据所述编辑指令从Sketch图表库中选取对应类型的图表模板；其中，在所述Sketch图表库中包括各种类型的图表模板；根据所述编辑指令在所述图表模板中修改对应的图表属性信息，并利用预设插件在所述图表模板中添加图表数据源信息，从而形成所述图表信息；将所述图表信息添加到所述目标文件中。

8.根据权利要求6所述的界面生成装置，其特征在于，所述解析模块，具体用于：

从所述目标文件中解析出包含图表信息的图表标签；从所述图表标签中提取出图表ID信息；根据所述图表ID信息从预设的代码模板库中获取对应的代码模板。

9.一种计算机设备，所述计算机设备包括：存储器、处理器以及存储在所述存储器上并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现权利要求1至5任一项所述方法的步骤。

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