前端多页项目结构系统及其运行方法、构建方法技术方案

本发明专利技术公开一种前端多页项目的结构系统及其运行方法、构建方法。该前端多页项目结构系统，包括：共享文件夹，用于存放各项目模块的共享代码；项目模块，用于存放各项目模块对应的业务代码；其中，在运行或构建各项目模块时，通过依赖关系图，能够从共享代码中找到相应的代码；所述项目模块至少为两个。本分发明专利技术中，在运行各项目模块时，只需要通过命令指定多页项目需要运行的页面项目模块，解决了运行全部项目非常缓慢以及内存占用过大的问题，在构建各项目模块时，只需要通过命令指定多页项目需要构建的页面项目模块，解决了需要全部构建的问题，并且在发布时只能全量发布的问题。并且在发布时只能全量发布的问题。并且在发布时只能全量发布的问题。

【技术实现步骤摘要】
前端多页项目结构系统及其运行方法、构建方法


[0001]本专利技术涉及计算机前端的
，更具体地，涉及一种前端多页项目的结构系统及其运行方法、构建方法。

技术介绍

[0002]在开发环境中，对于一个体积庞大的多页项目，往往会按模块进行开发者的角色分配，每个开发者所负责的页面模块不同，而一个开发者无需关心不需要负责的页面模块，而某些开发者需要同时启动多个模块进行开发，因此在项目运行时，无需运行所有模块，因为运行所有模块将会十分缓慢，并且占用的内存更大，对开发效率造成很大的影响。
[0003]在生产环境中，对于多页项目，现有的方式在构建时会把所有页面都进行构建，每次更新时都会把整个网页系统更新一遍，在实际生产中我们会有只需要更新某个模块而不影响其它模块的需求。

技术实现思路

