一种前端代码生成方法及装置.pdf

(19)国家知识产权局(12)发明专利申请(10)申请公布号CN114968242A(43)申请公布日2022.08.30(21)申请号202210697618.2(22)申请日2022.06.20(71)申请人中国农业银行股份有限公司地址100005北京市东城区建国门内大街69号(72)发明人王馨悦(74)专利代理机构北京集佳知识产权代理有限公司11227专利代理师马天琪(51)Int.Cl.G06F8/38(2018.01)G06F8/34(2018.01)权利要求书2页说明书7页附图3页(54)发明名称一种前端代码生成方法及装置(57)摘要本申请实施例公开了一种前端代码生成方法及装置，包括：响应于用户在目标页面的模板选择操作，在目标页面显示用户选择的目标模板对应的前端页面和前端页面的配置项，响应于用户在目标页面对配置项的编辑操作，根据编辑操作确定的配置信息和目标模板生成前端页面的目标代码。可以在确定前端页面的模板，即前端页面的显示效果之后，对模板中的配置项进行编辑，得到前端页面的目标代码，执行该目标代码可以显示该前端页面。由此可见，本申请实施例可以根据前端页面的显示效果，确定相应地配置项，生成前端页面的目标代码，无需多次修改和执行前端代码，加快了前端页面代码的生成效率，并且利用模板和配置项使得用户生成前端代码更为简单方便。CN114968242ACN114968242A权利要求书1/2页1.一种前端代码生成方法，其特征在于，所述方法包括：响应于用户在目标页面的模板选择操作，在所述目标页面显示所述用户选择的目标模板对应的前端页面和所述前端页面的配置项；响应于所述用户在所述目标页面对所述配置项的编辑操作，根据所述编辑操作确定的配置信息和所述目标模板生成所述前端页面的目标代码。2.根据权利要求1所述的方法，其特征在于，所述目标页面包括依次毗邻的第一区域、第二区域和第三区域；所述响应于用户在目标页面的模板选择操作，在所述目标页面显示所述用户选择的目标模板对应的前端页面和所述前端页面的配置项包括：响应于用户在第一区域的模板选择操作，在所述第二区域显示所述用户选择的模板对应的前端页面以及在所述第三区域显示所述前端页面的配置项。3.根据权利要求1所述的方法，其特征在于，所述响应于所述用户在所述目标页面对所述配置项的编辑操作，根据所述编辑操作确定的配置信息和所述目标模板生成所述前端页面的目标代码包括：响应于所述用户在所述目标页面对所述配置项的修改或输入操作，根据所述修改或输入操作确定的配置信息和所述目标模板生成所述前端页面的目标代码。4.根据权利要求1所述的方法，其特征在于，所述响应于所述用户在所述目标页面对所述配置项的编辑操作，根据所述编辑操作确定的配置信息和所述目标模板生成所述前端页面的目标代码包括：响应于所述用户在所述目标页面对所述配置项的编辑操作，根据所述目标模板的名称，调用所述目标模板对应的代码转换命令，利用所述编辑操作确定的配置信息生成所述前端页面的目标代码。5.根据权利要求1‑4任意一项所述的方法，其特征在于，所述方法还包括：预先根据所述前端页面的显示效果编写所述前端页面的Vue框架文件；根据所述Vue框架文件确定所述配置项；编写根据所述配置项中编辑的配置信息确定所述前端页面的显示效果的配置条件，以便根据所述配置信息和所述配置条件修改所述前端页面的显示效果。6.根据权利要求1‑4任意一项所述的方法，其特征在于，所述方法还包括：预先建立所述前端页面的显示效果和所述目标模板的对应关系。7.一种前端代码生成装置，其特征在于，所述装置包括：显示单元，用于响应于用户在目标页面的模板选择操作，在所述目标页面显示所述用户选择的目标模板对应的前端页面和所述前端页面的配置项；生成单元，用于响应于所述用户在所述目标页面对所述配置项的编辑操作，根据所述编辑操作确定的配置信息和所述目标模板生成所述前端页面的目标代码。8.根据权利要求7所述的装置，其特征在于，所述目标页面包括依次毗邻的第一区域、第二区域和第三区域；所述显示单元，具体用于：响应于用户在第一区域的模板选择操作，在所述第二区域显示所述用户选择的模板对应的前端页面以及在所述第三区域显示所述前端页面的配置项。2CN114968242A权利要求书2/2页9.根据权利要求7所述的装置，其特征在于，所述生成单元，具体用于：响应于所述用户在所述目标页面对所述配置项的修改或输入操作，根据所述修改或输入操作确定的配置信息和所述目标模板生成所述前端页面的目标代码。10.根据权利要求7所述的装置，其特征在于，所述生成单元，具体用于：响应于所述用户在所述目标页面对所述配置项的编辑操作，根据所述目标模板的名称，调用所述目标模板对应的代码转换命令，利用所述编辑操作确定的配置信息生成所述前端页面的目标代码。3CN1