一种页面加载方法及装置制造方法及图纸

本申请公开了一种页面加载方法，当用户在门户页面触发请求访问第一业务的第一操作时，终端设备响应于所述第一操作，获取所述第一业务对应的软件程序以及程序隔离器。其中，所述第一业务对应的软件程序，以超文本标记语言HTML页面中的div元素作为应用容器。当用户请求访问所述第一业务时，所述终端设备获取的所述第一业务对应的软件程序是以div元素作为应用容器的、只是含有所述第一业务、不包括所述门户页面对应的软件程序。所述终端设备在获取所述第一业务对应的软件程序以及所述程序隔离器后，根据获取到的所述软件程序以及所述程序隔离器，在门户页面上显示所述第一业务对应的第一页面。

【技术实现步骤摘要】
一种页面加载方法及装置
本申请涉及超文本标记语言(HyperTextMarkupLanguage，HTML)
，特别是涉及一种页面加载方法及装置。
技术介绍
当前，在一个浏览器页面的前端架构中，通常会设置一个统一的门户页面，通过这一个统一的门户页面，用户可以访问其他子页面。门户页面是一种提供软件程序和信息单点访问的Web站点，它对提供给用户的复杂多样的信息和服务进行提炼，简化为一个满足用户需求和利益的单一界面，是用于集成其他子应用、内容和流程的用户界面架构。针对门户页面和其他子页面显示在同一个浏览器页面的情况，开发者通常会将门户页面和其他子页面的软件程序在同一个工程中集中开发、测试、部署，这种设置通常会使得产品发布流程繁琐，造成系统不稳定等问题。为避免将门户页面和其他子页面的软件程序写在同一个工程中，开发者采用HTML页面中的iFrame元素作为应用容器，将各个子页面的软件程序写入iFrame容器中，使得各个子页面的软件程序与门户页面对应的软件程序相互隔离。但是，根据iFrame容器的规则，写入iFrame容器的是某一HTML页面的完整的软件程序，即，在一个iFrame容器中，除包含某一子页面的软件程序外，还会存在门户页面对应的软件程序，这就使得门户页面对应的软件程序重复出现在各个iFrame容器中，造成软件程序臃肿，从而占用更大内存与带宽，影响前端应用的运行性能。因此，急需一种方案，可以解决上述问题。
技术实现思路
本申请所要解决的技术问题是，提供一种页面加载方法，以解决采用HTML页面中的iFrame元素作为应用容器，将HTML页面的完整的软件程序写入iFrame容器中时带来的，软件程序臃肿，内存及带宽占用过大，前端应用运行性能不好的问题。第一方面，本申请实施例提供了一种页面加载方法，所述方法包括：响应于用户在门户页面触发的第一操作，获取第一业务对应的软件程序以及程序隔离器，所述第一操作用于请求访问所述第一业务；根据获取到的所述软件程序和所述程序隔离器，在所述门户页面上显示所述第一业务对应的第一页面；其中：所述第一业务对应的软件程序，以超文本标记语言HTML页面中的div元素作为应用容器，所述程序隔离器用于隔离所述第一业务对应的软件程序和所述门户页面对应的软件程序。可选的，所述程序隔离器包括：脚本隔离器，和/或，样式隔离器；其中：所述脚本隔离器用于隔离由JavaScript编写的软件程序，所述样式隔离器用于隔离由层叠样式表CSS编写的软件程序。可选的，所述脚本隔离器包括全局变量代理，所述全局变量代理用于获取对所述全局变量的修改操作，并根据所述修改操作对所述全局变量的备份变量进行修改，修改后的所述备份变量的值用于加载所述第一页面；其中：所述全局变量为加载所述门户页面和所述第一页面均需设置的变量。可选的，所述脚本隔离器包括全局变量快照，在所述门户页面上显示所述第一业务对应的第一页面，包括：对所述门户页面对应的软件程序中的全局变量的值进行修改，以在所述门户页面上显示所述第一业务对应的第一页面；所述方法还包括：在退出所述第一页面之后，利用所述全局变量快照对所述门户页面对应的软件程序中的所述全局变量的值进行恢复，恢复后的所述全局变量的值等于所述全局变量快照；其中：所述全局变量为加载所述门户页面和所述第一页面均需设置的变量。可选的，所述样式隔离器使用影子文档结构模型DOM作为子应用容器。第二方面，本申请实施例提供了一种页面加载装置，所述装置包括：获取模块，用于：响应于用户在门户页面触发的第一操作，获取第一业务对应的软件程序以及程序隔离器，所述第一操作用于请求访问所述第一业务；显示模块，用于：根据获取到的所述软件程序和所述程序隔离器，在所述门户页面上显示所述第一业务对应的第一页面；其中：所述第一业务对应的软件程序，以超文本标记语言HTML页面中的div元素作为应用容器，所述程序隔离器用于隔离所述第一业务对应的软件程序和所述门户页面对应的软件程序。可选的，所述程序隔离器包括：脚本隔离器，和/或，样式隔离器；其中：所述脚本隔离器用于隔离由JavaScript编写的软件程序，所述样式隔离器用于隔离由层叠样式表CSS编写的软件程序。可选的，所述脚本隔离器包括全局变量代理，所述全局变量代理用于获取对所述全局变量的修改操作，并根据所述修改操作对所述全局变量的备份变量进行修改，修改后的所述备份变量的值用于加载所述第一页面；其中：所述全局变量为加载所述门户页面和所述第一页面均需设置的变量。可选的，所述脚本隔离器包括全局变量快照，所述显示模块，用于：对所述门户页面对应的软件程序中的全局变量的值进行修改，以在所述门户页面上显示所述第一业务对应的第一页面；所述装置还包括：恢复模块，用于：在退出所述第一页面之后，利用所述全局变量快照对所述门户页面对应的软件程序中的所述全局变量的值进行恢复，恢复后的所述全局变量的值等于所述全局变量快照；其中：所述全局变量为加载所述门户页面和所述第一页面均需设置的变量。可选的，所述样式隔离器使用影子文档结构模型DOM作为子应用容器。与现有技术相比，本申请实施例具有以下优点：本申请实施例提供了一种页面加载方法，当用户在门户页面触发请求访问第一业务的第一操作时，终端设备响应于所述第一操作，获取所述第一业务对应的软件程序以及程序隔离器。其中，所述第一业务对应的软件程序，以HTML页面中的div元素作为应用容器。根据div容器的规则，写入div容器的可以是某一子应用的软件程序，因此，在将HTML页面的子应用的软件程序写入div容器时，可以只将所述HTML页面的某一子应用的软件程序写入所述div容器，而不将所述HTML页面的门户页面对应的软件程序写入所述div容器。换言之，当用户请求访问所述第一业务时，所述终端设备获取的所述第一业务对应的软件程序是以div元素作为应用容器的、只是含有所述第一业务、不包括所述门户页面对应的软件程序。为了避免所述第一业务对应的软件程序污染所述门户页面对应的软件程序，可以采用所述程序隔离器来隔离所述第一业务对应的软件程序和所述门户页面对应的软件程序。所述终端设备在获取所述第一业务对应的软件程序以及所述程序隔离器后，根据获取到的所述软件程序以及所述程序隔离器，在门户页面上显示所述第一业务对应的第一页面。由此可见，通过采用HTML页面中的div元素作为应用容器，只将所述HTML页面的某一子应用的软件程序写入所述div容器，而不将所述HTML页面的门户页面对应的软件程序写入所述div容器，同时采用程序隔离器防止所述第一业务对应的软件程序污染所述门户页面对应的软件程序，可以解决采用HTML页面中的iFrame元素作为应用容器时，将HTML页面的完整的软件程序写入iFrame容器中带来的，软件程序臃肿，内存及带宽占用过大，前端应本文档来自技高网...

