基于模块的界面加载方法、系统、计算机设备及存储介质技术方案

本公开提供了一种基于模块的界面加载方法，该方法包括：响应于界面加载信号，确定用于组成界面的待加载模块的模块名；获取模块定义集合，其中，模块定义集合中包含模块名与模块存储路径的对应关系；从模块定义集合中确定与待加载模块的模块名对应的模块存储路径；以及根据对应的模块存储路径加载待加载模块，以实现对界面的加载。本公开还提供了一种基于模块的界面加载系统、一种计算机设备及一种计算机可读存储介质。

Module-based Interface Loading Method, System, Computer Equipment and Storage Media

【技术实现步骤摘要】
基于模块的界面加载方法、系统、计算机设备及存储介质
本专利技术涉及计算机
，尤其涉及一种基于模块的界面加载方法、系统、计算机设备及计算机可读存储介质。
技术介绍
JavaScript(简称为JS)是一种广泛用于客户端的直译式脚本语言，现实场景中通常将其模块化，并将模块后的JS(又称为JS模块)应用在HTML网页上，用来给HTML网页增加功能。目前，现有技术通过JS模块实现网页功能时，实际是将需要引入的JS模块的路径写死在网页代码中。此时，若对其中任何一个JS模块进行升级，则需要将所有使用该JS模块的网页重新修改一遍，操作十分繁琐。
技术实现思路
本公开的目的是提供一种基于模块的界面加载方法、系统、计算机设备及计算机可读存储介质，用于解决现有技术中一旦对JS模块升级则需要将每个引入该JS模块的网页进行修改导致操作非常繁琐的缺陷。本公开的一个方面提供了一种基于模块的界面加载方法，上述方法包括：响应于界面加载信号，确定用于组成上述界面的待加载模块的模块名；获取模块定义集合，其中，上述模块定义集合中包含模块名与模块存储路径的对应关系；从上述模块定义集合中确定与上述待加载模块的模块名对应的模块存储路径；以及根据上述对应的模块存储路径加载上述待加载模块，以实现对上述界面的加载。根据本公开的实施例，上述确定用于组成上述界面的待加载模块的模块名，包括：确定用于组成上述界面的待加载公共模块的模块名；以及确定用于组成上述界面的待加载私有模块的模块名。根据本公开的实施例，上述确定用于组成上述界面的待加载私有模块的模块名，包括：确定上述界面对应的入口标签；确定与上述入口标签对应的模块名；以及将上述与上述入口标签对应的模块名确定为上述待加载私有模块的模块名。根据本公开的实施例，上述从上述模块定义集合中确定与上述待加载模块的模块名对应的模块存储路径，包括：确定上述待加载模块的模块名的优先级；以及根据上述优先级，从上述模块定义集合中确定与上述待加载模块的模块名对应的模块存储路径。根据本公开的实施例，上述根据上述对应的模块存储路径加载上述待加载模块，以实现对上述界面的加载，包括：根据上述对应的模块存储路径及上述待加载模块的模块名的优先级加载上述待加载模块，以实现对上述界面的加载，其中，上述待加载公共模块的模块名的优先级高于上述待加载私有模块的模块名的优先级。根据本公开的实施例，上述待加载模块包括JS模块。本公开的另一个方面还提供了一种基于模块的界面加载系统，上述系统包括：第一确定模块，用于响应于界面加载信号，确定用于组成上述界面的待加载模块的模块名；获取模块，用于获取模块定义集合，其中，上述模块定义集合中包含模块名与模块存储路径的对应关系；第二确定模块，用于从上述模块定义集合中确定与上述待加载模块的模块名对应的模块存储路径；以及加载模块，用于根据上述对应的模块存储路径加载上述待加载模块，以实现对上述界面的加载。根据本公开的实施例，上述第一确定模块包括：第一确定单元，用于确定用于组成上述界面的待加载公共模块的模块名；以及第二确定单元，用于确定用于组成上述界面的待加载私有模块的模块名。根据本公开的实施例，上述第二确定单元还用于：确定上述界面对应的入口标签；确定与上述入口标签对应的模块名；以及将上述与上述入口标签对应的模块名确定为上述待加载私有模块的模块名。根据本公开的实施例，上述第二确定模块包括：第三确定单元，用于确定上述待加载模块的模块名的优先级；以及第四确定单元，用于根据上述优先级，从上述模块定义集合中确定与上述待加载模块的模块名对应的模块存储路径。根据本公开的实施例，上述加载模块还用于根据上述对应的模块存储路径及上述待加载模块的模块名的优先级加载上述待加载模块，以实现对上述界面的加载，其中，上述待加载公共模块的模块名的优先级高于上述待加载私有模块的模块名的优先级。根据本公开的实施例，上述待加载模块包括JS模块。本公开的再一个方面提供了一种计算机设备，包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序，上述处理器执行上述计算机程序时用于实现如上任一项所述的方法的步骤。本公开的又一个方面提供了一种计算机可读存储介质，其上存储有计算机程序，上述计算机程序被处理器执行时用于实现如上任一项所述的方法的步骤。本公开提供的基于模块的界面加载方法，在界面加载信号被触发后，可以确定该界面将会由哪些待加载模块构成，并确定该待加载模块的模块名，然后获取预先定义好的模块定义集合，并从该模块定义集合中查找出与待加载模块的模块名对应的模块存储路径，然后从该对应的模块存储路径中加载这些待加载模块，以便可以实现对界面的加载。显然，本公开的实施例是将模块名写死在界面代码中，在对某一模块进行升级后，只需要修改模块定义集合中的该模块名对应的模块存储路径即可，而并不涉及到对引入该模块的界面进行修改。通过本公开的实施例，克服了现有技术中一旦对JS模块升级则需要将每个引入该JS模块的网页进行修改导致操作非常繁琐的缺陷，达到了极大的降低操作复杂度的技术效果。附图说明图1示意性示出了根据本公开实施例的基于模块的界面加载方法的流程图；图2示意性示出了根据本公开实施例的module.js模块的示意图；图3示意性示出了根据本公开实施例的页面加载过程的示意图；图4示意性示出了根据本公开实施例的加载待加载模块过程的示意图；图5示意性示出了根据本公开实施例的基于模块的界面加载系统的框图；以及图6示意性示出了根据本公开实施例的适于实现基于模块的界面加载方法的计算机设备的硬件架构示意图。具体实施方式为了使本公开的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本公开进行进一步详细说明。应当理解，此处所描述的具体实施例仅用以解释本公开，并不用于限定本公开。基于本公开中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本公开保护的范围。考虑到现有技术中一旦对JS模块升级则需要将每个引入该JS模块的网页进行修改导致操作非常繁琐的缺陷。本公开提供的基于模块的界面加载方法，在界面加载信号被触发后，可以确定该界面将会由哪些待加载模块构成，并确定该待加载模块的模块名，然后获取预先定义好的模块定义集合，并从该模块定义集合中查找出与待加载模块的模块名对应的模块存储路径，然后从该对应的模块存储路径中加载这些待加载模块，以便可以实现对界面的加载。显然，本公开的实施例是将模块名写死在界面代码中，在对某一模块进行升级后，只需要修改模块定义集合中的该模块名对应的模块存储路径即可，而并不涉及到对引入该模块的界面进行修改，达到了极大的降低操作复杂度的技术效果。图1示意性示出了根据本公开实施例的基于模块的界面加载方法的流程图。如图1所示，该基于模块的界面加载方法可以包括步骤S101～步骤S104，其中：步骤S101，响应于界面加载信号，确定用于组成界面的待加载模块的模块名。在本公开的实施例中，该界面加载信号可以是由用户触发的，也可以是系统定时触发的，在此不作限定。待加载模块可以包括至少一个模块，每个模块对应一个模块名，确定待加载模块的模块名即是确定每一个待加载模块的模块名，其中，待加载模块可以包括JS模块。根据本公开的实施例，待加载模块可以包括待加载公共模本文档来自技高网...

