CN116560655A - 一种集成管理后台的方法及设备 - Google Patents

一种集成管理后台的方法及设备 Download PDF

Info

Publication number
CN116560655A
CN116560655A CN202310579984.2A CN202310579984A CN116560655A CN 116560655 A CN116560655 A CN 116560655A CN 202310579984 A CN202310579984 A CN 202310579984A CN 116560655 A CN116560655 A CN 116560655A
Authority
CN
China
Prior art keywords
integrated
page
background
management background
iframe
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.)
Pending
Application number
CN202310579984.2A
Other languages
English (en)
Inventor
刘舒
许赢
庞为浩
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Bestv Network Television Technology Development Co ltd
Original Assignee
Bestv Network Television Technology Development Co ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Bestv Network Television Technology Development Co ltd filed Critical Bestv Network Television Technology Development Co ltd
Priority to CN202310579984.2A priority Critical patent/CN116560655A/zh
Publication of CN116560655A publication Critical patent/CN116560655A/zh
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482Interaction with lists of selectable items, e.g. menus
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/36Software reuse

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本申请的目的是提供一种集成管理后台的方法及设备,本申请通过对待集成***进行改造,以使集成管理后台对所述待集成***进行管理;将iframe标签嵌入待集成***页面中,通过所述iframe标签将待集成***页面的菜单整合到所述集成管理后台中;通过监听待集成***页面的高度信息,调整所述集成管理后台的页面与所述待集成***页面的高度。从而可以实现页面自适应,不直接使用接口,也避免其他***需要提供额外接口导致多次重复开发的问题。

Description

