CN112764745A - 前端页面的生成方法、装置、存储介质及设备 - Google Patents

Abstract

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

Description

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

技术领域

本发明涉及计算机领域，具体而言，涉及一种前端页面的生成方法、装置、存储介质及设备。

背景技术

前端页面开发过程中，由于前端项目中存在多个页面需要开发书写代码，且有很多页面的展示是重复的，或者有些页面的部分功能是重复的。如果每个页面都开发写代码，增加了工作量而且还使得项目代码变得冗余，且代码不好维护。

针对上述由于前端页面开发的过程中需要针对重复的功能重复编写代码，造成的前端页面开发效率低的问题，目前尚未提出有效的解决方案。

发明内容

本发明实施例提供了一种前端页面的生成方法、装置、存储介质及设备，以至少解决由于前端页面开发的过程中需要针对重复的功能重复编写代码，造成的前端页面开发效率低的技术问题。

根据本发明实施例的一个方面，提供了一种前端页面的生成方法，包括：确定待生成前端页面中需要重复使用的内容；通过包含路由的框架提供的通信接口获取所述需要重复使用的内容对应的小页面，其中，所述小页面是基于所述包含路由的框架对所述需要重复使用的内容进行开发完成的；根据所述小页面生成所述前端页面。

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

进一步地，所述需要重复使用的内容包括功能内容和展示内容中的至少一种，所述小页面包括功能页和展示页中的至少一种，所述基于所述包含路由的框架对所述需要重复使用的内容进行开发，得到所述小页面，包括：基于所述包含路由的框架对需要重复使用的所述功能内容进行开发，得到所述功能页；和/或，基于所述包含路由的框架对需要重复使用的所述展示内容进行开发，得到所述展示页。

进一步地，所述包含路由的框架为：react框架、vue框架和angluarJS框架中的至少一种。

进一步地，所述前端页面与所述小页面之间还基于所述通信接口进行数据通信，其中，所述数据通信的方式至少包括：通过路由传参的方式从所述前端页面向所述小页面传递数据。

进一步地，所述前端页面与所述小页面之间还基于所述通信接口进行数据通信，其中，所述数据通信的方式至少包括：通过路由跳转的方式从所述小页面向所述前端页面传递数据。

进一步地，当所述待生成前端页面中还包含非重复使用内容时，所述根据所述小页面生成所述前端页面，包括：对所述非重复使用内容进行开发，得到父页面；通过所述包含路由的框架提供的通信接口将所述小页面嵌入所述父页面，得到所述前端页面；和/或，当所述待生成前端页面中不包含非重复使用内容，且所述小页面为多个时，所述根据所述小页面生成所述前端页面，包括：将多个所述小页面进行拼接，得到所述前端页面。

根据本发明实施例的另一方面，还提供了一种前端页面的生成装置，包括：确定单元,用于确定待生成前端页面中需要重复使用的内容；获取单元,用于通过包含路由的框架提供的通信接口获取所述需要重复使用的内容对应的小页面，其中，所述小页面是基于所述包含路由的框架对所述需要重复使用的内容进行开发完成的；生成单元,用于根据所述小页面生成所述前端页面。

在本发明实施例中，在前端页面开发的过程中，判断待生成的前端页面中是否存在需要重复使用的内容，然后在待生成前端页面中存在需要重复使用的内容的情况下，可以基于包含路由的框架对需要重复使用的内容开发小页面，并通过该包含路由的框架所提供的通信接口获取需要重复使用的内容对应的小页面，再基于小页面生成前端页面，使前端页面与各小页面可以互联互通，在生成前端页面的过程中，前端页面可以通过各小页面的通信接口，直接调用针对重复使用的内容而开发的小页面，而无需对重复使用的内容重复编写代码，从而实现了提高前端页面开发效率的技术效果，进而解决了由于前端页面开发的过程中需要针对重复的功能重复编写代码，造成的前端页面开发效率低的技术问题。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1是根据本发明实施例的一种前端页面的生成方法；

图2是根据本发明实施例的一种前端页面的生成装置的示意图；

图3是根据本发明实施例的一种设备的示意图。

具体实施方式

为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分的实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。

需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

根据本发明实施例，提供了一种前端页面的生成方法实施例，需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

图1是根据本发明实施例的一种前端页面的生成方法，如图1所示，该方法包括如下步骤：

步骤S102，确定待生成前端页面中需要重复使用的内容；

