前端页面的生成方法、装置、存储介质及设备制造方法及图纸

本发明专利技术公开了一种前端页面的生成方法、装置、存储介质及设备。其中，该方法包括：确定待生成前端页面中需要重复使用的内容；通过包含路由的框架提供的通信接口获取需要重复使用的内容对应的小页面，其中，小页面是基于包含路由的框架对需要重复使用的内容进行开发完成的；根据小页面生成前端页面。本发明专利技术解决了由于前端页面开发的过程中需要针对重复的功能重复编写代码，造成的前端页面开发效率低的技术问题。

【技术实现步骤摘要】
前端页面的生成方法、装置、存储介质及设备
本专利技术涉及计算机领域，具体而言，涉及一种前端页面的生成方法、装置、存储介质及设备。
技术介绍
前端页面开发过程中，由于前端项目中存在多个页面需要开发书写代码，且有很多页面的展示是重复的，或者有些页面的部分功能是重复的。如果每个页面都开发写代码，增加了工作量而且还使得项目代码变得冗余，且代码不好维护。针对上述由于前端页面开发的过程中需要针对重复的功能重复编写代码，造成的前端页面开发效率低的问题，目前尚未提出有效的解决方案。
技术实现思路
本专利技术实施例提供了一种前端页面的生成方法、装置、存储介质及设备，以至少解决由于前端页面开发的过程中需要针对重复的功能重复编写代码，造成的前端页面开发效率低的技术问题。根据本专利技术实施例的一个方面，提供了一种前端页面的生成方法，包括：确定待生成前端页面中需要重复使用的内容；通过包含路由的框架提供的通信接口获取所述需要重复使用的内容对应的小页面，其中，所述小页面是基于所述包含路由的框架对所述需要重复使用的内容进行开发完成的；根据所述小页面生成所述前端页面。进一步地，所述确定待生成前端页面中需要重复使用的内容，包括：将所述待生成前端页面包含的页面功能进行拆分；根据拆分结果，确定所述待生成前端页面中需要重复使用的内容；和/或，在通过包含路由的框架提供的通信接口获取所述需要重复使用的内容对应的小页面之前，所述方法还包括：基于所述包含路由的框架对所述需要重复使用的内容进行开发，得到所述小页面。进一步地，所述需要重复使用的内容包括功能内容和展示内容中的至少一种，所述小页面包括功能页和展示页中的至少一种，所述基于所述包含路由的框架对所述需要重复使用的内容进行开发，得到所述小页面，包括：基于所述包含路由的框架对需要重复使用的所述功能内容进行开发，得到所述功能页；和/或，基于所述包含路由的框架对需要重复使用的所述展示内容进行开发，得到所述展示页。进一步地，所述包含路由的框架为：react框架、vue框架和angluarJS框架中的至少一种。进一步地，所述前端页面与所述小页面之间还基于所述通信接口进行数据通信，其中，所述数据通信的方式至少包括：通过路由传参的方式从所述前端页面向所述小页面传递数据。进一步地，所述前端页面与所述小页面之间还基于所述通信接口进行数据通信，其中，所述数据通信的方式至少包括：通过路由跳转的方式从所述小页面向所述前端页面传递数据。进一步地，当所述待生成前端页面中还包含非重复使用内容时，所述根据所述小页面生成所述前端页面，包括：对所述非重复使用内容进行开发，得到父页面；通过所述包含路由的框架提供的通信接口将所述小页面嵌入所述父页面，得到所述前端页面；和/或，当所述待生成前端页面中不包含非重复使用内容，且所述小页面为多个时，所述根据所述小页面生成所述前端页面，包括：将多个所述小页面进行拼接，得到所述前端页面。根据本专利技术实施例的另一方面，还提供了一种前端页面的生成装置，包括：确定单元,用于确定待生成前端页面中需要重复使用的内容；获取单元,用于通过包含路由的框架提供的通信接口获取所述需要重复使用的内容对应的小页面，其中，所述小页面是基于所述包含路由的框架对所述需要重复使用的内容进行开发完成的；生成单元,用于根据所述小页面生成所述前端页面。在本专利技术实施例中，在前端页面开发的过程中，判断待生成的前端页面中是否存在需要重复使用的内容，然后在待生成前端页面中存在需要重复使用的内容的情况下，可以基于包含路由的框架对需要重复使用的内容开发小页面，并通过该包含路由的框架所提供的通信接口获取需要重复使用的内容对应的小页面，再基于小页面生成前端页面，使前端页面与各小页面可以互联互通，在生成前端页面的过程中，前端页面可以通过各小页面的通信接口，直接调用针对重复使用的内容而开发的小页面，而无需对重复使用的内容重复编写代码，从而实现了提高前端页面开发效率的技术效果，进而解决了由于前端页面开发的过程中需要针对重复的功能重复编写代码，造成的前端页面开发效率低的技术问题。附图说明此处所说明的附图用来提供对本专利技术的进一步理解，构成本申请的一部分，本专利技术的示意性实施例及其说明用于解释本专利技术，并不构成对本专利技术的不当限定。在附图中：图1是根据本专利技术实施例的一种前端页面的生成方法；图2是根据本专利技术实施例的一种前端页面的生成装置的示意图；图3是根据本专利技术实施例的一种设备的示意图。具体实施方式为了使本
的人员更好地理解本专利技术方案，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分的实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本专利技术保护的范围。需要说明的是，本专利技术的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本专利技术的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。根据本专利技术实施例，提供了一种前端页面的生成方法实施例，需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。图1是根据本专利技术实施例的一种前端页面的生成方法，如图1所示，该方法包括如下步骤：步骤S102，确定待生成前端页面中需要重复使用的内容；步骤S104，通过包含路由的框架提供的通信接口获取需要重复使用的内容对应的小页面，其中，小页面是基于包含路由的框架对需要重复使用的内容进行开发完成的；步骤S106，根据小页面生成前端页面。通过上述步骤，在前端页面开发的过程中，判断待生成的前端页面中是否存在需要重复使用的内容，然后在待生成前端页面中存在需要重复使用的内容的情况下，可以基于包含路由的框架对需要重复使用的内容开发小页面，并通过该包含路由的框架所提供的通信接口获取需要重复使用的内容对应的小页面，再基于小页面生成前端页面，使前端页面与各小页面可以互联互通，在生成前端页面的过程中，前端页面可以通过各小页面的通信接口，直接调用针对重复使用的内容而开发的小页面，而无需对重复使用的内容重复编写代码，从而实现了提高前端页面开发效率的技术效果，进而解决了由于前端页面开发的过程中需要针对重复的功能重复编写代码，造成的前端页面开发效率低的技术问题。作为一种可选的实施例，在步骤S104提供的方案中，包含本文档来自技高网...

