页面应用数据包生成方法、装置、计算机设备及存储介质制造方法及图纸

本发明专利技术实施例公开了一种页面应用数据包生成方法、装置、计算机设备及存储介质。所述方法包括：获取页面类型，其中，所述页面类型包括多页类型或者单页类型；获取与所述页面类型匹配的配置数据，所述配置数据用于指定目标数量个页面入口文件，所述目标数量包括一个或多个，所述目标数量与页面类型参数匹配；根据所述配置数据，生成页面应用数据包。本发明专利技术实施例可以快速生成单页应用或多页应用，提高页面应用的生成效率。

【技术实现步骤摘要】
页面应用数据包生成方法、装置、计算机设备及存储介质
本专利技术实施例涉及网络领域，尤其涉及一种页面应用数据包生成方法、装置、计算机设备及存储介质。
技术介绍
单页应用(SinglePageWebApplication，SPA)是指只有一个主页面的应用程序，可以通过加载单个超文本标记语言(HyperTextMarkupLanguage，HTML)页面并在用户与应用程序交互时动态更新该页面。所有的内容都包含在主页面，页面跳转仅刷新局部网页资源，公共资源(层叠样式表和脚本语言(JavaScript)等)仅需加载一次，常用于网站。而多页应用(MultiplePageWebApplication，MPA)包括很多个HTML文件，每个页面必须重复加载公共资源等。多页应用跳转，需要整页资源刷新，常用于应用程序或客户端等。实际上，不同应用场景适用于不同类型的应用。目前，现有方法只能生成多页应用或只能生成单页应用。如果需要生成不同页面类型的页面应用，需要开发多个前端工程项目，导致页面应用的生成效率低。
技术实现思路
本专利技术实施例提供一种页面应用数据包生成方法、装置、计算机设备及存储介质，可以快速生成单页应用或多页应用，提高页面应用的生成效率。第一方面，本专利技术实施例提供了一种页面应用数据包生成方法，包括：获取页面类型，其中，所述页面类型包括多页类型或者单页类型；获取与所述页面类型匹配的配置数据，所述配置数据用于指定目标数量个页面入口文件，所述目标数量包括一个或多个，所述目标数量与页面类型参数匹配；根据所述配置数据，生成页面应用数据包。第二方面，本专利技术实施例还提供了一种页面应用数据包生成装置，包括：页面类型获取模块，用于获取页面类型，其中，所述页面类型包括多页类型或者单页类型；配置数据获取模块，用于获取与所述页面类型匹配的配置数据，所述配置数据用于指定目标数量个页面入口文件，所述目标数量包括一个或多个，所述目标数量与页面类型参数匹配；页面应用数据包生成模块，用于根据所述配置数据，生成页面应用数据包。第三方面，本专利技术实施例还提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序所述处理器执行所述程序时实现如本专利技术实施例中任一所述的页面应用数据包生成方法。第四方面，本专利技术实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如本专利技术实施例中任一所述的页面应用数据包生成方法。本专利技术实施例通过根据页面类型，选择匹配的配置数据，生成页面应用数据包，可以选择生成单页应用或者多页应用，解决了现有技术中一个前端工程项目只能生成一类页面应用的问题，可以在一个前端工程项目中实现生成单页应用或多页应用，减少页面应用开发的重复性工作，可以提高页面应用的生成效率。附图说明图1是本专利技术实施例一中的一种页面应用数据包生成方法的流程图；图2a是本专利技术实施例二中的一种页面应用数据包生成方法的流程图；图2b是本专利技术实施例所适用的一种页面应用项目目录结构的示意图；图2c是本专利技术实施例所适用的一种页面应用项目目录结构的示意图；图2d是本专利技术实施例所适用的一种页面应用数据包生成应用场景的示意图；图3是本专利技术实施例三中的一种页面应用数据包生成装置的结构示意图；图4是本专利技术实施例四中的一种计算机设备的结构示意图。具体实施方式下面结合附图和实施例对本专利技术作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本专利技术，而非对本专利技术的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本专利技术相关的部分而非全部结构。实施例一图1为本专利技术实施例一中的一种页面应用数据包生成方法的流程图的示意图，本实施例可适用于根据需要生成单页应用数据包括或者多页应用数据包的情况，该方法可以由本专利技术实施例提供的页面应用数据包生成装置来执行，该装置可采用软件和/或硬件的方式实现，并一般可集成计算机设备。如图1所示，本实施例的方法具体包括：S110，获取页面类型，其中，所述页面类型包括多页类型或者单页类型。页面类型用于确定生成的页面应用的类型。页面类型可以包括多页类型或单页类型。其中，多页类型用于生成多页应用，单页类型用于生成单页应用。页面应用数据包与页面类型匹配。相应的，页面应用数据包可以包括单页应用数据包或者多页应用数据包。S120，获取与所述页面类型匹配的配置数据，所述配置数据用于指定目标数量个页面入口文件，所述目标数量包括一个或多个，所述目标数量与页面类型参数匹配。配置数据用于生成页面应用数据包。具体的，配置数据可以是指针对页面应用配置项的输入数据。目标数量可以是页面入口文件的数量。通常，单页应用包括一个页面入口文件，多页应用包括多个页面入口文件。相应的，单页类型对应的目标数量为一个，多页类型对应的目标数量为多个。S130，根据所述配置数据，生成页面应用数据包。页面应用数据包可以用于浏览器渲染页面，并显示；或者页面应用数据包可以安装在电子设备中，生成客户端并显示。页面应用数据包可以包括第三方程序依赖文件、工程代码依赖文件和业务代码依赖文件。具体的，可以通过脚手架结合模块打包程序，实现根据配置数据，生成页面应用数据包。其中，脚手架用于开发应用程序代码，具体的，脚手架可以是预先搭建的应用程序的框架，可以将脚手架理解为各应用程序中重复性的代码抽离出来的代码。通过脚手架可以减少开发应用程序的重复性开发工作。模块打包程序用于将脚本语言(如JavaScript)文件打包在一起，打包后的文件用于在浏览器中使用。可选的，所述页面类型为单页类型，所述页面入口文件的数量为一个；所述根据所述配置数据，生成页面应用数据包，包括：根据所述配置数据，获取一个页面入口文件；根据所述页面入口文件，生成单页应用数据包。页面入口文件用于指向页面应用数据包关联的其他文件，即页面入口文件中指定单页应用依赖的全部数据，或者指定多页应用中匹配的页面依赖的全部数据。针对单页应用，仅需要配置一个页面入口文件。获取页面应用数据包中的依赖关系，是从页面入口文件开始解析。可以从该页面入口文件开始，构建单页应用的依赖关系，形成单页应用数据包。而针对多页应用，各页面是相互独立的，每个页面需要一个页面入口文件。可选的，所述页面类型为多页类型，所述页面入口文件的数量为至少两个；所述根据所述配置数据，生成页面应用数据包，包括：根据所述配置数据，获取多个页面入口文件；根据各所述页面入口文件，生成多页应用数据包。在多页应用打包的应用场景中，需要在配置数据中指定多个页面入口文件，可以分别从多个页面入口文件开始，构建多页应用的依赖关系，形成多页应用的数据包。具体的，可以通过遍历目录结构下的所有页面入口文件，然后将页面入口文件对应的名称作为该页面的入口标识信息。其中，可以通过glob模块查询本文档来自技高网...