[0004]本专利技术为克服上述现有技术所述的至少一种缺陷，提供一种前端多页项目的结构系统及其运行方法、构建方法，本专利技术采用的技术方案如下。
[0005]第一方面，本专利技术提供一种前端多页项目结构系统，包括：
[0006]共享文件夹，用于存放各项目模块的共享代码；
[0007]项目模块，用于存放各项目模块对应的业务代码；
[0008]其中，在运行或构建各项目模块时，通过依赖关系图，能够从共享代码中找到相应的代码；
[0009]所述项目模块至少为两个。
[0010]在一种实施方式中，各项目模块的代码入口均相同。
[0011]在一种实施方式中，各项目模块的HTML入口文件以项目模块的名称命名。
[0012]第二方面，本专利技术提供一种运行前端多页项目结构系统的方法，其中，所述运行前端多页项目结构系统为前述任一实施方式所述的结构系统，包括步骤：
[0013]接收运行命令；
[0014]根据所述运行命令选定需要运行的项目模块；
[0015]根据选定的项目模块在共享模块中查找到需要运行的共享代码；
[0016]根据需要运行的项目模块和需要运行的共享代码构造多页配置信息；
[0017]将所述多页配置信息传入前端运行工具。
[0018]在一种实施方式中，所述多页配置信息包括：需要运行的项目模块对应的页面标题、JavaScript入口路径、HTML入口路径、HTML访问名称以及运行时的代码块文件名称。
[0019]第三方面，本专利技术提供一种构建前端多页项目结构系统的方法，其中，所述运行前端多页项目结构系统为前述任一实施方式所述的结构系统，包括步骤：
[0020]接收构建命令；
[0021]根据所述构建命令选定需要构建的项目模块；
[0022]根据需要构建的项目模块在共享模块中查找到需要构建的共享代码；
[0023]根据需要构建的项目模块和需要构建的共享代码依次构造多页配置信息，其中，所述多页配置信息包括：构建结果目录路径；
[0024]将所述多页配置信息依次传入前端构建工具；
[0025]获取前端构建工具的构建结果，并将所述构建结果输出到所述构建结果目录路径对应的构建结果目录中。
[0026]在一种实施方式中，还包括步骤：执行压缩命令压缩构建结果目录。
[0027]在一种实施方式中，所述多页配置信息还包括：需要运行的项目模块对应的页面标题、JavaScript入口路径、HTML入口路径、HTML访问名称以及构建结果的代码块文件名。
[0028]第四方面，本专利技术提供一种运行前端多页项目结构系统的装置，其中，所述运行前端多页项目结构系统为前述任一实施方式所述的结构系统，包括：
[0029]接收模块，用于接收运行命令；
[0030]选定模块，用于根据所述运行命令选定需要运行的项目模块；
[0031]查找模块，用于根据选定的项目模块在共享模块中查找到需要运行的共享代码；
[0032]构造模块，用于根据需要运行的项目模块和需要运行的共享代码构造多页配置信息；
[0033]输出模块，用于将所述多页配置信息传入前端运行工具。
[0034]第五方面，本专利技术提供一种构建前端多页项目结构系统的装置，其中，所述运行前端多页项目结构系统为前述任一实施方式所述的结构系统，包括：
[0035]接收模块，用于接收构建命令；
[0036]选定模块，用于根据所述构建命令选定需要构建的项目模块；
[0037]查找模块，用于根据需要构建的项目模块在共享模块中查找到需要构建的共享代码；
[0038]构造模块，用于根据需要构建的项目模块和需要构建的共享代码依次构造多页配置信息，其中，所述多页配置信息包括：构建结果目录路径；
[0039]输出模块，用于将所述多页配置信息依次传入前端构建工具；
[0040]结果模块，用于获取前端构建工具的构建结果，并将所述构建结果输出到所述构建结果目录路径对应的构建结果目录中。
[0041]第六方面，本专利技术提供一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现上述任一实施方式的方法。
[0042]第七方面，本专利技术提供一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现上述任一实施方式的方法。
[0043]本专利技术中，设置了存放各项目模块的共享代码的文件夹，在运行或构建各项目模块时，通过依赖关系图，能够从共享代码中找到相应的代码，从而使得在运行各项目模块时，只需要通过命令指定多页项目需要运行的页面项目模块，解决了运行全部项目非常缓慢以及内存占用过大的问题，在构建各项目模块时，只需要通过命令指定多页项目需要构建的页面项目模块，解决了需要全部构建的问题，并且在发布时只能全量发布的问题。
附图说明
[0044]图1是本专利技术实施例一的流程示意图。
[0045]图2是本专利技术实施例一的一视频播放页界面示意图。
[0046]图3是本专利技术实施例一的另一视频播放页界面示意图。
[0047]图4是本专利技术实施例二的流程示意图。
[0048]图5是本专利技术实施例四整体结构示意图。
[0049]图6是本专利技术实施例五整体结构示意图。
具体实施方式
[0050]下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。
[0051]需要说明的是，本专利技术实施例所涉及的术语“第一\第二\
……”
仅仅是是区别类似的对象，不代表针对对象的特定排序，可以理解地，“第一\第二\
……”
在允许的情况下可以互换特定的顺序或先后次序。应该理解“第一\第二\
……”
区分的对象在适当情况下可以互换，以使这里描述的本专利技术的实施例能够以本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种前端多页项目结构系统，其特征在于，包括：共享文件夹，用于存放各项目模块的共享代码；项目模块，用于存放各项目模块对应的业务代码；其中，在运行或构建各项目模块时，通过依赖关系图，能够从共享代码中找到相应的代码；所述项目模块至少为两个。2.根据权利要求1所述的前端多页项目结构系统，其特征在于，各项目模块的代码入口均相同。3.根据权利要求1所述的前端多页项目结构系统，其特征在于，各项目模块的HTML入口文件以项目模块的名称命名。4.一种运行前端多页项目结构系统的方法，其中，所述运行前端多页项目结构系统为权利要求1
‑
3任一项所述的结构系统，其特征在于，包括步骤：接收运行命令；根据所述运行命令选定需要运行的项目模块；根据选定的项目模块在共享模块中查找到需要运行的共享代码；根据需要运行的项目模块和需要运行的共享代码构造多页配置信息；将所述多页配置信息传入前端运行工具。5.根据权利要求4所述的运行前端多页项目结构系统的方法，其特征在于，所述多页配置信息包括：需要运行的项目模块对应的页面标题、JavaScript入口路径、HTML入口路径、HTML访问名称以及运行时的代码块文件名称。6.一种构建前端多页项目结构系统的方法，其中，所述运行前端多页项目结构系统为权利要求1
‑
3任一项所述的结构系统，其特征在于，包括步骤：接收构建命令；根据所述构建命令选定需要构建的项目模块；根据需要构建的项目模块在共享模块中查找到需要构建的共享代码；根据需要构建的项目模块和需要构建的共享代码依次构造多页配置信息，其中，所述多页配置信息包括：构建结果目录路径；将所述多页配置信息依次传入前端构建工具；获取前端构建工具的构建结果，并将所述构建结果输出到所述构建结果目录路径对应的构建结果目录中。7.根据权利要求6所述的构建前端多页项目结构系统的方法，其特征在于，还包括步骤：执行压缩命令压缩构建...

【专利技术属性】
技术研发人员：钟师，
申请(专利权)人：广州市奥威亚电子科技有限公司，
类型：发明
国别省市：