步骤S104，通过包含路由的框架提供的通信接口获取需要重复使用的内容对应的小页面，其中，小页面是基于包含路由的框架对需要重复使用的内容进行开发完成的；

步骤S106，根据小页面生成前端页面。

通过上述步骤，在前端页面开发的过程中，判断待生成的前端页面中是否存在需要重复使用的内容，然后在待生成前端页面中存在需要重复使用的内容的情况下，可以基于包含路由的框架对需要重复使用的内容开发小页面，并通过该包含路由的框架所提供的通信接口获取需要重复使用的内容对应的小页面，再基于小页面生成前端页面，使前端页面与各小页面可以互联互通，在生成前端页面的过程中，前端页面可以通过各小页面的通信接口，直接调用针对重复使用的内容而开发的小页面，而无需对重复使用的内容重复编写代码，从而实现了提高前端页面开发效率的技术效果，进而解决了由于前端页面开发的过程中需要针对重复的功能重复编写代码，造成的前端页面开发效率低的技术问题。

作为一种可选的实施例，在步骤S104提供的方案中，包含路由的框架为：react框架、vue框架和angluarJS框架中的至少一种。

在步骤S104提供的方案中，可以将基于vue中的router-view或router-link作为小页面的通信接口。

在步骤S104提供的方案中，通过为每个小页面设置相应的通信接口，使前端页面与小页面可以通过该通信接口进行通信，实现对小页面的访问或调取，以达到前端页面的多项页面功能，完成对前端页面的生成。

作为一种可选的实施例，确定待生成前端页面中需要重复使用的内容，包括：将待生成前端页面包含的页面功能进行拆分；根据拆分结果，确定待生成前端页面中需要重复使用的内容。

本发明上述实施例，在生成前端页面之前，可以预先确定待生成前端页面的多项页面功能，并按照页面功能对待生成前端页面进行拆分，得到拆分结果，然后根据拆分结果所表示的多项页面功能，确定待生成前端页面中重复的页面功能，从而确定待生成前端页面中需要重复使用的内容。

可选地，可以将前端页面的每项页面功能作为小页面进行独立开发，生成具有该项页面功能的小页面。由于上述小页面开发完毕后，可以作为一个页面组件，在后续需要使用时通过组件化调用进行使用。

作为一种可选的实施例，在通过包含路由的框架提供的通信接口获取需要重复使用的内容对应的小页面之前，方法还包括：基于包含路由的框架对需要重复使用的内容进行开发，得到小页面。

本发明上述实施例，在确定待生成前端页面中需要重复使用的内容之后，可以对需要重复使用的内容进行独立开发，生成各重复使用的内容所对应的小页面。

可选地，在基于包含路由的框架对需要重复使用的内容进行开发，得到小页面之后，还可以将开发得到的小页面存储在预定页面库中。

本发明上述实施例，在每次生成小页面后，可以将生成的小页面存储在预定页面库中，从而在历史的前端页面生成过程中，可以在预定页面库中存储大量的小页面，进而在生成前端页面的过程中，可以直接从预定页面库中提取历史生成的小页面，避免对小页面的重复开发，提高前端页面的生成效率。

作为一种可选的实施例，需要重复使用的内容包括功能内容和展示内容中的至少一种，小页面包括功能页和展示页中的至少一种，基于包含路由的框架对需要重复使用的内容进行开发，得到小页面，包括：基于包含路由的框架对需要重复使用的功能内容进行开发，得到功能页；和/或，基于包含路由的框架对需要重复使用的展示内容进行开发，得到展示页。

本发明上述实施例，前端页面中重复使用的内容至少包括功能内容和展示内容，基于包含路由的框架可以对前端页面的功能内容生成功能页；基于包含路由的框架可以对前端页面的展示内容生成展示页。

需要说明的是，生成的小页面包括功能页和展示页，但是生成功能页，还是生成展示页，可以基于前端页面的页面功能确定，该页面功能可以根据前端页面中的内容确定。

作为一种可选的实施例，前端页面与小页面之间还基于通信接口进行数据通信，其中，数据通信的方式至少包括：通过路由传参的方式从前端页面向小页面传递数据。

作为一种可选的实施例，前端页面与小页面之间还基于通信接口进行数据通信，其中，数据通信的方式至少包括：通过路由跳转的方式从小页面向前端页面传递数据。