【技术保护点】
1.一种页面应用数据包生成方法，其特征在于，包括：/n获取页面类型，其中，所述页面类型包括多页类型或者单页类型；/n获取与所述页面类型匹配的配置数据，所述配置数据用于指定目标数量个页面入口文件，所述目标数量包括一个或多个，所述目标数量与页面类型参数匹配；/n根据所述配置数据，生成页面应用数据包。/n

【技术特征摘要】
1.一种页面应用数据包生成方法，其特征在于，包括：
获取页面类型，其中，所述页面类型包括多页类型或者单页类型；
获取与所述页面类型匹配的配置数据，所述配置数据用于指定目标数量个页面入口文件，所述目标数量包括一个或多个，所述目标数量与页面类型参数匹配；
根据所述配置数据，生成页面应用数据包。


2.根据权利要求1所述的方法，其特征在于，所述页面类型为单页类型，所述页面入口文件的数量为一个；
所述根据所述配置数据，生成页面应用数据包，包括：
根据所述配置数据，获取一个页面入口文件；
根据所述页面入口文件，生成单页应用数据包。


3.根据权利要求1所述的方法，其特征在于，所述页面类型为多页类型，所述页面入口文件的数量为至少两个；
所述根据所述配置数据，生成页面应用数据包，包括：
根据所述配置数据，获取多个页面入口文件；
根据各所述页面入口文件，生成多页应用数据包。


4.根据权利要求1所述的方法，其特征在于，所述根据所述配置数据，生成页面应用数据包，包括：
通过模块打包程序，根据所述配置数据，生成页面应用数据包，所述模块打包程序包括Webpack程序。


5.根据权利要求1所述的方法，其特征在于，在生成页面应用数据包之后，还包括：
在接收到与所述页面类型匹配的运行指令时，通过浏览器加载所述页面应用数据包，渲染形成网页。


6.根据权利要求1...

【专利技术属性】
技术研发人员：许晓钦，彭杰，石迎春，
申请(专利权)人：南京领行科技股份有限公司，
类型：发明
国别省市：江苏;32