【技术保护点】
1.一种基于模块的界面加载方法，其特征在于，所述方法包括：响应于界面加载信号，确定用于组成所述界面的待加载模块的模块名；获取模块定义集合，其中，所述模块定义集合中包含模块名与模块存储路径的对应关系；从所述模块定义集合中确定与所述待加载模块的模块名对应的模块存储路径；以及根据所述对应的模块存储路径加载所述待加载模块，以实现对所述界面的加载。

【技术特征摘要】
1.一种基于模块的界面加载方法，其特征在于，所述方法包括：响应于界面加载信号，确定用于组成所述界面的待加载模块的模块名；获取模块定义集合，其中，所述模块定义集合中包含模块名与模块存储路径的对应关系；从所述模块定义集合中确定与所述待加载模块的模块名对应的模块存储路径；以及根据所述对应的模块存储路径加载所述待加载模块，以实现对所述界面的加载。2.根据权利要求1所述的方法，其特征在于，所述确定用于组成所述界面的待加载模块的模块名，包括：确定用于组成所述界面的待加载公共模块的模块名；以及确定用于组成所述界面的待加载私有模块的模块名。3.根据权利要求2所述的方法，其特征在于，所述确定用于组成所述界面的待加载私有模块的模块名，包括：确定所述界面对应的入口标签；确定与所述入口标签对应的模块名；以及将所述与所述入口标签对应的模块名确定为所述待加载私有模块的模块名。4.根据权利要求2所述的方法，其特征在于，所述从所述模块定义集合中确定与所述待加载模块的模块名对应的模块存储路径，包括：确定所述待加载模块的模块名的优先级；以及根据所述优先级，从所述模块定义集合中确定与所述待加载模块的模块名对应的模块存储路径。5.根据权利要求4所述的方法，其特征在于，所述根据所述对应的模块存储路径加载所述待加载模块，以实现对所述界面的加载，包括：根据所述对应的模块存储路...

【专利技术属性】
技术研发人员：刘益伟，
申请(专利权)人：平安科技深圳有限公司，
类型：发明
国别省市：广东,44