本发明上述实施例，通过路由传参的方式，可以实现从前端页面向小页面传递数据的过程；通过路由跳转的方式，可以实现从小页面向前端页面传递数据的过程，实现前端页面与小页面之间的互联互通。

例如，可以采用vue中的router.push()方法，同时改变父路由和前端页面的子路由。

可选地，为了避免路由存在缓存的问题，可以在切换或替换路由时，在路由后添加时间戳作为默认参数。

需要说明的是，前端页面可以作为小页面的父页面，或者，将基于前端页面中不需要重复使用的内容开发完成的页面作为父页面，相应的小页面即为前端页面的子页面。

由于前端页面既可以全部由需要重复使用的内容构成，也可以同时既包含需要重复使用的内容，又包含不需要重复使用的内容，以下分别进行说明。

作为一种可选的实施例，当待生成前端页面中除了包含需要重复使用的内容，还包含非重复使用内容时，根据小页面生成前端页面，包括：对非重复使用内容进行开发，得到父页面；通过包含路由的框架提供的通信接口将小页面嵌入父页面，得到前端页面。在该实施例中，对于非重复使用的内容，单独进行开发形成父页面，而将需要重复使用的内容通过包含路由的框架进行开发得到小页面，然后将小页面嵌入父页面中即可得到需要的前端页面。需要说明的是，此处的父页面、小页面开发可以在同一个框架下，也可以分别在不同的框架下进行，框架之间相互能够兼容即可。

作为一种可选的实施例，当待生成前端页面中不包含非重复使用内容，且小页面为多个时，根据小页面生成前端页面，包括：将多个小页面进行拼接，得到前端页面。

其中，将多个小页面进行拼接的过程中，需要遵循相关页面布局、展示的相关要求，例如，每个小页面之间的相对空间位置关系、展示格式要求等。

本发明还提供了一种优选实施例，该优选实施例提供了一种基于路由的前端页面重组实现方案。

步骤1)在前端页面的开发过程中，可以根据项目需求，将前端页面中的功能先进行功能分解，将前端页面中出现的重复的功能页或展示页单独拆分出来。

步骤2)将步骤1)中拆分出的功能页或展示页单独作为一个小页面开发，例如，可以采用现有的比较大众化的react/vue/angularJS等包含路由的框架作为基础开发功能页或展示页。

步骤3)将步骤2)中单独开发出的小页面，分别通过react/vue/angluarJS中的路由，例如vue中的router-view或router-link,作为小页面的入口(即通信接口)，在当前页面(即前端页面)中引入。

步骤4)当前页面(即前端页面)和前三个步骤中产生的小页面进行数据通信时，可通过路由传参的形式由当前的父页面往小页面中传递，如需要小页面往当前父页面进行数据通信，则可通过vue/react/angularJS中的路由跳转的方法，例如vue中的router.push()方法，同时改变父路由和当前页面(即前端页面)中包含的子路由。因路由存在缓存的问题，可在切换或者替换路由时在路由后添加个时间戳作为默认参数。

本发明提供的技术方案，可以在前端页面的重组过程中，将前端页面中重复展示或重复功能提取为单独的小页面进行部署，避免前端页面对重复的展示页或功能页进行重复开发，减少前端开发工作量，简化代码，提高开发效率；并且生成的小页面可以单独使用，也可组装使用，减少代码的冗余易于代码的维护，提高工作效率，使得前端更易于维护。

根据本发明实施例，还提供了一种前端页面的生成装置实施例，需要说明的是，该前端页面的生成装置可以用于执行本发明实施例中前端页面的生成方法，本发明实施例中前端页面的生成方法可以在该前端页面的生成装置中执行。

图2是根据本发明实施例的一种前端页面的生成装置的示意图，如图2所示，该装置可以包括：确定单元202、获取单元204和生成单元206。

其中，确定单元202,用于确定待生成前端页面中需要重复使用的内容；获取单元204,用于通过包含路由的框架提供的通信接口获取需要重复使用的内容对应的小页面，其中，小页面是基于包含路由的框架对需要重复使用的内容进行开发完成的；生成单元206,用于根据小页面生成前端页面。

需要说明的是，该实施例中的确定单元202可以用于执行本申请实施例中的步骤S102，该实施例中的获取单元204可以用于执行本申请实施例中的步骤S104，该实施例中的生成单元206可以用于执行本申请实施例中的步骤S106。上述模块与对应的步骤所实现的示例和应用场景相同，但不限于上述实施例所公开的内容。

在本发明实施例中，在前端页面开发的过程中，判断待生成的前端页面中是否存在需要重复使用的内容，然后在待生成前端页面中存在需要重复使用的内容的情况下，可以基于包含路由的框架对需要重复使用的内容开发小页面，并通过该包含路由的框架所提供的通信接口获取需要重复使用的内容对应的小页面，再基于小页面生成前端页面，使前端页面与各小页面可以互联互通，在生成前端页面的过程中，前端页面可以通过各小页面的通信接口，直接调用针对重复使用的内容而开发的小页面，而无需对重复使用的内容重复编写代码，从而实现了提高前端页面开发效率的技术效果，进而解决了由于前端页面开发的过程中需要针对重复的功能重复编写代码，造成的前端页面开发效率低的技术问题。

作为一种可选的实施例，确定单元包括：拆分模块,用于将待生成前端页面包含的页面功能进行拆分；确定模块,用于根据拆分结果，确定待生成前端页面中需要重复使用的内容；

作为一种可选的实施例，装置还包括：开发单元,用于在通过包含路由的框架提供的通信接口获取需要重复使用的内容对应的小页面之前，基于包含路由的框架对需要重复使用的内容进行开发，得到小页面。

作为一种可选的实施例，需要重复使用的内容包括功能内容和展示内容中的至少一种，小页面包括功能页和展示页中的至少一种，开发单元包括：第一开发模块,用于基于包含路由的框架对需要重复使用的功能内容进行开发，得到功能页；和/或，第二开发模块,用于基于包含路由的框架对需要重复使用的展示内容进行开发，得到展示页。

作为一种可选的实施例，包含路由的框架为：react框架、vue框架和angluarJS框架中的至少一种。

作为一种可选的实施例，前端页面与小页面之间还基于通信接口进行数据通信，其中，数据通信的方式至少包括：通过路由传参的方式从前端页面向小页面传递数据。

作为一种可选的实施例，前端页面与小页面之间还基于通信接口进行数据通信，其中，数据通信的方式至少包括：通过路由跳转的方式从小页面向前端页面传递数据。

作为一种可选的实施例，当待生成前端页面中还包含非重复使用内容时，生成单元包括：第三开发模块,用于对非重复使用内容进行开发，得到父页面；嵌入模块,用于通过包含路由的框架提供的通信接口将小页面嵌入父页面，得到前端页面。

作为一种可选的实施例，当待生成前端页面中不包含非重复使用内容，且小页面为多个时，生成单元包括：拼接模块,用于将多个小页面进行拼接，得到前端页面。

所述前端页面的生成装置包括处理器和存储器，上述确定单元202、获取单元204和生成单元206等均作为程序单元存储在存储器中，由处理器执行存储在存储器中的上述程序单元来实现相应的功能。

处理器中包含内核，由内核去存储器中调取相应的程序单元。内核可以设置一个或以上，通过调整内核参数来生成前端页面。

本发明实施例提供了一种存储介质，其上存储有程序，该程序被处理器执行时实现所述前端页面的生成方法。

本发明实施例提供了一种处理器，所述处理器用于运行程序，其中，所述程序运行时执行所述前端页面的生成方法。

图3是根据本发明实施例的一种设备的示意图，如图3所示，本发明实施例提供了一种设备300，设备包括至少一个处理器302、以及与处理器302连接的至少一个存储器306、总线304；其中，处理器302、存储器306通过总线304完成相互间的通信；处理器302用于调用存储器306中的程序指令，以执行上述的前端页面的生成方法。本文中的设备300可以是服务器、PC、PAD、手机等。

本申请还提供了一种计算机程序产品，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序：确定待生成前端页面中需要重复使用的内容；通过包含路由的框架提供的通信接口获取需要重复使用的内容对应的小页面，其中，小页面是基于包含路由的框架对需要重复使用的内容进行开发完成的；根据小页面生成前端页面。

本申请还提供了一种计算机程序产品，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序：将待生成前端页面包含的页面功能进行拆分；根据拆分结果，确定待生成前端页面中需要重复使用的内容。

本申请还提供了一种计算机程序产品，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序：在通过包含路由的框架提供的通信接口获取需要重复使用的内容对应的小页面之前，基于包含路由的框架对需要重复使用的内容进行开发，得到小页面。

可选地，需要重复使用的内容包括功能内容和展示内容中的至少一种，小页面包括功能页和展示页中的至少一种，本申请还提供了一种计算机程序产品，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序：基于包含路由的框架对需要重复使用的功能内容进行开发，得到功能页；和/或，基于包含路由的框架对需要重复使用的展示内容进行开发，得到展示页。

本申请还提供了一种计算机程序产品，包含路由的框架为：react框架、vue框架和angluarJS框架中的至少一种。

本申请还提供了一种计算机程序产品，前端页面与小页面之间还基于通信接口进行数据通信，其中，数据通信的方式至少包括：通过路由传参的方式从前端页面向小页面传递数据。

本申请还提供了一种计算机程序产品，前端页面与小页面之间还基于通信接口进行数据通信，其中，数据通信的方式至少包括：通过路由跳转的方式从小页面向前端页面传递数据。

可选地，当待生成前端页面中还包含非重复使用内容时，本申请还提供了一种计算机程序产品，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序：对非重复使用内容进行开发，得到父页面；通过包含路由的框架提供的通信接口将小页面嵌入父页面，得到前端页面。

可选地，当待生成前端页面中不包含非重复使用内容，且小页面为多个时，本申请还提供了一种计算机程序产品，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序：将多个小页面进行拼接，得到前端页面。

本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

在一个典型的配置中，设备包括一个或多个处理器(CPU)、存储器和总线。设备还可以包括输入/输出接口、网络接口等。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)，存储器包括至少一个存储芯片。存储器是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。

本领域技术人员应明白，本申请的实施例可提供为方法、系统或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

以上仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims (10)

1.一种前端页面的生成方法，其特征在于，包括：

确定待生成前端页面中需要重复使用的内容；

通过包含路由的框架提供的通信接口获取所述需要重复使用的内容对应的小页面，其中，所述小页面是基于所述包含路由的框架对所述需要重复使用的内容进行开发完成的；

根据所述小页面生成所述前端页面。

2.根据权利要求1所述的方法，其特征在于，所述确定待生成前端页面中需要重复使用的内容，包括：

将所述待生成前端页面包含的页面功能进行拆分；

根据拆分结果，确定所述待生成前端页面中需要重复使用的内容；和/或，

在通过包含路由的框架提供的通信接口获取所述需要重复使用的内容对应的小页面之前，所述方法还包括：

基于所述包含路由的框架对所述需要重复使用的内容进行开发，得到所述小页面。

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

基于所述包含路由的框架对需要重复使用的所述功能内容进行开发，得到所述功能页；

和/或，

基于所述包含路由的框架对需要重复使用的所述展示内容进行开发，得到所述展示页。

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

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

通过路由传参的方式从所述前端页面向所述小页面传递数据。

6.根据权利要求1所述的方法，其特征在于，所述前端页面与所述小页面之间还基于所述通信接口进行数据通信，其中，所述数据通信的方式至少包括：

通过路由跳转的方式从所述小页面向所述前端页面传递数据。

7.根据权利要求1至6任一项所述的方法，其特征在于：

当所述待生成前端页面中还包含非重复使用内容时，所述根据所述小页面生成所述前端页面，包括：

对所述非重复使用内容进行开发，得到父页面；

通过所述包含路由的框架提供的通信接口将所述小页面嵌入所述父页面，得到所述前端页面；

和/或，

当所述待生成前端页面中不包含非重复使用内容，且所述小页面为多个时，所述根据所述小页面生成所述前端页面，包括：

将多个所述小页面进行拼接，得到所述前端页面。

8.一种前端页面的生成装置，其特征在于，包括：

确定单元,用于确定待生成前端页面中需要重复使用的内容；

获取单元,用于通过包含路由的框架提供的通信接口获取所述需要重复使用的内容对应的小页面，其中，所述小页面是基于所述包含路由的框架对所述需要重复使用的内容进行开发完成的；

生成单元,用于根据所述小页面生成所述前端页面。

9.一种存储介质，其特征在于，所述存储介质包括存储的程序，其中，在所述程序运行时控制所述存储介质所在设备执行权利要求1至7中任意一项所述的前端页面的生成方法。

10.一种设备，其特征在于，设备包括至少一个处理器、以及与所述处理器连接的至少一个存储器、总线；

其中，所述处理器、所述存储器通过总线完成相互间的通信；处理器用于调用存储器中的程序指令，以执行权利要求1至7中任意一项所述的前端页面的生成方法。

Images