一种集成管理后台的方法及设备
技术领域
本申请涉及计算机领域,尤其涉及一种集成管理后台的方法及设备。
背景技术
随着前端技术与实际业务的发展,管理***越来越多,功能越来越复杂,于是出现了多种管理***集成后台的需求。目前的集成后台无法支持页面自适应,且会出现多个滚动条的状况;另外也需要使用接口,当其他***需要接入时需要提供额外接口,导致多次重复开发,管理后台对需要集成的***管理分散。
发明内容
本申请的一个目的是提供一种集成管理后台的方法及设备,解决现有技术中其他***需要提供额外接口导致多次重复开发的问题以及无法支持页面自适的问题。
根据本申请的一个方面,提供了一种集成管理后台的方法,该方法包括:
对待集成***进行改造,以使集成管理后台对所述待集成***进行管理;
将iframe标签嵌入待集成***页面中,通过所述iframe标签将待集成***页面的菜单整合到所述集成管理后台中;
通过监听待集成***页面的高度信息,调整所述集成管理后台的页面与所述待集成***页面的高度。
可选地,对待集成***进行改造,包括:
对待集成***的入口鉴权改造;
对待集成***使用代理服务与集成管理后台进行数据传输;
对待集成***的页面菜单栏进行改造。
可选地,对待集成***的入口鉴权改造,包括:
通过路由地址后增加参数标识,在待集成***的入口对请求中携带的含有参数标识的路由地址进行鉴权,其中,所述参数标识包括用户令牌、请求方式及请求来源。
可选地,对待集成***的页面菜单栏进行改造,包括:
将待集成***的页面的导航栏和菜单栏进行隐藏,将主体内容部分显示在指定区域。
可选地,通过所述iframe标签将待集成***页面的菜单整合到所述集成管理后台中,包括:
将所述集成管理后台的路由对应的页面内容渲染为iframe组件;
基于获取到的用户对所述集成管理后台的页面菜单的选择操作时,通过所述iframe组件将页面内容跳转到对应的所述iframe标签嵌入到的待集成***页面中,完成所述待集成***页面的菜单整合至所述集成管理后台的页面中。
可选地,将所述集成管理后台的路由对应的页面内容渲染为iframe组件之后,包括:
基于所述待集成页面的宽度对所述路由对应的页面的宽度进行设置。
可选地,通过监听待集成***页面的高度信息,调整外层的集成管理后台的页面与所述待集成***页面的高度,包括:
通过应用程序接口的触发事件监听对象监听待集成***页面的高度信息以及内容变化;
当监听到触发事件时,将所述待集成***页面的高度信息实时传递给所述集成管理后台;
基于监听到的所述待集成***页面的高度信息调整所述集成管理后台的页面高度与所述待集成***页面的高度相同。
根据本申请又一个方面,还提供了一种集成管理后台的设备,所述设备包括:
一个或多个处理器;以及
存储有计算机可读指令的存储器,所述计算机可读指令在被执行时使所述处理器执行如前述所述方法的操作。
根据本申请再一个方面,还提供了一种计算机可读介质,其上存储有计算机可读指令,所述计算机可读指令可被处理器执行以实现如前述所述的方法。
与现有技术相比,本申请通过对待集成***进行改造,以使集成管理后台对所述待集成***进行管理;将iframe标签嵌入待集成***页面中,通过所述iframe标签将待集成***页面的菜单整合到所述集成管理后台中;通过监听待集成***页面的高度信息,调整所述集成管理后台的页面与所述待集成***页面的高度。从而可以实现页面自适应,不直接使用接口,也避免其他***需要提供额外接口导致多次重复开发的问题。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述,本申请的其它特征、目的和优点将会变得更明显:
图1示出根据本申请的一个方面提供的一种集成管理后台的方法流程示意图;
图2示出本申请一实施例中待集成***页面的菜单栏改造的示意图。
附图中相同或相似的附图标记代表相同或相似的部件。
具体实施方式
下面结合附图对本申请作进一步详细描述。
在本申请一个典型的配置中,终端、服务网络的设备和可信方均包括一个或多个处理器(例如中央处理器(Central Processing Unit,CPU))、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RandomAccess Memory,RAM)和/或非易失性内存等形式,如只读存储器(Read Only Memory,ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(Phase-Change RAM,PRAM)、静态随机存取存储器(Static Random Access Memory,SRAM)、动态随机存取存储器(Dynamic RandomAccess Memory,DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(Electrically Erasable Programmable Read-Only Memory,EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(Compact Disc Read-Only Memory,CD-ROM)、数字多功能光盘(Digital Versatile Disk,DVD)或其他光学存储、磁盒式磁带,磁带磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括非暂存电脑可读媒体(transitorymedia),如调制的数据信号和载波。
图1示出根据本申请的一个方面提供的一种集成管理后台的方法流程示意图,该方法包括:步骤S11~步骤S13,其中,步骤S11,对待集成***进行改造,以使集成管理后台对所述待集成***进行管理;步骤S12,将iframe标签嵌入待集成***页面中,通过所述iframe标签将待集成***页面的菜单整合到所述集成管理后台中;步骤S13,通过监听待集成***页面的高度信息,调整所述集成管理后台的页面与所述待集成***页面的高度。从而可以实现页面自适应,不直接使用接口,也避免其他***需要提供额外接口导致多次重复开发的问题。
具体地,在步骤S11中,对待集成***进行改造,以使集成管理后台对所述待集成***进行管理;在此,将多个待集成***集成到一个管理后台页面时,对待集成***进行改造,从而可以接入到集成管理后台的页面中,实现集成管理后台对待集成***的管理。
具体地,在步骤S12中,将iframe标签嵌入待集成***页面中,通过所述iframe标签将待集成***页面的菜单整合到所述集成管理后台中;在此,通过iframe技术可以将多个待集成***集成到一个后台页面中,将iframe标签嵌入到待集成的模块页面,从而实现路由跳转;集成管理后台可以根据进入的待集成***的标签不同,通过修改iframe标签的src属性,可以实现在集成***中其他待集成***的自由切换,另外使用iframe标签可以防止待集成***的模块页面对整体后台管理***造成影响。具体地,在整体后台管理***中嵌入待集成的***模块页面,并使其能够在集成***中进行路由跳转,将待集成***页面的菜单整合到外层的后台管理***中,适配外层的后台管理***主页面的菜单,从而保证每一个待集成***的页面都能与集成***的菜单一一对应。通过iframe直接引入其他***而非使用接口,从而避免了需要多次重复开发的问题。
具体地,在步骤S13中,通过监听待集成***页面的高度信息,调整所述集成管理后台的页面与所述待集成***页面的高度。在此,监听待集成***页面的高度变化,从而将监听到的高度变化传递给集成管理后台,对后台的页面进行调整,适应待集成***页面的高度变化,从而实现待集成***页面与后台页面的自适应。
在本申请一实施例中,对待集成***进行改造时,包括对待集成***的入口鉴权改造;对待集成***使用代理服务与集成管理后台进行数据传输;对待集成***的页面菜单栏进行改造。在此,将多个待集成***接入到集成管理后台的页面中进行集中管理时,需要对待集成***进行改造,从而保证用户后续无感知操作,待集成***与后台的访问处于同一域名,可以实现对不同待集成***页面的切换,达到集成的最终目的。
具体地,通过路由地址后增加参数标识,在待集成***的入口对请求中携带的含有参数标识的路由地址进行鉴权,其中,所述参数标识包括用户令牌、请求方式及请求来源。在此,对待集成***的入口鉴权进行改造,通过路由地址后增加参数标识告知待集成***请求来源为集成管理的方式,其中参数包括用户令牌、请求方式以及请求来源参数。例如:http://xxxxxxxxx?from=xx&iframe=xx&token=xxxxxxxx。待集成***根据用户来源使用Oauth授权协议进行鉴权。待集成***将用户的访问令牌与集成服务器验证,以确保其有效性,如果访问令牌有效,则待集成***可以使用访问令牌向认证服务器请求用户标识和权限等信息,并将用户信息保存至session,保证用户后续无感知操作。
对待集成***使用正向代理:在网络环境中,如果子域名的网站与父域名的网站处于不同的服务器中,那么在设置cookie的时候,由于浏览器的安全策略,无法在子域名中设置父域名的cookie,从而导致无法保存登录信息。为了解决这个问题,采用正向代理的方法,在客户端和目标服务器之间设置一个代理服务器,客户端通过代理服务器来访问目标服务器。在这种情况下,代理服务器作为客户端的“代理”,将客户端请求发送给目标服务器,并将目标服务器的响应返回给客户端。从而保证待集成***和集成***的访问处于同一域名。如他们都是.XX.com.cn结尾的网址。
接上述实施例,对待集成***的页面菜单栏进行改造时,将待集成***的页面的导航栏和菜单栏进行隐藏,将主体内容部分显示在指定区域。在此,待集成***根据用户的来源,自主控制通过CSS的DISPLAY参数隐藏待集成***页面的导航栏和菜单栏,只显示页面主体内容部分,并将主体部分在指定区域显示,比如紧靠左上(如图2所示),保证完整填充图中的页面内容区域,从而适配外层展示。并接口外层***的路由改造,通过不同的菜单栏导航对应不同的待集成***的页面,实现对不同的待集成***页面的切换,达成集成的最终目的。
在本申请一实施例中,将所述集成管理后台的路由对应的页面内容渲染为iframe组件;基于获取到的用户对所述集成管理后台的页面菜单的选择操作时,通过所述iframe组件将页面内容跳转到对应的所述iframe标签嵌入到的待集成***页面中,完成所述待集成***页面的菜单整合至所述集成管理后台的页面中。在此,对外层的集成***进行改造,即对集成管理后台进行改造,进行路由适配;路由对应的页面内容渲染为iframe组件,将待集成***页面的菜单整合到外层的后台管理***中,适配外层的后台管理***主页面的菜单,从而保证每一个待集成***的页面都能与集成***(集成管理后台)的菜单一一对应,最终获取用户对集成管理后台的页面菜单的选择操作时,比如点击操作,用户点击外层集成管理的后台页面菜单时,右侧页面内容跳转对应的待集成***页面。
进行外层的集成管理后台改造时,也会基于所述待集成页面的宽度对所述路由对应的页面的宽度进行设置。在此,将路由对应的页面内容渲染为iframe组件时,也需要设置宽度为100%,使得集成页面显示宽度始终占满页面内容部分。
在本申请一实施例中,通过应用程序接口的触发事件监听对象监听待集成***页面的高度信息以及内容变化;当监听到触发事件时,将所述待集成***页面的高度信息实时传递给所述集成管理后台;基于监听到的所述待集成***页面的高度信息调整所述集成管理后台的页面高度与所述待集成***页面的高度相同。在此,应用程序接口的触发事件监听对象可以使用MutationObserver对象,该MutationObserver对象是浏览器自带的API,浏览器DOM的任何变动,比如节点增减、属性的变动、文本内容的变动都会触发MutationObserver事件。通过该对象监听待集成***页面的高度和内容变化,随后通过postmessage方法将高度变化实时传递给集成管理后台,postmessage为html5新引进的可跨源通信API,通过该API可以让主页面和任意iframe类页面进行双向通信。通过终端的addEventListener在外层后台管理***页面监听iframe页面,即待集成***页面的高度信息,并设置外层后台管理***页面高度与内部iframe页面高度一致,避免出现多层滚动条。
本申请所述的方法,通过实现待集成页面和外层集成页面都支持页面自适应布局,从而实现无感知的多***集成;通过嵌入iframe直接引入其他待集成的***,而非直接使用接口,从而避免其他待集成的***需要提供额外接口导致多次重复开发问题,并且可以在集成***中通过入口鉴权,统一管理用户登录信息,解决应用管理分散等问题,改造待集成***的页面路由使得避免了多层级菜单。
此外,本申请实施例还提供了一种计算机可读介质,其上存储有计算机可读指令,所述计算机可读指令可被处理器执行以实现前述一种集成管理后台的方法。
在本申请一实施例中,还提供了一种的终端,所述终端包括:
一个或多个处理器;以及
存储有计算机可读指令的存储器,所述计算机可读指令在被执行时使所述处理器执行如前述所述方法的操作。
例如,计算机可读指令在被执行时使所述一个或多个处理器:
对待集成***进行改造,以使集成管理后台对所述待集成***进行管理;
将iframe标签嵌入待集成***页面中,通过所述iframe标签将待集成***页面的菜单整合到所述集成管理后台中;
通过监听待集成***页面的高度信息,调整所述集成管理后台的页面与所述待集成***页面的高度。
显然,本领域的技术人员可以对本申请进行各种改动和变型而不脱离本申请的精神和范围。这样,倘若本申请的这些修改和变型属于本申请权利要求及其等同技术的范围之内,则本申请也意图包含这些改动和变型在内。
需要注意的是,本申请可在软件和/或软件与硬件的组合体中被实施,例如,可采用专用集成电路(ASIC)、通用目的计算机或任何其他类似硬件设备来实现。在一个实施例中,本申请的软件程序可以通过处理器执行以实现上文所述步骤或功能。同样地,本申请的软件程序(包括相关的数据结构)可以被存储到计算机可读记录介质中,例如,RAM存储器,磁或光驱动器或软磁盘及类似设备。另外,本申请的一些步骤或功能可采用硬件来实现,例如,作为与处理器配合从而执行各个步骤或功能的电路。
另外,本申请的一部分可被应用为计算机程序产品,例如计算机程序指令,当其被计算机执行时,通过该计算机的操作,可以调用或提供根据本申请的方法和/或技术方案。而调用本申请的方法的程序指令,可能被存储在固定的或可移动的记录介质中,和/或通过广播或其他信号承载媒体中的数据流而被传输,和/或被存储在根据所述程序指令运行的计算机设备的工作存储器中。在此,根据本申请的一个实施例包括一个装置,该装置包括用于存储计算机程序指令的存储器和用于执行程序指令的处理器,其中,当该计算机程序指令被该处理器执行时,触发该装置运行基于前述根据本申请的多个实施例的方法和/或技术方案。
对于本领域技术人员而言,显然本申请不限于上述示范性实施例的细节,而且在不背离本申请的精神或基本特征的情况下,能够以其他的具体形式实现本申请。因此,无论从哪一点来看,均应将实施例看作是示范性的,而且是非限制性的,本申请的范围由所附权利要求而不是上述说明限定,因此旨在将落在权利要求的等同要件的含义和范围内的所有变化涵括在本申请内。不应将权利要求中的任何附图标记视为限制所涉及的权利要求。此外,显然“包括”一词不排除其他单元或步骤,单数不排除复数。第一,第二等词语用来表示名称,而并不表示任何特定的顺序。

Claims (9)

1.一种集成管理后台的方法,其特征在于,所述方法包括:
对待集成***进行改造,以使集成管理后台对所述待集成***进行管理;
将iframe标签嵌入待集成***页面中,通过所述iframe标签将待集成***页面的菜单整合到所述集成管理后台中;
通过监听待集成***页面的高度信息,调整所述集成管理后台的页面与所述待集成***页面的高度。
2.根据权利要求1所述的方法,其特征在于,对待集成***进行改造,包括:
对待集成***的入口鉴权改造;
对待集成***使用代理服务与集成管理后台进行数据传输;
对待集成***的页面菜单栏进行改造。
3.根据权利要求2所述的方法,其特征在于,对待集成***的入口鉴权改造,包括:
通过路由地址后增加参数标识,在待集成***的入口对请求中携带的含有参数标识的路由地址进行鉴权,其中,所述参数标识包括用户令牌、请求方式及请求来源。
4.根据权利要求2所述的方法,其特征在于,对待集成***的页面菜单栏进行改造,包括:
将待集成***的页面的导航栏和菜单栏进行隐藏,将主体内容部分显示在指定区域。
5.根据权利要求1所述的方法,其特征在于,通过所述iframe标签将待集成***页面的菜单整合到所述集成管理后台中,包括:
将所述集成管理后台的路由对应的页面内容渲染为iframe组件;
基于获取到的用户对所述集成管理后台的页面菜单的选择操作时,通过所述iframe组件将页面内容跳转到对应的所述iframe标签嵌入到的待集成***页面中,完成所述待集成***页面的菜单整合至所述集成管理后台的页面中。
6.根据权利要求5所述的方法,其特征在于,将所述集成管理后台的路由对应的页面内容渲染为iframe组件之后,包括:
基于所述待集成页面的宽度对所述路由对应的页面的宽度进行设置。
7.根据权利要求1所述的方法,其特征在于,通过监听待集成***页面的高度信息,调整外层的集成管理后台的页面与所述待集成***页面的高度,包括:
通过应用程序接口的触发事件监听对象监听待集成***页面的高度信息以及内容变化;
当监听到触发事件时,将所述待集成***页面的高度信息实时传递给所述集成管理后台;
基于监听到的所述待集成***页面的高度信息调整所述集成管理后台的页面高度与所述待集成***页面的高度相同。
8.一种集成管理后台的设备,其特征在于,所述设备包括:
一个或多个处理器;以及
存储有计算机可读指令的存储器,所述计算机可读指令在被执行时使所述处理器执行如权利要求1至7中任一项所述方法的操作。
9.一种计算机可读介质,其上存储有计算机可读指令,所述计算机可读指令可被处理器执行以实现如权利要求1至7中任一项所述的方法。
CN202310579984.2A 2023-05-22 2023-05-22 一种集成管理后台的方法及设备 Pending CN116560655A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202310579984.2A CN116560655A (zh) 2023-05-22 2023-05-22 一种集成管理后台的方法及设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202310579984.2A CN116560655A (zh) 2023-05-22 2023-05-22 一种集成管理后台的方法及设备

Publications (1)

Publication Number Publication Date
CN116560655A true CN116560655A (zh) 2023-08-08

Family

ID=87489633

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202310579984.2A Pending CN116560655A (zh) 2023-05-22 2023-05-22 一种集成管理后台的方法及设备

Country Status (1)

Country Link
CN (1) CN116560655A (zh)

Similar Documents

Publication Publication Date Title
US10909212B2 (en) Obfuscating network page structure
US20200125764A1 (en) Security Systems and Methods for Encoding and Decoding Digital Content
CN104737175B (zh) 计算机实施的方法及***、计算机可读媒体
US8037157B2 (en) Apparatus and method for generating and using a customized uniform resource locator
US9436763B1 (en) Infrastructure enabling intelligent execution and crawling of a web application
US8819116B1 (en) Providing services using a device capabilities service
US10447742B2 (en) Information sharing method and device
US7984170B1 (en) Cross-domain communication in domain-restricted communication environments
US8140643B2 (en) Managing user personal information across web sites
US9313187B1 (en) Network site customization using proxies
US11537760B2 (en) Web application execution with secure elements
US11004054B2 (en) Updating account data for multiple account providers
US10614417B2 (en) System and method for electronic lead verification
CN106464497A (zh) 利用低延迟会话聚合框架体系发放、传送和管理令牌的方法和***
US8959426B1 (en) Loading customer-supplied network page generation code
US9071650B1 (en) Method, system and computer program product for enforcing access controls to features and subfeatures on uncontrolled web application
US8316103B2 (en) Method for acquiring long data by GET method
US10013691B1 (en) Separating control of network sites
US20130036374A1 (en) Method and apparatus for providing a banner on a website
US8127314B2 (en) Method for using information in another domain, program for using information in another domain, and information transfer program
CN116560655A (zh) 一种集成管理后台的方法及设备
US11528301B1 (en) Secure embedding of private content via a dynamically-set security policy
US11449186B2 (en) System and method for optimized generation of a single page application for multi-page applications
US20170244649A1 (en) Method of and a system for providing access to a file to a web resource
US8892754B1 (en) Executing untrusted content in a trusted network

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