【技术实现步骤摘要】
本申请涉及计算机，尤其涉及一种生成前端页面的方法、装置、电子设备及存储介质。
技术介绍
1、随着信息技术的飞速发展，越来越多的企业和个人需要快速便捷地创建自己的网站或应用程序。然而，传统的前端开发需要开发者具备专业的编程技能，并且需要耗费大量的时间和精力，因此往往不太适合普通用户使用。
2、目前，虽然已存在一些低代码平台生成前端界面，但是仍然需要一定的编程基础。在开发效率上，低代码平台则需要预先提供一个更完整的开发环境，可以进行更为复杂的应用程序开发。
技术实现思路
1、本申请旨在至少在一定程度上解决相关技术中的技术问题之一。
2、为此，本申请的第一个目的在于提出一种生成前端页面的方法，以实现零代码生成前端页面,解决相关技术中开发者需要具备专业的编程技能才能实现网站或应用程序的问题。
3、本申请的第二个目的在于提出一种生成前端页面的装置。
4、本申请的第三个目的在于提出一种电子设备。
5、本申请的第四个目的在于提出一种计算机可读存储介质。
6、本申请的第五个目的在于提出一种计算机程序产品。
7、为达上述目的，本申请第一方面实施例提出了一种生成前端页面的方法，包括：
8、确定目标模板；
9、在所述目标模板中，定义组件，其中，所述组件包括布局组件和控件，所述布局组件用于装载所述控件或者绑定业务模型；
10、获取数据模型，并基于所述数据模型，生成业务模型以及生成所述组件
11、基于所述组件信息的json字符串，生成页面代码；
12、基于所述页面代码，生成前端页面。
13、在一些实现方式中，所述基于所述数据模型，生成业务模型以及生成所述组件的组件信息的json字符串；包括：
14、基于所述数据模型，生成业务模型，并存储所述业务模型；
15、建立所述业务模型的字段与所述布局组件和所述控件的关联关系；
16、基于所述关联关系，生成所述组件信息的json字符串。
17、在一些实现方式中，所述模板确定模块，具体用于：
18、基于可视化的界面，从多个预置的模板中确定与业务需求适应的目标模板。
19、在一些实现方式中，所述在所述目标模板中，定义组件，包括：
20、基于业务需求和模板既定规则，在所述目标模板中，定义组件。
21、在一些实现方式中，所述获取数据模型，包括：
22、获取包括应用数据源的数据文件；
23、基于所述数据文件，获取数据模型。
24、在一些实现方式中，所述基于所述数据文件，获取数据模型；包括：
25、判断从所述数据文件中导入的数据是否符合导入规则；
26、在所述数据文件中导入的数据符合导入规则的情况下，获取数据模型。
27、在一些实现方式中，所述获取数据模型，包括：
28、基于可视化的数据模型定义界面，获取数据模型。
29、在一些实现方式中，所述方法还包括：
30、将所述页面代码存储至数据仓库。
31、为达上述目的，本申请第二方面实施例提出了一种生成前端页面的装置，包括：
32、模板确定模块，用于确定目标模板；
33、组件定义模块，用于在所述目标模板中，定义组件，其中，所述组件包括布局组件和控件，所述布局组件用于装载所述控件或者绑定业务模型；
34、业务模型生成模块，用于获取数据模型，并基于所述数据模型，生成业务模型以及生成所述组件的组件信息的json字符串；
35、页面代码获取模块，用于基于所述组件信息的json字符串，生成页面代码；
36、页面生成模块，用于基于所述页面代码，生成前端页面。
37、在一些实现方式中，所述业务模型生成模块，具体用于：
38、基于所述数据模型，生成业务模型，并存储所述业务模型；
39、建立所述业务模型的字段与所述布局组件和所述控件的关联关系；
40、基于所述关联关系，生成所述组件信息的json字符串。
41、在一些实现方式中，所述确定目标模板，包括：
42、基于可视化的界面，从多个预置的模板中确定与业务需求适应的目标模板。
43、在一些实现方式中，组件定义模块，用于：
44、基于业务需求和模板既定规则，在所述目标模板中，定义组件。
45、在一些实现方式中，所述业务模型生成模块获取数据模型时，用于：
46、获取包括应用数据源的数据文件；
47、基于所述数据文件，获取数据模型。
48、在一些实现方式中，所述业务模型生成模块在基于所述数据文件，获取数据模型时；用于：
49、判断从所述数据文件中导入的数据是否符合导入规则；
50、在所述数据文件中导入的数据符合导入规则的情况下，获取数据模型。
51、在一些实现方式中，所述业务模型生成模块获取数据模型时，用于：
52、基于可视化的数据模型定义界面，获取数据模型。
53、在一些实现方式中，所述页面代码获取模块，还用于：
54、将所述页面代码存储至数据仓库。
55、为达上述目的，本申请第三方面实施例提出了一种电子设备，包括：处理器，以及与所述处理器通信连接的存储器；所述存储器存储计算机执行指令；所述处理器执行所述存储器存储的计算机执行指令，以实现第一方面所述的方法。
56、为达上述目的，本申请第四方面实施例提出了一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机执行指令，所述计算机执行指令被处理器执行时用于实现第一方面所述的方法。
57、为达上述目的，本申请第五方面实施例提出了一种计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现第一方面所述的方法。
58、本申请提供的生成前端页面的方法、装置、电子设备及存储介质，通过在预置模板中定义布局组件和控件，能够基于数据模型生成业务模型以及生成组件信息的json字符串；基于json字符串，生成前端页面，实现了零代码生成前端页面。无编程基础的普通用户可以轻松创建自己的前端页面，从而大大降低了前端页面开发的门槛，提高了开发效率，使更多的人能够参与到互联网应用的开发中来。
59、本申请附加的方面和优点将在下面的描述中部分给出，部分将从下面的描述中变得明显，或通过本申请的实践了解到。
本文档来自技高网...【技术保护点】
1.一种生成前端页面的方法，其特征在于，包括以下步骤：
2.根据权利要求1所述的方法，其特征在于，所述基于所述数据模型，生成业务模型以及生成所述组件的组件信息的JSON字符串；包括：
3.根据权利要求1所述的方法，其特征在于，所述确定目标模板，包括：
4.根据权利要求1所述的方法，其特征在于，所述在所述目标模板中，定义组件，包括：
5.根据权利要求1所述的方法，其特征在于，所述获取数据模型，包括：
6.根据权利要求5所述的方法，其特征在于，所述基于所述数据文件，获取数据模型；包括：
7.根据权利要求1所述的方法，其特征在于，所述获取数据模型，包括：
8.根据权利要求1所述的方法，其特征在于，所述方法还包括：
9.一种生成前端页面的装置，其特征在于，包括：
10.一种电子设备，其特征在于，包括：处理器，以及与所述处理器通信连接的存储器；
【技术特征摘要】
1.一种生成前端页面的方法，其特征在于，包括以下步骤：
2.根据权利要求1所述的方法，其特征在于，所述基于所述数据模型，生成业务模型以及生成所述组件的组件信息的json字符串；包括：
3.根据权利要求1所述的方法，其特征在于，所述确定目标模板，包括：
4.根据权利要求1所述的方法，其特征在于，所述在所述目标模板中，定义组件，包括：
5.根据权利要求1所述的方法，其特征在于，所...
【专利技术属性】
技术研发人员：余月明，
申请(专利权)人：中电金信软件有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。