CN110941779A - 加载页面的方法、装置、存储介质及电子设备 - Google Patents
加载页面的方法、装置、存储介质及电子设备 Download PDFInfo
- Publication number
- CN110941779A CN110941779A CN201911144532.1A CN201911144532A CN110941779A CN 110941779 A CN110941779 A CN 110941779A CN 201911144532 A CN201911144532 A CN 201911144532A CN 110941779 A CN110941779 A CN 110941779A
- Authority
- CN
- China
- Prior art keywords
- page
- navigation bar
- access address
- menu item
- integration system
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
- G06F16/9566—URL specific, e.g. using aliases, detecting broken or misspelled links
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本公开涉及一种加载页面的方法、装置、存储介质及电子设备,以使被集成的各个子系统的页面布局一致。该加载页面的方法包括:在页面集成系统的浏览器页面中,获取目标页面的访问地址;查询所述页面集成系统的数据库中,是否存在与所述访问地址相关联的导航栏信息,所述导航栏信息包括菜单项名称,以及与所述菜单项名称对应的统一资源定位符URL地址;若所述数据库中存在与所述访问地址相关联的导航栏信息,则根据所述导航栏信息以及所述页面集成系统中预设的导航栏样式,在所述浏览器页面上加载导航栏作为所述目标页面的导航栏;并,根据所述访问地址,在所述浏览器页面上内嵌所述目标页面。
Description
技术领域
本公开涉及计算机技术领域,具体地,涉及一种加载页面的方法、装置、存储介质及电子设备。
背景技术
在信息化技术的发展过程中,企业会根据用户或自身的需求不断地构建、开发各种软件系统,例如,企业先开发了订单系统,然后根据需求,后续可以开发库存系统、财务结算系统等等。而随着计算机编程技术的发展,企业在不同的时间段里,开发各种软件系统时所采用的技术不同。此外,由不同的企业开发的软件系统之间也存在较大的差异,例如,采用的编程语言不同或者采用的系统架构不同等等。
为了集中,高效,便利的管理或使用各互相独立的系统,可以将各系统进行集成或整合。集成后的系统,可以使各独立的系统相互关联,从而实现对各系统的统一管理、使用。相关技术中,可以通过浏览器访问不同的系统,并可以通过浏览器实现在不同的系统之间进行切换的操作。但是,采用这种集成方式,使得在各个被集成的子系统之间进行切换时,存在各个子系统显示的页面布局不一致的问题。
发明内容
本公开的目的是提供一种加载页面的方法、装置、存储介质及电子设备,以使被集成的各个子系统的页面布局一致。
为了实现上述目的,根据本公开实施例的第一方面,提供一种加载页面的方法,包括:
在页面集成系统的浏览器页面中,获取目标页面的访问地址;
查询所述页面集成系统的数据库中,是否存在与所述访问地址相关联的导航栏信息,所述导航栏信息包括菜单项名称,以及与所述菜单项名称对应的统一资源定位符URL地址;
若所述数据库中存在与所述访问地址相关联的导航栏信息,则根据所述导航栏信息以及所述页面集成系统中预设的导航栏样式,在所述浏览器页面上加载导航栏作为所述目标页面的导航栏;并,
根据所述访问地址,在所述浏览器页面上内嵌所述目标页面。
可选地,所述根据所述导航栏信息以及所述页面集成系统中预设的导航栏样式,在所述浏览器页面上加载导航栏作为所述目标页面的导航栏,包括:
根据所述预设的导航栏样式加载各所述菜单项名称,并将各所述URL地址链接到对应的菜单项名称下,以使针对所述菜单项名称的操作能够触发根据所述URL地址进入新的页面。
可选地,所述根据所述访问地址,在所述浏览器页面上内嵌所述目标页面,包括:
根据iframe标签通过所述访问地址,将所述目标页面通过内嵌的方式加载到所述页面集成系统的浏览器页面中。
可选地,所述目标页面为被所述页面集成系统集成的任一系统的主页面,或者是该系统的所述主页面的次级页面。
可选地,所述数据库是通过如下方式建立的:
提取具有不同导航栏样式的多个页面的菜单项名称,以及各菜单项名称对应的URL地址,得到各所述页面上的导航栏信息;
将各所述页面的访问地址,与各所述页面上的导航栏信息关联存储到所述数据库中。
可选地,所述目标页面包括用于组成导航栏的菜单项以及页面的主展示内容,所述方法还包括:
删除所述目标页面的菜单项,保留所述目标页面的主展示内容,以使得通过所述目标页面的访问地址加载得到的页面不包括菜单项。
根据本公开实施例的第二方面,提供一种加载页面的装置,包括:
获取模块,用于在页面集成系统的浏览器页面中,获取目标页面的访问地址;
查询模块,用于查询所述页面集成系统的数据库中,是否存在与所述访问地址相关联的导航栏信息,所述导航栏信息包括菜单项名称,以及与所述菜单项名称对应的统一资源定位符URL地址;
加载模块,用于若所述数据库中存在与所述访问地址相关联的导航栏信息,则根据所述导航栏信息以及所述页面集成系统中预设的导航栏样式,在所述浏览器页面上加载导航栏作为所述目标页面的导航栏;
内嵌模块,用于根据所述访问地址,在所述浏览器页面上内嵌所述目标页面。
可选地,所述加载模块包括:
执行子模块,用于根据所述预设的导航栏样式加载各所述菜单项名称,并将各所述URL地址链接到对应的菜单项名称下,以使针对所述菜单项名称的操作能够触发根据所述URL地址进入新的页面。
可选地,所述内嵌模块包括:
加载子模块,用于根据iframe标签通过所述访问地址,将所述目标页面通过内嵌的方式加载到所述页面集成系统的浏览器页面中。
可选地,所述目标页面为被所述页面集成系统集成的任一系统的主页面,或者是该系统的所述主页面的次级页面。
可选地,所述数据库是通过如下方式建立的:
提取具有不同导航栏样式的多个页面的菜单项名称,以及各菜单项名称对应的URL地址,得到各所述页面上的导航栏信息;
将各所述页面的访问地址,与各所述页面上的导航栏信息关联存储到所述数据库中。
可选地,所述目标页面包括用于组成导航栏的菜单项以及页面的主展示内容,所述装置还包括:
删除模块,用于删除所述目标页面的菜单项,保留所述目标页面的主展示内容,以使得通过所述目标页面的访问地址加载得到的页面不包括菜单项。
根据本公开实施例的第三方面,提供一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现本公开实施例第一方面所述方法的步骤。
根据本公开实施例的第四方面,提供一种电子设备,包括:
存储器,其上存储有计算机程序;
处理器,用于执行所述存储器中的所述计算机程序,以实现本公开实施例第一方面所述方法的步骤。
采用本公开提供的技术方案,至少能达到如下技术效果:
通过浏览器访问页面集成系统,从页面集成系统的界面中,获取目标页面的访问地址;然后在页面集成系统的数据库中,查询是否存在与该访问地址相关联的导航栏信息,该导航栏信息包括菜单项名称,以及与该菜单项名称对应的统一资源定位符URL地址;若在页面集成系统的数据库中存在与该访问地址相关联的导航栏信息,则根据该导航栏信息以及页面集成系统中预设的导航栏样式,在该浏览器页面上加载导航栏作为该目标页面的导航栏;并根据该访问地址,在浏览器页面上内嵌该目标页面。采用这种方法,根据页面集成系统中预设的导航栏样式,将各个被集成系统的页面上的导航栏的样式设置成统一的样式,然后显示在页面集成系统的浏览器页面上。如此,可以使各个被集成系统显示的页面布局一致。
本公开的其他特征和优点将在随后的具体实施方式部分予以详细说明。
附图说明
附图是用来提供对本公开的进一步理解,并且构成说明书的一部分,与下面的具体实施方式一起用于解释本公开,但并不构成对本公开的限制。在附图中:
图1是根据本公开一示例性实施例示出的一种加载页面的方法的流程图。
图2是根据本公开一示例性实施例示出的A系统被集成前的页面布局示意图。
图3是根据本公开一示例性实施例示出的B系统被集成前的页面布局示意图。
图4是根据本公开一示例性实施例示出的A系统被集成后的页面布局示意图。
图5是根据本公开一示例性实施例示出的B系统被集成后的页面布局示意图。
图6是根据本公开一示例性实施例示出的一种加载页面的装置的框图。
图7是根据本公开一示例性实施例示出的一种电子设备的框图。
具体实施方式
以下结合附图对本公开的具体实施方式进行详细说明。应当理解的是,此处所描述的具体实施方式仅用于说明和解释本公开,并不用于限制本公开。
在信息化技术的发展过程中,企业会根据用户或自身的需求不断地构建、开发各种软件系统,例如,企业先开发了订单系统,然后根据需求,后续可以开发库存系统、财务结算系统等等。而随着计算机编程技术的发展,企业在不同的时间段里,开发各种软件系统时所采用的技术不同。为了提高代码的复用率,可以根据需求将具有不同功能的独立的系统进行集成。比如,在现有的系统中,可以为了引进新的功能模块,而将不同企业开发的软件系统集成到现有的系统中。但是由不同的企业开发的软件系统之间可能存在较大的差异,例如,采用的编程语言不同或者采用的系统架构不同等等。
为了集中,高效,便利的管理或使用各互相独立的系统,可以将各系统进行集成或整合。集成后的系统,可以使各独立的系统相互关联,从而实现对各系统的统一管理、使用。相关技术中,可以通过浏览器访问不同的系统,并可以通过浏览器实现在不同的系统之间进行切换的操作。但是,采用这种集成方式,使得在各个系统之间进行切换时,存在各个系统显示的页面布局不一致的问题。而为了解决该问题,可以通过新建前端工程,重新开发各个系统的前端页面,使各系统的页面布局一致。但是,这种方法,不仅需要大量修改各系统的代码,工作量巨大,而且这种方法风险大,可能造成系统兼容性、文件冲突等问题。此外,若想要在该新建前端工程中新加入需要集成的系统,则同样的需要重新开发新加入的系统的前端页面。如此,这种集成方法不利于系统的后期扩展。
有鉴于此,本公开实施例提供一种加载页面的方法、装置、存储介质及电子设备,以使被集成的各个子系统的页面布局一致。
图1是根据本公开一示例性实施例示出的一种加载页面的方法的流程图,如图1所示,该加载页面的方法可以包括以下步骤:
S101、在页面集成系统的浏览器页面中,获取目标页面的访问地址。
其中,集成是指将孤立的事物或元素通过某种方式改变原有的分散状态,使这些事物或元素集中在一起,相互关联,从而构成一个整体的过程。在本公开提供的加载页面的方法中,页面集成系统是指将多个互相独立的系统进行集成后的系统。通过页面集成系统,可以访问、使用各个被集成的子系统。例如,将系统A、系统B、系统C、系统D进行集成,然后通过页面集成系统提供的接口,可以访问该页面集成系统的子系统A、子系统B、子系统C或子系统D。
具体地,通过浏览器访问页面集成系统,在页面集成系统的页面中,选择需要访问的子系统。例如,在页面集成系统的页面中,选择访问子系统A。
进一步地,通过获取目标页面的访问地址,即是说,获取需要访问的子系统的页面对应的地址。例如,在页面集成系统的页面中,选择访问子系统A,那么,目标页面是指子系统A的页面,具体可以是子系统A的主页面或次级页面,目标页面的访问地址是指子系统A的主页面或次级页面的访问地址。
S102、查询所述页面集成系统的数据库中,是否存在与所述访问地址相关联的导航栏信息,所述导航栏信息包括菜单项名称,以及与所述菜单项名称对应的统一资源定位符URL地址。
其中,导航栏也称菜单栏,是指位于页面顶部或者侧边区域的,在页眉横幅图片上边或者下边的一排导航的按钮。导航栏用于链接站点或用于链接软件内的各个页面。导航栏有助于用户快速查找资源,定位所需资源所属的区域。导航栏上的每一个按钮,配置有菜单项名称以及对应的统一资源定位符URL地址。其中URL是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示,即是互联网上标准资源的地址。URL给资源的位置提供一种抽象的识别方法,并用这种方法给资源定位。通过对资源的定位,系统可以对资源进行各种操作。
针对步骤S102,在页面集成系统的数据库中,查询是否存在目标页面的访问地址,进而查询是否存在与该访问地址相关联的导航栏信息。值得说明的是,在页面集成系统中,集成有多个子系统,每个子系统的页面的地址被配置于页面集成系统的数据库中,因此可以通过数据库查询是否存在目标页面的访问地址。
S103、若所述数据库中存在与所述访问地址相关联的导航栏信息,则根据所述导航栏信息以及所述页面集成系统中预设的导航栏样式,在所述浏览器页面上加载导航栏作为所述目标页面的导航栏。
若在页面集成系统的数据库中,查询到与目标页面的访问地址相关联的导航栏信息,则将该导航栏信息加载到浏览器上。具体地,根据页面集成系统中预先设置的导航栏样式,将导航栏信息加载到浏览器的页面上。
在一种可实现的实施方式中,可以通过层叠样式表(Cascading Style Sheets,简称CSS)来预先设置导航栏样式。具体地,利用CSS样式表定义导航栏的样式,可以将导航栏设置在页面的顶部,或者左侧等;还可以设置导航栏的边框样式,按钮的大小、形状、颜色、纹理等等;此外,还可以设置导航栏的按钮上对应的菜单项名称的字体及颜色等。
本领域普通技术人员应当理解的是,CSS样式表不仅仅可以在HTML元素的style属性、header部分进行声明,还可以单独的将样式表声明在CSS文件中。即是说,CSS样式表可以将所有的样式声明统一存放在一个CSS文件中,便于统一管理。那么,由于CSS样式表的这种特点,因此,可以在多个页面中引用同一个CSS样式表,这样就可以实现多个页面的风格样式统一。
S104、根据所述访问地址,在所述浏览器页面上内嵌所述目标页面。
在页面集成系统的浏览器页面上加载查询到的导航栏作为目标页面的导航栏,同时,根据目标页面的访问地址,在该页面集成系统的浏览器页面上内嵌该目标页面。
采用这种方法,通过浏览器访问页面集成系统,从页面集成系统的界面中,选择需要访问的目标页面,进而获取目标页面的访问地址;然后在页面集成系统的数据库中,查询是否存在与该访问地址相关联的导航栏信息,该导航栏信息包括菜单项名称,以及与该菜单项名称对应的统一资源定位符URL地址;若在页面集成系统的数据库中存在与该访问地址相关联的导航栏信息,则根据该导航栏信息以及页面集成系统中预设的导航栏样式,例如采用CSS样式表预先设置的导航栏样式,在该页面集成系统的浏览器页面上加载导航栏作为该目标页面的导航栏;同时,根据该访问地址,在该页面集成系统的浏览器页面上内嵌该目标页面。采用这种方法,根据页面集成系统中预设的导航栏样式,将目标页面上的导航栏信息以预先设置的样式进行显示。其中,目标页面可以是页面集成系统中集成的任意地子系统的页面。因此采用这种方法,在各个集成的子系统的页面之间进行切换时,可以使该页面集成系统上显示的各个子系统的页面布局一致。
此外,相较于相关技术中,通过新建前端工程的集成方法,本公开提供的上述加载页面的方法,不仅可以使集成的各个子系统的页面布局一致,而且不需要重新开发各个集成系统的前端页面的代码。采用本公开提供的上述加载页面的方法,只需要通过在页面集成系统的数据库中配置需要被集成系统的页面地址以及相关联的导航栏信息,然后在页面集成系统中添加该系统的访问接口,从而就可以通过页面集成系统访问各个被集成的子系统,并使在页面集成系统的浏览器页面上显示的被集成的各个子系统的页面布局一致。
另外,若要在页面集成系统中新加入需要被集成的系统,同样地,也只需在数据库中添加新系统的页面地址以及相关联的导航栏信息。因此,采用本公开提供的上述加载页面的方法,不需要对各个被集成的系统的代码进行修改,如此,可以减少工作量,也有利于页面集成系统的扩展,进而还可以避免对各系统的代码进行修改而带来的风险。
值得说明的是,采用本公开提供的上述加载页面的方法,可以提高代码的复用率,具体地,在集成系统中,若需要新添加功能,则可以将现有的该功能模块集成到该集成系统中,如此,对现有的代码进行复用,提高了代码的复用率。
为了使本领域技术人员更加理解本公开实施例提供的技术方案,下面对上述步骤进行详细的说明。
下面说明如何获取目标页面的访问地址。
可选地,所述目标页面为被所述页面集成系统集成的任一系统的主页面,或者是该系统的所述主页面的次级页面。
具体地,在页面集成系统中,提供多个被集成系统的访问接口。若目标页面是被集成的子系统的主页面,则根据页面集成系统提供的接口,访问对应的子系统的主页面。示例地,可以在页面集成系统的页面中,预先设置每一被集成的子系统的访问按钮,通过点击按钮,可以获取到对应的主页面的访问地址。
再示例地,若目标页面是被集成的子系统的主页面的次级界面,则可以通过点击主页面上的导航栏上的按钮,获取到次级界面的访问地址,如此,可以链接到对应的次级界面。
采用这种方法,根据获取到的目标页面的访问地址,可以进一步地在数据库中查询与该访问地址相关联的导航栏信息。若目标页面是页面集成系统的子系统的主页面,通过该页面集成系统上的访问接口,可以访问到该主页面,进一步地,通过该主页面上的导航栏上的按钮,可以获取到次级界面的访问地址。如此,可以访问该页面集成系统的任一子系统的任一页面。
下面说明页面集成系统的数据库是如何建立的。
可选地,所述数据库可以通过如下方式建立:
提取具有不同导航栏样式的多个页面的菜单项名称,以及各菜单项名称对应的URL地址,得到各所述页面上的导航栏信息;将各所述页面的访问地址,与各所述页面上的导航栏信息关联存储到所述数据库中。
在一种可实现的实施方式中,可以通过提取各个需要被集成的子系统的访问地址,然后建立对应的子系统信息表。进一步地,可以分别提取各个子系统的菜单信息以及每一菜单项按钮对应的链接地址,建立对应的子系统的菜单信息表。其中,菜单信息包括主菜单信息,以及次级菜单信息。再进一步地,将子系统信息表以及子系统的菜单信息表关联,然后建立数据库。
本领域普通技术人员应当理解的是,系统的主页面一般为登录系统之后进入的页面。在一种可能的情况下,本公开提供的方法中的主页面也可以是登录页面。在一种可实现的实施方式中,可以通过登录页面,在登录验证成功后,获取到系统主页面的访问地址。
采用这种方法,通过在页面集成系统的数据库中,预先配置各个子系统的访问地址以及各个系统的菜单信息。其次,可以在通过页面集成系统访问子系统时,从数据库中查询到对应的子系统页面地址,并根据该页面地址将该子系统页面显示在集成系统的页面中。
下面说明如何根据所述导航栏信息以及所述页面集成系统中预设的导航栏样式,在所述浏览器页面上加载导航栏作为所述目标页面的导航栏。
可选地,根据所述预设的导航栏样式加载各所述菜单项名称,并将各所述URL地址链接到对应的菜单项名称下,以使针对所述菜单项名称的操作能够触发根据所述URL地址进入新的页面。
具体地,根据页面集成系统中预设的导航栏样式,例如,通过上述步骤S103中的关于CSS样式表的实施方式预先设置导航栏样式,将查询到的与目标页面访问地址相关联的导航栏信息加载到页面集成系统的页面上。其中值得说明的是,导航栏上的每一菜单项按钮配置有对应的URL地址,通过对菜单项按钮的操作能够触发根据对应的URL地址进入新的系统页面。
采用这种方法,根据预先设置的导航栏样式,将目标页面上的菜单项名称,菜单项按钮,导航栏边框、背景等采用统一的样式显示在页面集成系统的页面上。如此,可以使页面集成系统中集成的各个子系统的页面显示的样式一致。
下面说明如何根据目标页面的访问地址,在所述浏览器页面上内嵌所述目标页面。
可选地,根据iframe标签通过所述访问地址,将所述目标页面通过内嵌的方式加载到所述页面集成系统的浏览器页面中。
iframe标签用于定义内联框架,而内联框架是指在一个页面中嵌入另一个页面。应当理解的是,使用iframe标签可以直接在页面中创建包含另一个文档的内联框架(即行内框架)。并且,通过iframe标签的属性,可以设置内嵌页面的样式。例如,可以设置内联框架的周边边框样式,包括边框的大小,边框四周的边距等。再例如,可以设置内嵌页面的背景颜色,以及是否在内嵌页面中加入滚动条等。再例如,还可以设置内嵌页面的文字对齐方式等。
因此,采用iframe标签,通过目标页面的访问地址,可以将目标页面加载到页面集成系统的页面中。
可选地,被加载的目标页面包括用于组成导航栏的菜单项以及页面的主展示内容,本公开提供的加载页面的方法还可以包括以下步骤:
删除所述目标页面的菜单项,保留所述目标页面的主展示内容,以使得通过所述目标页面的访问地址加载得到的页面不包括菜单项。
其中,页面的主展示内容是指除去导航栏的页面内容。在本公开提供的加载页面的方法中,由于将目标页面的导航栏信息通过预设的导航栏样式加载到页面集成系统的页面上,因此,在使用iframe标签内嵌目标页面时,需要将目标页面上原本的导航栏删除,只保留目标页面的主展示内容,使得通过iframe标签内嵌的页面不包括导航栏。
下面进行示例性说明,采用本公开上述实施例提供的加载页面的方法来加载被集成的子系统的页面后所呈现的效果。
图2是根据本公开一示例性实施例示出的A系统被集成前的某一页面布局示意图。可见,A系统被集成前,其导航栏位于页面的顶部,主展示内容的区域位于导航栏的下方。图3是根据本公开一示例性实施例示出的B系统被集成前的某一页面布局示意图。可见,B系统被集成前,其导航栏位于页面的左侧,主展示内容的区域位于导航栏的右侧。通过图2与图3对比,可见A系统与B系统的页面布局风格不一致。
示例地,采用本公开上述实施例中的加载页面的方法,首先将A系统的页面访问地址,以及该页面上的菜单项名称,以及各菜单项名称对应的URL地址,预先存储在页面集成系统的数据库中。然后,通过浏览器访问页面集成系统,在页面集成系统中,选择要访问的A系统,获取A系统的页面访问地址。接着在页面集成系统的数据库中查询与A系统页面访问地址相关联的导航栏信息。进一步地,根据查询到的导航栏信息以及页面集成系统中预设的导航栏样式,在浏览器页面上加载导航栏作为目标页面的导航栏,并根据A系统页面访问地址,在浏览器页面上内嵌该A系统页面。采用这种方法,可以得到如图4所示的页面显示示意图。
同理地,将B系统的页面访问地址,以及该页面上的菜单项名称,以及各菜单项名称对应的URL地址,预先存储在页面集成系统的数据库中。然后,通过浏览器访问页面集成系统,在页面集成系统中,选择要访问的B系统,获取B系统的页面访问地址。接着在页面集成系统的数据库中查询与B系统页面访问地址相关联的导航栏信息。进一步地,根据查询到的导航栏信息以及页面集成系统中预设的导航栏样式,在浏览器页面上加载导航栏作为目标页面的导航栏,并根据B系统页面的访问地址,在浏览器页面上内嵌该B系统的页面。采用这种方法,可以得到如图5所示的页面显示示意图。
通过对比图4和图5,可见,采用本公开提供的上述加载页面的方法,可以使A系统和B系统被集成后,在页面集成系统中显示的页面的布局一致。此处需说明的是,图2至图5仅示例了页面的布局,而本领域普通技术人员应当理解的是,采用上述实施例中的加载页面的方法,还可以统一页面的背景颜色、边框样式、纹理等等。
基于同一发明构思,本公开实施例还提供一种加载页面的装置,如图6所示,该装置600包括:
获取模块601,用于在页面集成系统的浏览器页面中,获取目标页面的访问地址;
查询模块602,用于查询所述页面集成系统的数据库中,是否存在与所述访问地址相关联的导航栏信息,所述导航栏信息包括菜单项名称,以及与所述菜单项名称对应的统一资源定位符URL地址;
加载模块603,用于若所述数据库中存在与所述访问地址相关联的导航栏信息,则根据所述导航栏信息以及所述页面集成系统中预设的导航栏样式,在所述浏览器页面上加载导航栏作为所述目标页面的导航栏;
内嵌模块604,用于根据所述访问地址,在所述浏览器页面上内嵌所述目标页面。
采用这种加载页面的装置,可以使该页面集成系统上显示的各个子系统的页面布局一致。并且,采用这种装置,不需要对各个被集成的系统的代码进行修改,如此,可以减少工作量,也有利于页面集成系统的扩展,进而还可以避免对各系统的代码进行修改而带来的风险。
可选地,所述加载模块包括:
执行子模块,用于根据所述预设的导航栏样式加载各所述菜单项名称,并将各所述URL地址链接到对应的菜单项名称下,以使针对所述菜单项名称的操作能够触发根据所述URL地址进入新的页面。
可选地,所述内嵌模块包括:
加载子模块,用于根据iframe标签通过所述访问地址,将所述目标页面通过内嵌的方式加载到所述页面集成系统的浏览器页面中。
可选地,所述目标页面为被所述页面集成系统集成的任一系统的主页面,或者是该系统的所述主页面的次级页面。
可选地,所述数据库是通过如下方式建立的:
提取具有不同导航栏样式的多个页面的菜单项名称,以及各菜单项名称对应的URL地址,得到各所述页面上的导航栏信息;
将各所述页面的访问地址,与各所述页面上的导航栏信息关联存储到所述数据库中。
可选地,所述目标页面包括用于组成导航栏的菜单项以及页面的主展示内容,所述装置还包括:
删除模块,用于删除所述目标页面的菜单项,保留所述目标页面的主展示内容,以使得通过所述目标页面的访问地址加载得到的页面不包括菜单项。
关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
本公开实施例还提供一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现上述方法实施例提供的一种加载页面的方法的步骤。
图7是根据一示例性实施例示出的一种电子设备700的框图。如图7所示,该电子设备700可以包括:处理器701,存储器702。该电子设备700还可以包括多媒体组件703,输入/输出(I/O)接口704,以及通信组件705中的一者或多者。
其中,处理器701用于控制该电子设备700的整体操作,以完成上述的加载页面的方法中的全部或部分步骤。存储器702用于存储各种类型的数据以支持在该电子设备700的操作,这些数据例如可以包括用于在该电子设备700上操作的任何应用程序或方法的指令,以及应用程序相关的数据,例如联系人数据、收发的消息、图片、音频、视频等等。该存储器702可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,例如静态随机存取存储器(Static Random Access Memory,简称SRAM),电可擦除可编程只读存储器(Electrically Erasable Programmable Read-Only Memory,简称EEPROM),可擦除可编程只读存储器(Erasable Programmable Read-Only Memory,简称EPROM),可编程只读存储器(Programmable Read-Only Memory,简称PROM),只读存储器(Read-Only Memory,简称ROM),磁存储器,快闪存储器,磁盘或光盘。多媒体组件703可以包括屏幕和音频组件。其中屏幕例如可以是触摸屏,音频组件用于输出和/或输入音频信号。例如,音频组件可以包括一个麦克风,麦克风用于接收外部音频信号。所接收的音频信号可以被进一步存储在存储器702或通过通信组件705发送。音频组件还包括至少一个扬声器,用于输出音频信号。I/O接口704为处理器701和其他接口模块之间提供接口,上述其他接口模块可以是键盘,鼠标,按钮等。这些按钮可以是虚拟按钮或者实体按钮。通信组件705用于该电子设备700与其他设备之间进行有线或无线通信。无线通信,例如Wi-Fi,蓝牙,近场通信(Near FieldCommunication,简称NFC),2G、3G、4G、NB-IOT、eMTC、或其他5G等等,或它们中的一种或几种的组合,在此不做限定。因此相应的该通信组件705可以包括:Wi-Fi模块,蓝牙模块,NFC模块等等。
在一示例性实施例中,电子设备700可以被一个或多个应用专用集成电路(Application Specific Integrated Circuit,简称ASIC)、数字信号处理器(DigitalSignal Processor,简称DSP)、数字信号处理设备(Digital Signal Processing Device,简称DSPD)、可编程逻辑器件(Programmable Logic Device,简称PLD)、现场可编程门阵列(Field Programmable Gate Array,简称FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述的加载页面的方法。
在另一示例性实施例中,还提供了一种包括程序指令的计算机可读存储介质,该程序指令被处理器执行时实现上述的加载页面的方法的步骤。例如,该计算机可读存储介质可以为上述包括程序指令的存储器702,上述程序指令可由电子设备700的处理器701执行以完成上述的加载页面的方法。
以上结合附图详细描述了本公开的优选实施方式,但是,本公开并不限于上述实施方式中的具体细节,在本公开的技术构思范围内,可以对本公开的技术方案进行多种简单变型,这些简单变型均属于本公开的保护范围。
另外需要说明的是,在上述具体实施方式中所描述的各个具体技术特征,在不矛盾的情况下,可以通过任何合适的方式进行组合。为了避免不必要的重复,本公开对各种可能的组合方式不再另行说明。
此外,本公开的各种不同的实施方式之间也可以进行任意组合,只要其不违背本公开的思想,其同样应当视为本公开所公开的内容。
Claims (10)
1.一种加载页面的方法,其特征在于,包括:
在页面集成系统的浏览器页面中,获取目标页面的访问地址;
查询所述页面集成系统的数据库中,是否存在与所述访问地址相关联的导航栏信息,所述导航栏信息包括菜单项名称,以及与所述菜单项名称对应的统一资源定位符URL地址;
若所述数据库中存在与所述访问地址相关联的导航栏信息,则根据所述导航栏信息以及所述页面集成系统中预设的导航栏样式,在所述浏览器页面上加载导航栏作为所述目标页面的导航栏;并,
根据所述访问地址,在所述浏览器页面上内嵌所述目标页面。
2.根据权利要求1所述的方法,其特征在于,所述根据所述导航栏信息以及所述页面集成系统中预设的导航栏样式,在所述浏览器页面上加载导航栏作为所述目标页面的导航栏,包括:
根据所述预设的导航栏样式加载各所述菜单项名称,并将各所述URL地址链接到对应的菜单项名称下,以使针对所述菜单项名称的操作能够触发根据所述URL地址进入新的页面。
3.根据权利要求1所述的方法,其特征在于,所述根据所述访问地址,在所述浏览器页面上内嵌所述目标页面,包括:
根据iframe标签通过所述访问地址,将所述目标页面通过内嵌的方式加载到所述页面集成系统的浏览器页面中。
4.根据权利要求1-3任一项所述的方法,其特征在于,所述目标页面为被所述页面集成系统集成的任一系统的主页面,或者是该系统的所述主页面的次级页面。
5.根据权利要求1-3任一项所述的方法,其特征在于,所述数据库是通过如下方式建立的:
提取具有不同导航栏样式的多个页面的菜单项名称,以及各菜单项名称对应的URL地址,得到各所述页面上的导航栏信息;
将各所述页面的访问地址,与各所述页面上的导航栏信息关联存储到所述数据库中。
6.根据权利要求5所述的方法,其特征在于,所述目标页面包括用于组成导航栏的菜单项以及页面的主展示内容,所述方法还包括:
删除所述目标页面的菜单项,保留所述目标页面的主展示内容,以使得通过所述目标页面的访问地址加载得到的页面不包括菜单项。
7.一种加载页面的装置,其特征在于,包括:
获取模块,用于在页面集成系统的浏览器页面中,获取目标页面的访问地址;
查询模块,用于查询所述页面集成系统的数据库中,是否存在与所述访问地址相关联的导航栏信息,所述导航栏信息包括菜单项名称,以及与所述菜单项名称对应的统一资源定位符URL地址;
加载模块,用于若所述数据库中存在与所述访问地址相关联的导航栏信息,则根据所述导航栏信息以及所述页面集成系统中预设的导航栏样式,在所述浏览器页面上加载导航栏作为所述目标页面的导航栏;
内嵌模块,用于根据所述访问地址,在所述浏览器页面上内嵌所述目标页面。
8.根据权利要求7所述的装置,其特征在于,所述加载模块包括:
执行子模块,用于根据所述预设的导航栏样式加载各所述菜单项名称,并将各所述URL地址链接到对应的菜单项名称下,以使针对所述菜单项名称的操作能够触发根据所述URL地址进入新的页面。
9.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现权利要求1-6中任一项所述方法的步骤。
10.一种电子设备,其特征在于,包括:
存储器,其上存储有计算机程序;
处理器,用于执行所述存储器中的所述计算机程序,以实现权利要求1-6中任一项所述方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911144532.1A CN110941779B (zh) | 2019-11-20 | 2019-11-20 | 加载页面的方法、装置、存储介质及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911144532.1A CN110941779B (zh) | 2019-11-20 | 2019-11-20 | 加载页面的方法、装置、存储介质及电子设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN110941779A true CN110941779A (zh) | 2020-03-31 |
CN110941779B CN110941779B (zh) | 2023-06-30 |
Family
ID=69907780
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201911144532.1A Active CN110941779B (zh) | 2019-11-20 | 2019-11-20 | 加载页面的方法、装置、存储介质及电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110941779B (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111666585A (zh) * | 2020-04-16 | 2020-09-15 | 北京百度网讯科技有限公司 | 子应用访问的方法、装置、电子设备以及可读存储介质 |
CN111813410A (zh) * | 2020-07-08 | 2020-10-23 | 北京亚鸿世纪科技发展有限公司 | 浏览器数据可视化开发用于多页面联合展示的方法和装置 |
CN112199263A (zh) * | 2020-09-30 | 2021-01-08 | 北京字节跳动网络技术有限公司 | 录制页面的方法、装置、设备以及介质 |
CN114760280A (zh) * | 2022-03-15 | 2022-07-15 | 河南保营机电有限公司 | 一种基于网页的嵌入式人机交互系统 |
Citations (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CA2340298A1 (en) * | 2000-03-09 | 2001-09-09 | Ethereal Minds, Inc. | System and method for dynamically managing web content using a browser-independent framework |
US20040254913A1 (en) * | 1998-01-30 | 2004-12-16 | David Bernstein | System, method and apparatus for navigating and selectively pre-caching data from a heterarchical network of databases |
CN103605527A (zh) * | 2013-12-06 | 2014-02-26 | 普元信息技术股份有限公司 | 实现云计算应用间界面集成和统一样式展现的系统及方法 |
CN105260420A (zh) * | 2015-09-25 | 2016-01-20 | 百度在线网络技术(北京)有限公司 | 一种用于在移动应用中提供目标页面的方法与设备 |
CN106547844A (zh) * | 2016-10-17 | 2017-03-29 | 腾讯科技(深圳)有限公司 | 一种用户界面的处理方法和装置 |
US20180046602A1 (en) * | 2016-08-12 | 2018-02-15 | NetSuite Inc. | System and methods for control of content presented on web pages |
CN107798084A (zh) * | 2017-10-17 | 2018-03-13 | 广东广业开元科技有限公司 | 一种web前端页面的可视化编辑生成系统及装置 |
CN108038134A (zh) * | 2017-11-20 | 2018-05-15 | 东软集团股份有限公司 | 页面展示的方法、装置和存储介质以及电子设备 |
CN108600848A (zh) * | 2018-03-15 | 2018-09-28 | 聚好看科技股份有限公司 | 智能电视以及在用户界面上显示内容的方法 |
CN108664191A (zh) * | 2018-04-11 | 2018-10-16 | 阿里巴巴集团控股有限公司 | 系统访问方法及装置 |
CN109614545A (zh) * | 2018-11-13 | 2019-04-12 | 阿里巴巴集团控股有限公司 | 页面加载方法、装置及设备 |
US10296558B1 (en) * | 2012-02-27 | 2019-05-21 | Amazon Technologies, Inc. | Remote generation of composite content pages |
US20190266225A1 (en) * | 2018-02-26 | 2019-08-29 | Servicenow, Inc. | System for Building and Modeling Web Pages |
CN110209966A (zh) * | 2019-04-15 | 2019-09-06 | 优信拍(北京)信息科技有限公司 | 一种网页刷新方法、网页系统及电子设备 |
-
2019
- 2019-11-20 CN CN201911144532.1A patent/CN110941779B/zh active Active
Patent Citations (15)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20040254913A1 (en) * | 1998-01-30 | 2004-12-16 | David Bernstein | System, method and apparatus for navigating and selectively pre-caching data from a heterarchical network of databases |
CA2340298A1 (en) * | 2000-03-09 | 2001-09-09 | Ethereal Minds, Inc. | System and method for dynamically managing web content using a browser-independent framework |
US10296558B1 (en) * | 2012-02-27 | 2019-05-21 | Amazon Technologies, Inc. | Remote generation of composite content pages |
CN103605527A (zh) * | 2013-12-06 | 2014-02-26 | 普元信息技术股份有限公司 | 实现云计算应用间界面集成和统一样式展现的系统及方法 |
CN105260420A (zh) * | 2015-09-25 | 2016-01-20 | 百度在线网络技术(北京)有限公司 | 一种用于在移动应用中提供目标页面的方法与设备 |
WO2017049769A1 (zh) * | 2015-09-25 | 2017-03-30 | 百度在线网络技术(北京)有限公司 | 一种用于在移动应用中提供目标页面的方法与设备 |
US20180046602A1 (en) * | 2016-08-12 | 2018-02-15 | NetSuite Inc. | System and methods for control of content presented on web pages |
CN106547844A (zh) * | 2016-10-17 | 2017-03-29 | 腾讯科技(深圳)有限公司 | 一种用户界面的处理方法和装置 |
CN107798084A (zh) * | 2017-10-17 | 2018-03-13 | 广东广业开元科技有限公司 | 一种web前端页面的可视化编辑生成系统及装置 |
CN108038134A (zh) * | 2017-11-20 | 2018-05-15 | 东软集团股份有限公司 | 页面展示的方法、装置和存储介质以及电子设备 |
US20190266225A1 (en) * | 2018-02-26 | 2019-08-29 | Servicenow, Inc. | System for Building and Modeling Web Pages |
CN108600848A (zh) * | 2018-03-15 | 2018-09-28 | 聚好看科技股份有限公司 | 智能电视以及在用户界面上显示内容的方法 |
CN108664191A (zh) * | 2018-04-11 | 2018-10-16 | 阿里巴巴集团控股有限公司 | 系统访问方法及装置 |
CN109614545A (zh) * | 2018-11-13 | 2019-04-12 | 阿里巴巴集团控股有限公司 | 页面加载方法、装置及设备 |
CN110209966A (zh) * | 2019-04-15 | 2019-09-06 | 优信拍(北京)信息科技有限公司 | 一种网页刷新方法、网页系统及电子设备 |
Non-Patent Citations (6)
Title |
---|
ANDRIJANA DIMITRIEVSKA: "Making multiple systems work as one through System Integration", pages 1, Retrieved from the Internet <URL:https://iwconnect.com/making-multiple-systems-work-as-one-through-integration/> * |
BEN MARSHALL: "Responsive iframes", pages 1, Retrieved from the Internet <URL:https://www.benmarshall.me/responsive-iframes/> * |
周斌: "基于flex的web集成实时视频监控系统研究与实现", 中国优秀硕士学位论文全文数据库 信息科技辑, no. 5, pages 140 - 550 * |
大师兄: "Vue 多系统切换实现方案(iframe嵌套的两三事)", pages 1, Retrieved from the Internet <URL:https://segmentfault.com/a/1190000015167850> * |
杨公义: ""北京大学公开课信息系统的开发"", 《软件》 * |
杨公义: ""北京大学公开课信息系统的开发"", 《软件》, 15 May 2018 (2018-05-15), pages 9 - 17 * |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111666585A (zh) * | 2020-04-16 | 2020-09-15 | 北京百度网讯科技有限公司 | 子应用访问的方法、装置、电子设备以及可读存储介质 |
CN111666585B (zh) * | 2020-04-16 | 2023-08-18 | 北京百度网讯科技有限公司 | 子应用访问的方法、装置、电子设备以及可读存储介质 |
CN111813410A (zh) * | 2020-07-08 | 2020-10-23 | 北京亚鸿世纪科技发展有限公司 | 浏览器数据可视化开发用于多页面联合展示的方法和装置 |
CN112199263A (zh) * | 2020-09-30 | 2021-01-08 | 北京字节跳动网络技术有限公司 | 录制页面的方法、装置、设备以及介质 |
CN112199263B (zh) * | 2020-09-30 | 2024-06-21 | 北京字节跳动网络技术有限公司 | 录制页面的方法、装置、设备以及介质 |
CN114760280A (zh) * | 2022-03-15 | 2022-07-15 | 河南保营机电有限公司 | 一种基于网页的嵌入式人机交互系统 |
CN114760280B (zh) * | 2022-03-15 | 2024-04-12 | 河南宏硕电气有限公司 | 一种基于网页的嵌入式人机交互系统 |
Also Published As
Publication number | Publication date |
---|---|
CN110941779B (zh) | 2023-06-30 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110297672B (zh) | 页面动态生成方法、装置、计算机设备及存储介质 | |
EP3399721B1 (en) | Interface data displaying method and device | |
US20190251143A1 (en) | Web page rendering method and related device | |
CN110941779B (zh) | 加载页面的方法、装置、存储介质及电子设备 | |
US20160062963A1 (en) | Synchronizing DOM Element References | |
EP3273362A1 (en) | Webpage access method, apparatus, device and non-volatile computer storage medium | |
CN108399072B (zh) | 应用页面更新方法和装置 | |
CN107656729B (zh) | 列表视图的更新装置、方法及计算机可读存储介质 | |
US20150302110A1 (en) | Decoupling front end and back end pages using tags | |
CN107832052B (zh) | 展示预览页面的方法、装置和存储介质以及电子设备 | |
CN108536745B (zh) | 基于Shell的数据表提取方法、终端、设备及存储介质 | |
EP2866158A1 (en) | Method for reader to provide service, reader, terminal and computer storage medium | |
CN108776587B (zh) | 数据获取方法、装置、计算机设备以及存储介质 | |
CN111651468A (zh) | 基于sql解析的数据更新方法、装置、电子设备及存储介质 | |
CN107480117B (zh) | 自动化页面表单数据的恢复方法及装置 | |
CN111984239A (zh) | 一种页面配置方法、装置、服务器及存储介质 | |
CN111367518A (zh) | 页面布局方法、装置、计算设备及计算机存储介质 | |
CN112905178B (zh) | 业务功能页面生成方法、装置、设备及介质 | |
CN112559913B (zh) | 一种数据处理方法、装置、计算设备及可读存储介质 | |
CN111857781B (zh) | 资源更新方法及相关设备 | |
CN112035113A (zh) | H5页面的导航栏加载方法、装置、设备及介质 | |
CN112818270A (zh) | 数据跨域传递方法、装置及计算机设备 | |
CN116661936A (zh) | 页面数据的处理方法、装置、计算机设备及存储介质 | |
CN111367606A (zh) | 一种应用程序页面的显示方法、装置、终端及介质 | |
CN111158998A (zh) | 一种埋点数据的显示方法及装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |