前端代码文件的生成方法、装置、设备及可读存储介质制造方法及图纸

本申请实施例提供了一种前端代码文件的生成方法、装置、设备及可读存储介质，获取录入预设的数据模板中的表数据，作为目标表数据，获取第一前端代码模板和第二前端代码模板，其中，目标表数据包括第一前端配置项的配置值和第二前端配置项的配置值，由于，第一变量对应关系用于指示第一前端配置项和第一模板占位符的对应关系。因此，基于第一变量对应关系将第一前端配置项的配置值导入第一前端代码模板，得到第一前端代码文件，由于，第二变量对应关系用于指示第二前端配置项和第二模板占位符的对应关系。因此，基于第二变量对应关系将第二前端配置项的配置值导入第二前端代码模板，得到第二前端代码文件。得到第二前端代码文件。得到第二前端代码文件。

【技术实现步骤摘要】
前端代码文件的生成方法、装置、设备及可读存储介质


[0001]本申请涉及数据处理
，尤其涉及一种前端代码文件的生成方法、装置、设备及可读存储介质。

技术介绍

[0002]表单作为日常终端数据录入与查询的首要方式，在PC端和移动端的应用越来越广泛，但是由于表单在PC端和移动端的应用需求不同，在日常的开发工作中，经常需要在开发PC端的表单界面的同时，兼顾移动端的开发需求，往往需要开发人员通过硬编码来实现分别适用于PC端和移动端的前端代码。又由于，为了满足不同应用场景的需求，表单组件的样式越来越复杂，因此，表单界面的组件开发的难度越来越大。

技术实现思路

[0003]本申请提供了一种前端代码文件的生成方法、装置、设备及可读存储介质，如下：
[0004]一种前端代码文件的生成方法，包括：
[0005]获取录入预设的数据模板中的表数据，作为目标表数据，所述目标表数据包括第一前端配置项的配置值和第二前端配置项的配置值；
[0006]获取第一前端代码模板和第二前端代码模板，所述第一前端代码模板包括第一模板占位符，本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种前端代码文件的生成方法，其特征在于，包括：获取录入预设的数据模板中的表数据，作为目标表数据，所述目标表数据包括第一前端配置项的配置值和第二前端配置项的配置值；获取第一前端代码模板和第二前端代码模板，所述第一前端代码模板包括第一模板占位符，所述第二前端代码模板包括第二模板占位符；基于第一变量对应关系将第一前端配置项的配置值导入所述第一前端代码模板，得到第一前端代码文件，所述第一变量对应关系用于指示所述第一前端配置项和第一模板占位符的对应关系；基于第二变量对应关系将第二前端配置项的配置值导入所述第二前端代码模板，得到第二前端代码文件，所述第二变量对应关系用于指示所述第二前端配置项和第二模板占位符的对应关系。2.根据权利要求1所述的方法，其特征在于，所述数据模板包括：第一切页、第二切页、和第三切页；所述第一切页包括表单名称配置项、应用卡片名称配置项、以及预设的第一类配置项，所述第一类配置项包括移动端配置项和统一配置项；所述第二切页包括依据录入所述第一切页的表数据以及第一配置对应关系，生成的第二类配置项，所述第一配置对应关系包括所述第一类配置项与预设配置项的对应关系；所述第三切页包括依据录入所述第二切页的表数据以及第二配置对应关系，生成的第三类配置项，所述第二配置对应关系包括所述第二类配置项与预设配置项的对应关系。3.根据权利要求2所述的方法，其特征在于，所述第一前端配置项包括：所述第一类配置项中的统一配置项、以及所述统一配置项对应的第二类配置项和第三类配置项；所述第二前端配置项包括所述第一类配置项、以及所述第一类配置项对应的第二类配置项和第三类配置项。4.根据权利要求3所述的方法，其特征在于，所述获取录入预设的数据模板中的表数据，包括：获取所述第一切页的表数据，所述第一切页的表数据包括所述表名称配置项的配置值、所述应用卡片名称配置项的配置值、以及多项所述第一类配置项的配置值；基于所述第一配置对应关系和所述第一切页的表数据，生成第二类配置项，并在所述第二切页显示所述第二类配置项；获取所述第二切页的表数据，所述第二切页的表数据包括多项所述第二类配置项的配置值；基于所述第二配置对应关系和所述第二切页的表数据，生成第三类配置项，并在所述第三切页显示所述第三类配置项；获取所述第三切页的表数据。5.根据权利要求4所述的方法，其特征在于，在所述获取录入预设的数据模板中的表数据之后，还包括：解析所述目标表数据，得到第一类json对象和第二类json对象，所述第一类json对象包括由所述第一前端配置项的配置值转换得到的json对象，所述第二类json对象包括由所述第二前端配置项的配置值转换得到的json对象，任意一个json对...

【专利技术属性】
技术研发人员：曹瑞君，王思邈，安航，王佳帅，穆恺，
申请(专利权)人：中国农业银行股份有限公司，
类型：发明
国别省市：