CN110018821A - 一种处理网页信息的方法及装置 - Google Patents
一种处理网页信息的方法及装置 Download PDFInfo
- Publication number
- CN110018821A CN110018821A CN201910278416.2A CN201910278416A CN110018821A CN 110018821 A CN110018821 A CN 110018821A CN 201910278416 A CN201910278416 A CN 201910278416A CN 110018821 A CN110018821 A CN 110018821A
- Authority
- CN
- China
- Prior art keywords
- event
- main control
- control module
- component
- mark
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/76—Adapting program code to run in a different environment; Porting
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种处理网页信息的方法,包括:中间组件接收第一组件传递的事件,主控模块监听到中间组件接收到事件后,对事件进行处理。还公开一种处理网页信息的装置。本方案使用中介组件来做中间组件分别跟信息获取者和发出者做交互,只需在组件初始化时让中间组件获取一次信息,任何时间其他组件都可以通过中间组件来处理数据,解决兄弟组件和跨级组件通信的问题。
Description
技术领域
本发明涉及软件开发技术领域,尤指一种处理网页信息的方法及装置。
背景技术
现在很多单页面的网页开发都是组件式开发,使用的思路大多是将页面的各部分做成单文件组件,在需要数据交互的时候通过页面跳转时的参数进行参数传递。常见的组件通信分类有父子组件通信、非父子组件通信,非父子组件通信一般有两种:兄弟组件和跨多级组件;常见的通信方式有父子组件通过选项通信,跨级组件通过广播通信,兄弟组件通过父组件里的变量来通信。兄弟组件无法通过广播进行通信,跨级组件在通过广播通信时会随着组件结构的扩展变得越来越弱。
发明内容
为了解决上述技术问题,本发明提供了一种处理网页信息的方法及装置,能够解决兄弟组件和跨级组件通信的问题。
为了达到本发明目的,本发明提供了一种处理网页信息的方法,包括:
中间组件接收第一组件传递的事件,
主控模块监听到中间组件接收到事件后,对事件进行处理。
进一步地,所述中间组件接收第一组件传递的事件后,还记录所述事件的标识;
所述主控模块监听到中间组件接收到事件后,还记录所述事件的标识,其中,所述中间组件记录的标识与所述主控模块记录的标识一一对应。
进一步地,所述主控模块对事件进行处理,包括:
所述主控模块获取所述事件的内容,并存储。
进一步地,所述主控模块对事件进行处理,包括:
所述主控模块如确定所述事件为紧急事件,则触发与所述事件相关的组件获取所述事件。
进一步地,所述主控模块触发与所述事件相关的第二组件获取所述事件,还包括:
所述主控模块将所述事件的内容发送给所述第二组件。
进一步地,所述主控模块对事件进行处理,包括:
所述主控模块接收到第二组件获取事件的请求后,将所请求事件的内容传递给所述第二组件。
一种处理网页信息的装置,包括:存储器和处理器;其中:
所述存储器,用于保存用于处理网页信息的程序;
所述处理器,用于读取执行所述用于处理网页信息的程序,执行如下操作:
中间组件接收第一组件传递的事件,
主控模块监听到所述中间组件接收到事件后,对事件进行处理。
进一步地,所述中间组件接收第一组件传递的事件后,还记录所述事件的标识;
所述主控模块监听到中间组件接收到事件后,还记录所述事件的标识,其中,所述中间组件记录的标识与所述主控模块记录的标识一一对应。
进一步地,所述主控模块对事件进行处理,包括:
所述主控模块获取所述事件的内容,并存储。
进一步地,所述主控模块对事件进行处理,包括:
所述主控模块如确定所述事件为紧急事件,则触发与所述事件相关的组件获取所述事件。
进一步地,所述主控模块触发与所述事件相关的第二组件获取所述事件,还包括:
所述主控模块将所述事件的内容发送给所述第二组件。
进一步地,所述主控模块对事件进行处理,包括:
所述主控模块接收到第二组件获取事件的请求后,将所请求事件的内容传递给所述第二组件。
本实施例的方法使用中介组件来做中间组件分别跟信息获取者和发出者做交互,只需在组件初始化时让中间组件获取一次信息,任何时间其他组件都可以通过中间组件来处理数据,解决兄弟组件和跨级组件通信的问题。
本发明的其它特征和优点将在随后的说明书中阐述,并且,部分地从说明书中变得显而易见,或者通过实施本发明而了解。本发明的目的和其他优点可通过在说明书、权利要求书以及附图中所特别指出的结构来实现和获得。
附图说明
附图用来提供对本发明技术方案的进一步理解,并且构成说明书的一部分,与本申请的实施例一起用于解释本发明的技术方案,并不构成对本发明技术方案的限制。
图1为本发明实施例的一种处理网页信息的方法的流程图;
图2为本发明实施例的一种处理网页信息的装置的示意图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚明白,下文中将结合附图对本发明的实施例进行详细说明。需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互任意组合。
在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行。并且,虽然在流程图中示出了逻辑顺序,但是在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤。
图1为本发明实施例的一种处理网页信息的方法的流程图,如图1所示,本实施例的方法包括:
步骤101、中间组件接收第一组件传递的事件,
步骤102、主控模块监听到中间组件接收到事件后,对事件进行处理。
主控模块接收到事件后可以在回调里完成自己的业务逻辑。
本实施例的方法,使用中介组件来做中间组件分别跟信息获取者和发出者做交互,只需在组件初始化时让中间组件获取一次信息,任何时间其他组件都可以通过中间组件来处理数据,解决兄弟组件和跨级组件通信的问题。
在一实施例中,所述中间组件接收第一组件传递的事件后,还记录所述事件的标识;
所述主控模块监听到中间组件接收到事件后,还记录所述事件的标识,其中,所述中间组件记录的标识与所述主控模块记录的标识一一对应。
中间组件可以接收到不同组件传递的事件,不同组件传递的事件可以相同,也可以不同,中间组件中记录的标识与主控模块记录的标识需要一一对应,这样有利于区分不组件传递的事件。
本实施例中,中间组件只记录事件的标识,这样可以保持中间组件的独立性,不在中间组件里添加业务逻辑。
在一实施例中,主控模块监听中间组件接收到事件的过程中,还可以获取所述事件的内容,并存储。这样主控模块存储下来,别的组件在任何时间都可以直接从主控模块获取并使用。
在一实施例中,主控模块如确定所述事件为紧急事件,则触发与所述事件相关的组件获取所述事件。
主控模块可以根据事件携带的表示是否为紧急事件的标记来确定事件是否为紧急事件,紧急事件需要相关组件第一时间获取到,主控模块可以触发相关组件获取事件的同时,将所述事件的内容传递给相关的组件。
如所述事件为非紧急事件,则主控模块可以在接收到第二组件获取事件的请求后,再将所请求事件的内容传递给所述第二组件。
以下以一具体实施例对本发明的方法进行详细的说明。
首先创建一个中间组件B,空实例,里面没有任何内容。
定义全局组件C,C可以提供信息,此时指定当C提供信息时会触发中间组件B的接收事件,如post("message")
初始化主控模块,主控模块初始化的过程中,或初始化后,可以监听组件B是否接收事件(即当监听到B接收事件时get("message"),刷新当前的信息表Info)。
如组件A此时要获取信息,只需要从当前信息表Info中取数据即可。
本实施例的方法巧妙而轻量的实现了任何组件之间的通信,包括父子组件,兄弟组件、跨级组件,使用时只需在初始化时让中间组件获取一次要共用的变量,后续任何时间、任何组件中都可以直接使用。
图2为本发明实施例的一种处理网页信息的装置的示意图,如图2所示,本实施例的装置可以包括:存储器和处理器,其中,
所述存储器,用于保存用于处理网页信息的程序;
所述处理器,用于读取执行所述用于处理网页信息的程序,执行如下操作:
中间组件接收第一组件传递的事件,
主控模块监听到所述中间组件接收到事件后,对事件进行处理。
在一实施例中,所述中间组件接收第一组件传递的事件后,还记录所述事件的标识;
所述主控模块监听到中间组件接收到事件后,还记录所述事件的标识,其中,所述中间组件记录的标识与所述主控模块记录的标识一一对应。
在一实施例中,所述主控模块对事件进行处理,包括:
所述主控模块获取所述事件的内容,并存储。
在一实施例中,所述主控模块对事件进行处理,包括:
所述主控模块如确定所述事件为紧急事件,则触发与所述事件相关的组件获取所述事件。
在一实施例中,所述主控模块触发与所述事件相关的第二组件获取所述事件,还包括:
所述主控模块将所述事件的内容发送给所述第二组件。
在一实施例中,所述主控模块对事件进行处理,包括:
所述主控模块接收到第二组件获取事件的请求后,将所请求事件的内容传递给所述第二组件。
本实施例的装置可以用来支持不同级别前端组件之间的通信,使整个系统看起来更加整体,同时方便开发者理解,也解决了前端代码中全局变量混乱的问题。
本发明实施例还提供了一种计算机可读存储介质,其存储有计算机可执行指令,所述计算机可执行指令被执行时实现所述处理网页信的方法。
本领域普通技术人员可以理解,上文中所公开方法中的全部或某些步骤、系统、装置中的功能模块/单元可以被实施为软件、固件、硬件及其适当的组合。在硬件实施方式中,在以上描述中提及的功能模块/单元之间的划分不一定对应于物理组件的划分;例如,一个物理组件可以具有多个功能,或者一个功能或步骤可以由若干物理组件合作执行。某些组件或所有组件可以被实施为由处理器,如数字信号处理器或微处理器执行的软件,或者被实施为硬件,或者被实施为集成电路,如专用集成电路。这样的软件可以分布在计算机可读介质上,计算机可读介质可以包括计算机存储介质(或非暂时性介质)和通信介质(或暂时性介质)。如本领域普通技术人员公知的,术语计算机存储介质包括在用于存储信息(诸如计算机可读指令、数据结构、程序模块或其他数据)的任何方法或技术中实施的易失性和非易失性、可移除和不可移除介质。计算机存储介质包括但不限于RAM、ROM、EEPROM、闪存或其他存储器技术、CD-ROM、数字多功能盘(DVD)或其他光盘存储、磁盒、磁带、磁盘存储或其他磁存储装置、或者可以用于存储期望的信息并且可以被计算机访问的任何其他的介质。此外,本领域普通技术人员公知的是,通信介质通常包含计算机可读指令、数据结构、程序模块或者诸如载波或其他传输机制之类的调制数据信号中的其他数据,并且可包括任何信息递送介质。
Claims (12)
1.一种处理网页信息的方法,其特征在于,包括:
中间组件接收第一组件传递的事件,
主控模块监听到中间组件接收到事件后,对事件进行处理。
2.根据权利要求1所述的方法,其特征在于,
所述中间组件接收第一组件传递的事件后,还记录所述事件的标识;
所述主控模块监听到中间组件接收到事件后,还记录所述事件的标识,其中,所述中间组件记录的标识与所述主控模块记录的标识一一对应。
3.根据权利要求1所述的方法,其特征在于,所述主控模块对事件进行处理,包括:
所述主控模块获取所述事件的内容,并存储。
4.根据权利要求3所述的方法,其特征在于,所述主控模块对事件进行处理,包括:
所述主控模块如确定所述事件为紧急事件,则触发与所述事件相关的组件获取所述事件。
5.根据权利要求4所述的方法,其特征在于,所述主控模块触发与所述事件相关的第二组件获取所述事件,还包括:
所述主控模块将所述事件的内容发送给所述第二组件。
6.根据权利要求3所述的方法,其特征在于,所述主控模块对事件进行处理,包括:
所述主控模块接收到第二组件获取事件的请求后,将所请求事件的内容传递给所述第二组件。
7.一种处理网页信息的装置,包括:存储器和处理器;其特征在于:
所述存储器,用于保存用于处理网页信息的程序;
所述处理器,用于读取执行所述用于处理网页信息的程序,执行如下操作:
中间组件接收第一组件传递的事件,
主控模块监听到所述中间组件接收到事件后,对事件进行处理。
8.根据权利要求7所述的装置,其特征在于,
所述中间组件接收第一组件传递的事件后,还记录所述事件的标识;
所述主控模块监听到中间组件接收到事件后,还记录所述事件的标识,其中,所述中间组件记录的标识与所述主控模块记录的标识一一对应。
9.根据权利要求7所述的装置,其特征在于,所述主控模块对事件进行处理,包括:
所述主控模块获取所述事件的内容,并存储。
10.根据权利要求9所述的装置,其特征在于,所述主控模块对事件进行处理,包括:
所述主控模块如确定所述事件为紧急事件,则触发与所述事件相关的组件获取所述事件。
11.根据权利要求10所述的装置,其特征在于,所述主控模块触发与所述事件相关的第二组件获取所述事件,还包括:
所述主控模块将所述事件的内容发送给所述第二组件。
12.根据权利要求9所述的装置,其特征在于,所述主控模块对事件进行处理,包括:
所述主控模块接收到第二组件获取事件的请求后,将所请求事件的内容传递给所述第二组件。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910278416.2A CN110018821B (zh) | 2019-04-09 | 2019-04-09 | 一种处理网页信息的方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910278416.2A CN110018821B (zh) | 2019-04-09 | 2019-04-09 | 一种处理网页信息的方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN110018821A true CN110018821A (zh) | 2019-07-16 |
CN110018821B CN110018821B (zh) | 2020-10-30 |
Family
ID=67190776
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910278416.2A Active CN110018821B (zh) | 2019-04-09 | 2019-04-09 | 一种处理网页信息的方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110018821B (zh) |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7813822B1 (en) * | 2000-10-05 | 2010-10-12 | Hoffberg Steven M | Intelligent electronic appliance system and method |
US20140074865A1 (en) * | 2012-09-10 | 2014-03-13 | Service Repair Solutions, Inc. | Identifying vehicle systems using vehicle components |
CN105094811A (zh) * | 2015-06-29 | 2015-11-25 | 安一恒通(北京)科技有限公司 | 一种事件处理的方法和装置 |
US20160188543A1 (en) * | 2014-12-30 | 2016-06-30 | Quixey, Inc. | Accessing Related Application States From A Current Application State |
CN107562425A (zh) * | 2017-08-07 | 2018-01-09 | 上海斐讯数据通信技术有限公司 | 基于Hybrid应用的单页面应用创建方法及装置 |
CN108829381A (zh) * | 2018-06-01 | 2018-11-16 | 浪潮软件集团有限公司 | 一种数据可视化方法及装置 |
CN109241469A (zh) * | 2018-09-13 | 2019-01-18 | 安徽智恒信科技有限公司 | 一种基于vue实现多页面切换的方法 |
-
2019
- 2019-04-09 CN CN201910278416.2A patent/CN110018821B/zh active Active
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7813822B1 (en) * | 2000-10-05 | 2010-10-12 | Hoffberg Steven M | Intelligent electronic appliance system and method |
US20140074865A1 (en) * | 2012-09-10 | 2014-03-13 | Service Repair Solutions, Inc. | Identifying vehicle systems using vehicle components |
US20160188543A1 (en) * | 2014-12-30 | 2016-06-30 | Quixey, Inc. | Accessing Related Application States From A Current Application State |
CN105094811A (zh) * | 2015-06-29 | 2015-11-25 | 安一恒通(北京)科技有限公司 | 一种事件处理的方法和装置 |
CN107562425A (zh) * | 2017-08-07 | 2018-01-09 | 上海斐讯数据通信技术有限公司 | 基于Hybrid应用的单页面应用创建方法及装置 |
CN108829381A (zh) * | 2018-06-01 | 2018-11-16 | 浪潮软件集团有限公司 | 一种数据可视化方法及装置 |
CN109241469A (zh) * | 2018-09-13 | 2019-01-18 | 安徽智恒信科技有限公司 | 一种基于vue实现多页面切换的方法 |
Non-Patent Citations (4)
Title |
---|
大灰狼的小绵羊哥哥: ""Vue.js事件总线(EventBus)"", 《CSDN博客》 * |
旷志光: ""基于Vue.js的后台单页应用管理系统的研究与实现"", 《现代计算机》 * |
觉信: ""vue2.0 $emit $on组件通信"", 《博客园》 * |
飞跃: ""VueJS中学习使用Vuex详解"", 《SEGMENTFALUT》 * |
Also Published As
Publication number | Publication date |
---|---|
CN110018821B (zh) | 2020-10-30 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108289034B (zh) | 一种故障发现方法和装置 | |
CN108876689B (zh) | 订单处理方法、装置、设备及计算机可读存储介质 | |
US10423542B2 (en) | Data transmission method and system for transmitting data between processes using shared memory block indexes | |
AU2016332939B2 (en) | Methods and systems for cloud-and mobile device-based biological inventory tracking | |
CN111131357B (zh) | 投屏处理方法、装置和设备 | |
CN106874334A (zh) | 一种数据处理方法及装置、资讯处理系统 | |
US20200028709A1 (en) | Method for removing data frame redundancy in network environment, and device and computer program for carrying out same | |
CN112511580A (zh) | 消息推送的方法、装置、存储介质和设备 | |
CN111324480B (zh) | 大型主机交易故障定位系统及方法 | |
CN109246280B (zh) | 通讯录云处理方法、装置、计算机设备及可读存储介质 | |
CN110018821A (zh) | 一种处理网页信息的方法及装置 | |
CN111736825B (zh) | 一种信息展示方法、装置、设备和存储介质 | |
CN111741041B (zh) | 消息处理方法及其装置、电子设备及计算机可读介质 | |
CN111200654A (zh) | 客户端请求错误处理方法及装置 | |
CN107743116B (zh) | 信息传输方法、装置、计算机设备和计算机可读存储介质 | |
CN109522092A (zh) | 一种云管平台纳管虚拟机方法和装置 | |
JPH0125462B2 (zh) | ||
CN114189457A (zh) | 云资源展示、处理方法、设备及存储介质 | |
CN113141267A (zh) | 固件升级、信息处理方法、装置及设备 | |
CN110825560A (zh) | 执行错误处理方法、装置、设备及计算机可读存储介质 | |
CN110737447B (zh) | 应用更新方法和装置 | |
CN112968957B (zh) | 针对图书馆馆藏资源的分析方法、装置、设备及存储介质 | |
CN113746937B (zh) | 用于跨境支付系统渠道发起报文缓存区解析的方法及装置 | |
CN107037756B (zh) | 数据传输方法和装置 | |
US20160266729A1 (en) | Information Providing Method and Apparatus |
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 |