【技术保护点】
1.一种页面加载方法，其特征在于，所述方法包括：/n响应于用户在门户页面触发的第一操作，获取第一业务对应的软件程序以及程序隔离器，所述第一操作用于请求访问所述第一业务；/n根据获取到的所述软件程序和所述程序隔离器，在所述门户页面上显示所述第一业务对应的第一页面；其中：/n所述第一业务对应的软件程序，以超文本标记语言HTML页面中的div元素作为应用容器，所述程序隔离器用于隔离所述第一业务对应的软件程序和所述门户页面对应的软件程序。/n

【技术特征摘要】
1.一种页面加载方法，其特征在于，所述方法包括：
响应于用户在门户页面触发的第一操作，获取第一业务对应的软件程序以及程序隔离器，所述第一操作用于请求访问所述第一业务；
根据获取到的所述软件程序和所述程序隔离器，在所述门户页面上显示所述第一业务对应的第一页面；其中：
所述第一业务对应的软件程序，以超文本标记语言HTML页面中的div元素作为应用容器，所述程序隔离器用于隔离所述第一业务对应的软件程序和所述门户页面对应的软件程序。


2.根据权利要求1所述的方法，其特征在于，所述程序隔离器包括：
脚本隔离器，和/或，样式隔离器；其中：
所述脚本隔离器用于隔离由JavaScript编写的软件程序，所述样式隔离器用于隔离由层叠样式表CSS编写的软件程序。


3.根据权利要求2所述的方法，其特征在于，
所述脚本隔离器包括全局变量代理，所述全局变量代理用于获取对所述全局变量的修改操作，并根据所述修改操作对所述全局变量的备份变量进行修改，修改后的所述备份变量的值用于加载所述第一页面；其中：
所述全局变量为加载所述门户页面和所述第一页面均需设置的变量。


4.根据权利要求2所述的方法，其特征在于，所述脚本隔离器包括全局变量快照，在所述门户页面上显示所述第一业务对应的第一页面，包括：
对所述门户页面对应的软件程序中的全局变量的值进行修改，以在所述门户页面上显示所述第一业务对应的第一页面；
所述方法还包括：
在退出所述第一页面之后，利用所述全局变量快照对所述门户页面对应的软件程序中的所述全局变量的值进行恢复，恢复后的所述全局变量的值等于所述全局变量快照；
其中：
所述全局变量为加载所述门户页面和所述第一页面均需设置的变量。


5.根据权利要求2所述的方法，其特征在于，所述样式隔离器使用影子文档结构模型DOM作为子应用容器。


...

【专利技术属性】
技术研发人员：刘家杰，张德慧，杨天枭，杨炀，巩力，
申请(专利权)人：中国农业银行股份有限公司，
类型：发明
国别省市：北京;11