【技术保护点】
1.一种前端页面的生成方法，其特征在于，包括：/n确定待生成前端页面中需要重复使用的内容；/n通过包含路由的框架提供的通信接口获取所述需要重复使用的内容对应的小页面，其中，所述小页面是基于所述包含路由的框架对所述需要重复使用的内容进行开发完成的；/n根据所述小页面生成所述前端页面。/n

【技术特征摘要】
1.一种前端页面的生成方法，其特征在于，包括：
确定待生成前端页面中需要重复使用的内容；
通过包含路由的框架提供的通信接口获取所述需要重复使用的内容对应的小页面，其中，所述小页面是基于所述包含路由的框架对所述需要重复使用的内容进行开发完成的；
根据所述小页面生成所述前端页面。


2.根据权利要求1所述的方法，其特征在于，所述确定待生成前端页面中需要重复使用的内容，包括：
将所述待生成前端页面包含的页面功能进行拆分；
根据拆分结果，确定所述待生成前端页面中需要重复使用的内容；和/或，
在通过包含路由的框架提供的通信接口获取所述需要重复使用的内容对应的小页面之前，所述方法还包括：
基于所述包含路由的框架对所述需要重复使用的内容进行开发，得到所述小页面。


3.根据权利要求2所述的方法，其特征在于，所述需要重复使用的内容包括功能内容和展示内容中的至少一种，所述小页面包括功能页和展示页中的至少一种，所述基于所述包含路由的框架对所述需要重复使用的内容进行开发，得到所述小页面，包括：
基于所述包含路由的框架对需要重复使用的所述功能内容进行开发，得到所述功能页；
和/或，
基于所述包含路由的框架对需要重复使用的所述展示内容进行开发，得到所述展示页。


4.根据权利要求1所述的方法，其特征在于，所述包含路由的框架为：react框架、vue框架和angluarJS框架中的至少一种。


5.根据权利要求1所述的方法，其特征在于，所述前端页面与所述小页面之间还基于所述通信接口进行数据通信，其中，所述数据通信的方式至少包括：
通过路由传参的方式从所述前端页面向所述小页面传递数据。

【专利技术属性】
技术研发人员：杨文，
申请(专利权)人：北京国双科技有限公司，
类型：发明
国别省市：北京;11