CN113760274B - 一种前端组件逻辑注入方法和装置 - Google Patents
一种前端组件逻辑注入方法和装置 Download PDFInfo
- Publication number
- CN113760274B CN113760274B CN202010924168.7A CN202010924168A CN113760274B CN 113760274 B CN113760274 B CN 113760274B CN 202010924168 A CN202010924168 A CN 202010924168A CN 113760274 B CN113760274 B CN 113760274B
- Authority
- CN
- China
- Prior art keywords
- logic
- instruction
- injection
- callback
- page
- 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.)
- Active
Links
- 238000002347 injection Methods 0.000 title claims abstract description 89
- 239000007924 injection Substances 0.000 title claims abstract description 89
- 238000000034 method Methods 0.000 title claims abstract description 48
- 238000012545 processing Methods 0.000 claims abstract description 68
- 230000008859 change Effects 0.000 claims description 19
- 238000004590 computer program Methods 0.000 claims description 8
- 230000001960 triggered effect Effects 0.000 claims description 7
- 238000005538 encapsulation Methods 0.000 claims description 4
- 238000012546 transfer Methods 0.000 claims description 4
- 230000008878 coupling Effects 0.000 abstract description 3
- 238000010168 coupling process Methods 0.000 abstract description 3
- 238000005859 coupling reaction Methods 0.000 abstract description 3
- 230000006870 function Effects 0.000 description 50
- 238000010586 diagram Methods 0.000 description 15
- 230000008569 process Effects 0.000 description 11
- 238000004891 communication Methods 0.000 description 7
- 230000003287 optical effect Effects 0.000 description 4
- 238000011161 development Methods 0.000 description 3
- 239000000284 extract Substances 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 230000003213 activating effect Effects 0.000 description 2
- 230000008901 benefit Effects 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 239000004744 fabric Substances 0.000 description 2
- 239000000835 fiber Substances 0.000 description 2
- 238000012423 maintenance Methods 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 102100027371 Cysteine-rich PDZ-binding protein Human genes 0.000 description 1
- 101000726276 Homo sapiens Cysteine-rich PDZ-binding protein Proteins 0.000 description 1
- 239000000872 buffer Substances 0.000 description 1
- 238000006243 chemical reaction Methods 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 238000004806 packaging method and process Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 238000010200 validation analysis Methods 0.000 description 1
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
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- 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
- G06F8/34—Graphical or visual programming
-
- 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
- G06F8/36—Software reuse
Abstract
本发明公开了前端组件逻辑注入方法和装置，涉及计算机技术领域。该方法的一具体实施方式包括通过触发器接收上层页面或上层组件发送的指令，进而根据所述指令获得注入逻辑和回调逻辑；基于注入逻辑和回调逻辑，依次动态生成可执行的预设格式语句并执行相应逻辑。从而，本发明的实施方式能够解决现有组件内部的业务逻辑处理与页面展示耦合过高的问题。
Description
技术领域
本发明涉及计算机技术领域，尤其涉及一种前端组件逻辑注入方法和装置。
背景技术
在现有前端项目中，开发一个前端组件通常都将业务逻辑处理和视图展示结合在一起开发。一个组件内聚了自身的业务逻辑，功能在开发完成时便已经固定。后期使用这个组件时，只能调用组件提供的功能接口。
在实现本发明过程中，发明人发现现有技术中至少存在如下问题：
采用这种方式开发前端组件，组件内部的业务逻辑处理与页面展示高度耦合，遇到需求变化时，只能深入组件内部进行变更维护，随着业务的复杂度提升，可能之前的组件内部已经越来越复杂，维护成本变的高昂。
发明内容
有鉴于此，本发明实施例提供一种前端组件逻辑注入方法和装置，能够解决现有组件内部的业务逻辑处理与页面展示耦合过高的问题。
为实现上述目的，根据本发明实施例的一个方面，提供了一种前端组件逻辑注入方法，包括通过触发器接收上层页面或上层组件发送的指令，进而根据所述指令获得注入逻辑和回调逻辑；基于注入逻辑和回调逻辑，依次动态生成可执行的预设格式语句并执行相应逻辑。
可选地，通过触发器接收上层页面或上层组件发送的指令之后，包括：
基于预设的指令结构说明表，判断是否支持所述指令的对象结构，若是则根据所述指令的对象获得注入逻辑和回调逻辑；若否则拒绝所述指令并返回。
可选地，根据所述指令获得注入逻辑和回调逻辑，包括：
从触发器中获取触发的指令对象，以对指令对象进行解析，将指令对象中的注入逻辑和回调逻辑进行缓存中转。
可选地，基于注入逻辑和回调逻辑，依次动态生成可执行的预设格式语句并执行相应逻辑，包括：
调用逻辑处理函数，获取缓存的注入逻辑进行解析，动态生成可执行的预设格式语句并执行相应逻辑；
待执行完，获取缓存的回调逻辑，以动态生成可执行的预设格式语句并执行相应逻辑。
可选地，基于注入逻辑和回调逻辑，依次动态生成可执行的预设格式语句并执行相应逻辑，包括：
基于注入逻辑，动态生成可执行的预设格式语句并执行相应逻辑，判断所述逻辑中是否涉及页面元素的显示处理；
若是则待注入逻辑执行完成，根据所述指令获得样式配置以动态改变页面样式，然后根据回调逻辑动态生成可执行的预设格式语句并执行相应逻辑；若否则待注入逻辑执行完成，直接根据回调逻辑动态生成可执行的预设格式语句并执行相应逻辑。
可选地，根据所述指令获得样式配置以动态改变页面样式，包括：
调用显示处理函数，提取所述指令中的样式配置；
判断样式配置中指向的页面元素索引是否存在，若否则结束显示处理函数的运行；若是则根据页面元素索引，基于样式配置中的变更项动态变更样式。
可选地，还包括：
所述指令中的注入逻辑和回调逻辑为上层页面或上层组件通过外部封装逻辑块获取。
另外，本发明还提供了一种前端组件逻辑注入装置，包括获取模块，用于通过触发器接收上层页面或上层组件发送的指令，进而根据所述指令获得注入逻辑和回调逻辑；处理模块，用于基于注入逻辑和回调逻辑，依次动态生成可执行的预设格式语句并执行相应逻辑。
上述发明中的一个实施例具有如下优点或有益效果：本发明采用逻辑注入的方式开发前端组件，组件内部的功能逻辑完全由外层运行时动态提供，组件只负责自身的视图展示；组件的展示与功能完全解耦，维护起来效率提高，层次清晰，扩展性强。另外，不同的页面通过向组件注入不同的逻辑代码，实现自身特殊的需求，而且完全不会影响其他页面对于这个组件的使用。同时，通过将相同的注入逻辑封装抽离为逻辑块，可以在不同页面复用，极大减少了代码的冗余。
上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。
附图说明
附图用于更好地理解本发明，不构成对本发明的不当限定。其中：
图1是根据本发明第一实施例的前端组件逻辑注入方法的主要流程的示意图；
图2是根据本发明第二实施例的前端组件逻辑注入方法的主要流程的示意图；
图3是根据本发明第三实施例的前端组件逻辑注入方法的主要流程的示意图；
图4是根据本发明实施例的前端组件逻辑注入装置的主要模块的示意图；
图5是本发明实施例可以应用于其中的示例性系统架构图；
图6是适于用来实现本发明实施例的终端设备或服务器的计算机系统的结构示意图。
具体实施方式
以下结合附图对本发明的示范性实施例做出说明，其中包括本发明实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本发明的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。
图1是根据本发明第一实施例的前端组件逻辑注入方法的主要流程的示意图，如图1所示，所述前端组件逻辑注入方法包括：
步骤S101，通过触发器接收上层页面或上层组件发送的指令，进而根据所述指令获得注入逻辑和回调逻辑。
在实施例中，本发明所述的每个组件都有一个触发器，上层页面或上层组件自身会主动或者被动触发所述组件的触发器。触发后，所述组件内部的将根据情况激活注入处理，逻辑处理，显示处理，回调处理这四个阶段。同时，组件在创建时需要预先设置向外支持的指令格式，以方便后期指令的转换。
在一些实施例中，通过触发器接收上层页面或上层组件发送的指令之后，包括：基于预设的指令结构说明表，判断是否支持所述指令的对象结构，若是则根据所述指令的对象获得注入逻辑和回调逻辑；若否则拒绝所述指令并返回。
也就是说，上层页面或上层组件可主动触发组件的触发器，需要传入触发器一个固定的指令对象。所述指令传入的注入逻辑块和回调逻辑块并不是按照实际的预设格式语句，而是一种预先约定的对象结构，这种指令对象将在逻辑处理、显示处理、回调处理中转换为真实的预设格式语句(例如JAVASCRIPT语句)。每次触发器的触发，传入的结构体(即指令对象)都需要首先进行指令验证，判断该组件是否支持结构体中的指令对象，如果支持则激活注入处理函数。
作为另一些实施例，根据所述指令获得注入逻辑和回调逻辑，包括：从触发器中获取触发的指令对象，以对指令对象进行解析，将指令对象中的注入逻辑和回调逻辑进行缓存中转。可以看出，组件的触发器触发后，组件进入第一个阶段(即激活注入处理函数)，从触发器中获取到指令对象，并对指令对象进行解析，将指令对象中传入的数据(例如注入逻辑和回调逻辑)进行缓存中转。同时将指令结构中的注入逻辑、样式配置(根据实际情况有时会存在样式配置)与回调逻辑提取出来保存到组件内部，并激活组件的逻辑处理函数。
值得说明的是，在前端开发中，会将页面的一些公共部分抽离出来，形成公共的独立组件，供多个页面调用，例如列表组件，导航组件，面板组件等。而组件的代码结构中存在两部分，一部分是组件用来自身视图展示的标签语言，另一部分是组件内部进行逻辑处理的JAVASCRIPT语言。本发明将组件内部的逻辑处理独立抽离交给外层动态注入，达到运行时后绑定逻辑的效果。例如：步骤S101指令中的注入逻辑和回调逻辑为上层页面或上层组件通过外部封装逻辑块获取。
步骤S102，基于注入逻辑和回调逻辑，依次动态生成可执行的预设格式语句并执行相应逻辑。
在一些实施例中，步骤S102具体的实施过程包括：调用逻辑处理函数，获取缓存的注入逻辑进行解析，动态生成可执行的预设格式语句并执行相应逻辑(即完成注入逻辑)。待执行完，获取缓存的回调逻辑，以动态生成可执行的预设格式语句并执行相应逻辑(即完成回调逻辑)。
作为另一些实施例，步骤S102具体的实施过程还可以是包括：基于注入逻辑，动态生成可执行的预设格式语句并执行相应逻辑，判断所述逻辑中是否涉及页面元素的显示处理；若是则待注入逻辑执行完成，根据所述指令获得样式配置以动态改变页面样式，然后根据回调逻辑动态生成可执行的预设格式语句并执行相应逻辑；若否则待注入逻辑执行完成，直接根据回调逻辑动态生成可执行的预设格式语句并执行相应逻辑。
例如：提取保存的注入逻辑进行解析，动态生成可执行的JAVAS CRIPT语句并执行逻辑，同时判断是否涉及页面元素的显示处理。如果不涉及则执行完注入逻辑后调用回调处理函数，如果涉及则依次激活显示处理函数和回调处理函数。
其中，显示处理函数能够提取保存的样式配置，根据样式配置动态改变样式。其中样式处理较为独立，只负责页面元素样式的控制。回调处理函数能够提取保存的回调逻辑，动态生成可执行的JAVASCRI PT语句并执行逻辑。回调处理中主要生成回调上层页面或上层组件的语句并执行，比如通知上层页面或上层组件状态变更，变量变化，方法调用等。
进一步地，根据所述指令获得样式配置以动态改变页面样式，可以包括：
调用显示处理函数，提取所述指令中的样式配置；判断样式配置中指向的页面元素索引是否存在，若否则结束显示处理函数的运行；若是则根据页面元素索引，基于样式配置中的变更项动态变更样式。
综上所述，本发明组件的逻辑由外层运行时动态提供，注入的逻辑块为约定的指令对象，在组件内部转化为真正的可执行逻辑。各个组件自定义不同的可支持指令，并且相同的逻辑块可以抽离为公共的逻辑块以供不同的外层页面复用。
图2是根据本发明第二实施例的前端组件逻辑注入方法的主要流程的示意图，所述前端组件逻辑注入方法可以包括：
步骤S201，通过触发器接收上层页面或上层组件发送的指令。
其中，所述指令中的逻辑数据为上层页面或上层组件通过外部封装逻辑块获取。
步骤S202，基于预设的指令结构说明表，判断是否支持所述指令的对象结构，若是则进行步骤S203，若否则进行步骤S204。
步骤S203，从触发器中获取触发的指令对象，以对指令对象进行解析，将指令对象中的注入逻辑和回调逻辑进行缓存中转，进行步骤S205。
步骤S204，拒绝所述指令并返回，退出该流程。
步骤S205，调用逻辑处理函数，获取缓存的注入逻辑进行解析，动态生成可执行的预设格式语句并执行相应逻辑。
步骤S206，判断所述逻辑中是否涉及页面元素的显示处理，若是则进行步骤S207再进行步骤S208，若否则直接进行步骤S208。
步骤S207，待注入逻辑执行完成，根据所述指令获得样式配置以动态改变页面样式。
步骤S208，根据回调逻辑动态生成可执行的预设格式语句并执行相应逻辑。
图3是根据本发明第三实施例的前端组件逻辑注入方法的主要流程的示意图，所述前端组件逻辑注入方法可以包括：
首先，上层页面或上层组件需要触发组件的触发器并传入一个指令对象，触发器是组件向外暴露的可以调用的函数，接收一个指令对象参数。预设的指令结构说明表如下：
组件的触发函数对传入的指令对象进行校验，判断当前组件是否支持相应指令对象，若是则调用组件的注入处理函数并传入指令对象；若否则拒绝所述指令并返回。较佳地，触发函数判断是否支持相应指令的依据是通过比对组件定义时设置的支持指令列表(例如预设的指令结构说明表)是否包含该指令。
注入处理函数激活后，解析传入的指令对象，可以校验指令对象格式是否正确。然后，将指令对象中的Data对象，Logistic对象，Style对象和Callback对象分别提取并各自保存到组件的缓存变量中。完成后调用逻辑处理函数。
逻辑处理函数内部提取组件中缓存的Logistic对象(即包括有注入逻辑)，开始解析该结构体对象，检查Targets包括的变量名在组件内部是否存在(其中Targets可以包含多个变量名)，若否则直接结束本函数运行。若是则检查Process是否为一个函数。如果是则替换Process函数内部与Targets包括的变量同名的变量为组件的内部变量引用，然后调用Process函数执行逻辑，此时注入的逻辑执行时将影响组件内部的变量，而逻辑完全来源于外层运行时注入，不是组件自有逻辑。如果否则直接结束本函数运行。
逻辑处理函数执行完Process函数后，判断是否存在Style对象的缓存，如果存在则调用显示处理函数和回调处理函数。如果不存则只调用回调处理函数。
显示处理函数被调用后，提取组件缓存的Style对象，并解析该对象。判断Ref指向的页面元素索引是否存在，若否则直接结束本函数运行。若是则判断Condition中代表的条件是否满足，Condition中的条件判断是比较组件内部某个变量的值是否满足条件，其中需要替换Condi tion中同名变量为组件内部变量的引用再进行判断。如果满足条件则根据页面元素索引动态变更样式，具体的变更项在Css字段中，其中如果样式已有则替换，如果样式不存在则新增。如果不满足条件则直接结束本函数运行。
回调处理函数被调用后，提取组件内缓存的Callback对象进行解析，调用Emit代表的上层页面或上层组件回调函数，同时回传Return中设定组件内部同名变量。
这样就完成了一次动态注入的全流程，实现了组件逻辑的运行时动态注入，每一个外层页面引用该组件时能够实现各自的逻辑，互不干扰。
图4是根据本发明实施例的前端组件逻辑注入装置的主要模块的示意图，如图4所示，所述前端组件逻辑注入装置400包括获取模块401和处理模块402。其中，获取模块401通过触发器接收上层页面或上层组件发送的指令，进而根据所述指令获得注入逻辑和回调逻辑；处理模块402基于注入逻辑和回调逻辑，依次动态生成可执行的预设格式语句并执行相应逻辑。
在一些实施例中，获取模块401通过触发器接收上层页面或上层组件发送的指令之后，包括：
基于预设的指令结构说明表，判断是否支持所述指令的对象结构，若是则根据所述指令的对象获得注入逻辑和回调逻辑；若否则拒绝所述指令并返回。
在一些实施例中，获取模块401根据所述指令获得注入逻辑和回调逻辑，包括：
从触发器中获取触发的指令对象，以对指令对象进行解析，将指令对象中的注入逻辑和回调逻辑进行缓存中转。
在一些实施例中，处理模块402基于注入逻辑和回调逻辑，依次动态生成可执行的预设格式语句并执行相应逻辑，包括：
调用逻辑处理函数，获取缓存的注入逻辑进行解析，动态生成可执行的预设格式语句并执行相应逻辑；
待执行完，获取缓存的回调逻辑，以动态生成可执行的预设格式语句并执行相应逻辑。
在一些实施例中，处理模块402基于注入逻辑和回调逻辑，依次动态生成可执行的预设格式语句并执行相应逻辑，包括：
基于注入逻辑，动态生成可执行的预设格式语句并执行相应逻辑，判断所述逻辑中是否涉及页面元素的显示处理；
若是则待注入逻辑执行完成，根据所述指令获得样式配置以动态改变页面样式，然后根据回调逻辑动态生成可执行的预设格式语句并执行相应逻辑；若否则待注入逻辑执行完成，直接根据回调逻辑动态生成可执行的预设格式语句并执行相应逻辑。
在一些实施例中，处理模块402根据所述指令获得样式配置以动态改变页面样式，包括：
调用显示处理函数，提取所述指令中的样式配置；
判断样式配置中指向的页面元素索引是否存在，若否则结束显示处理函数的运行；若是则根据页面元素索引，基于样式配置中的变更项动态变更样式。
在一些实施例中，所述指令中的注入逻辑和回调逻辑为上层页面或上层组件通过外部封装逻辑块获取。
需要说明的是，在本发明所述前端组件逻辑注入方法和所述前端组件逻辑注入装置在具体实施内容上具有相应关系，故重复内容不再说明。
图5示出了可以应用本发明实施例的前端组件逻辑注入方法或前端组件逻辑注入装置的示例性系统架构500。
如图5所示，系统架构500可以包括终端设备501、502、503，网络504和服务器505。网络504用以在终端设备501、502、503和服务器505之间提供通信链路的介质。网络504可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备501、502、503通过网络504与服务器505交互，以接收或发送消息等。终端设备501、502、503上可以安装有各种通讯客户端应用，例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等(仅为示例)。
终端设备501、502、503可以是具有前端组件逻辑注入屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。
服务器505可以是提供各种服务的服务器，例如对用户利用终端设备501、502、503所浏览的购物类网站提供支持的后台管理服务器(仅为示例)。后台管理服务器可以对接收到的产品信息查询请求等数据进行分析等处理，并将处理结果(例如目标推送信息、产品信息--仅为示例)反馈给终端设备。
需要说明的是，本发明实施例所提供的前端组件逻辑注入方法一般由服务器505执行，相应地，计算装置一般设置于服务器505中。
应该理解，图5中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。
下面参考图6，其示出了适于用来实现本发明实施例的终端设备的计算机系统600的结构示意图。图6示出的终端设备仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。
如图6所示，计算机系统600包括中央处理单元(CPU)601，其可以根据存储在只读存储器(ROM)602中的程序或者从存储部分608加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。在RAM603中，还存储有计算机系统600操作所需的各种程序和数据。CPU601、ROM602以及RAM603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。
以下部件连接至I/O接口605：包括键盘、鼠标等的输入部分606；包括诸如阴极射线管(CRT)、液晶前端组件逻辑注入器(LCD)等以及扬声器等的输出部分607；包括硬盘等的存储部分608；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分609。通信部分609经由诸如因特网的网络执行通信处理。驱动器610也根据需要连接至I/O接口605。可拆卸介质611，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器610上，以便于从其上读出的计算机程序根据需要被安装入存储部分608。
特别地，根据本发明公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本发明公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分609从网络上被下载和安装，和/或从可拆卸介质611被安装。在该计算机程序被中央处理单元(CPU)601执行时，执行本发明的系统中限定的上述功能。
需要说明的是，本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本发明中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意合适的组合。
附图中的流程图和框图，图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
描述于本发明实施例中所涉及到的模块可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的模块也可以设置在处理器中，例如，可以描述为：一种处理器包括获取模块和处理模块。其中，这些模块的名称在某种情况下并不构成对该模块本身的限定。
作为另一方面，本发明还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的设备中所包含的；也可以是单独存在，而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该设备包括通过触发器接收上层页面或上层组件发送的指令，进而根据所述指令获得注入逻辑和回调逻辑；基于注入逻辑和回调逻辑，依次动态生成可执行的预设格式语句并执行相应逻辑。
根据本发明实施例的技术方案，能够解决现有组件内部的业务逻辑处理与页面展示耦合过高的问题。
上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，取决于设计要求和其他因素，可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。
Claims (9)
1.一种前端组件逻辑注入方法，其特征在于，包括：
通过触发器接收上层页面或上层组件发送的指令，进而根据所述指令获得注入逻辑和回调逻辑；
基于注入逻辑，动态生成可执行的预设格式语句并执行相应逻辑，判断所述逻辑中是否涉及页面元素的显示处理；若是则待注入逻辑执行完成，根据所述指令获得样式配置以动态改变页面样式，然后根据回调逻辑动态生成可执行的预设格式语句并执行相应逻辑；若否则待注入逻辑执行完成，直接根据回调逻辑动态生成可执行的预设格式语句并执行相应逻辑。
2.根据权利要求1所述的方法，其特征在于，通过触发器接收上层页面或上层组件发送的指令之后，包括：
基于预设的指令结构说明表，判断是否支持所述指令的对象结构，若是则根据所述指令的对象获得注入逻辑和回调逻辑；若否则拒绝所述指令并返回。
3.根据权利要求1所述的方法，其特征在于，根据所述指令获得注入逻辑和回调逻辑，包括：
从触发器中获取触发的指令对象，以对指令对象进行解析，将指令对象中的注入逻辑和回调逻辑进行缓存中转。
4.根据权利要求3所述的方法，其特征在于，基于注入逻辑和回调逻辑，依次动态生成可执行的预设格式语句并执行相应逻辑，包括：
调用逻辑处理函数，获取缓存的注入逻辑进行解析，动态生成可执行的预设格式语句并执行相应逻辑；
待执行完，获取缓存的回调逻辑，以动态生成可执行的预设格式语句并执行相应逻辑。
5.根据权利要求1所述的方法，其特征在于，根据所述指令获得样式配置以动态改变页面样式，包括：
调用显示处理函数，提取所述指令中的样式配置；
判断样式配置中指向的页面元素索引是否存在，若否则结束显示处理函数的运行；若是则根据页面元素索引，基于样式配置中的变更项动态变更样式。
6.根据权利要求1-5任一所述的方法，其特征在于，还包括：
所述指令中的注入逻辑和回调逻辑为上层页面或上层组件通过外部封装逻辑块获取。
7.一种前端组件逻辑注入装置，其特征在于，包括：
获取模块，用于通过触发器接收上层页面或上层组件发送的指令，进而根据所述指令获得注入逻辑和回调逻辑；
处理模块，用于基于注入逻辑，动态生成可执行的预设格式语句并执行相应逻辑，判断所述逻辑中是否涉及页面元素的显示处理；若是则待注入逻辑执行完成，根据所述指令获得样式配置以动态改变页面样式，然后根据回调逻辑动态生成可执行的预设格式语句并执行相应逻辑；若否则待注入逻辑执行完成，直接根据回调逻辑动态生成可执行的预设格式语句并执行相应逻辑。
8.一种电子设备，其特征在于，包括：
一个或多个处理器；
存储装置，用于存储一个或多个程序，
当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-6中任一所述的方法。
9.一种计算机可读介质，其上存储有计算机程序，其特征在于，所述程序被处理器执行时实现如权利要求1-6中任一所述的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010924168.7A CN113760274B (zh) | 2020-09-04 | 2020-09-04 | 一种前端组件逻辑注入方法和装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010924168.7A CN113760274B (zh) | 2020-09-04 | 2020-09-04 | 一种前端组件逻辑注入方法和装置 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN113760274A CN113760274A (zh) | 2021-12-07 |
| CN113760274B true CN113760274B (zh) | 2023-11-03 |
Family
ID=78785691
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010924168.7A Active CN113760274B (zh) | 2020-09-04 | 2020-09-04 | 一种前端组件逻辑注入方法和装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113760274B (zh) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114428646B (zh) * | 2021-12-31 | 2023-11-10 | 北京百度网讯科技有限公司 | 一种数据处理方法、装置、电子设备及存储介质 |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2000062160A2 (en) * | 1999-04-08 | 2000-10-19 | Chicago-Soft, Ltd. | Method and system for dynamic injection of execution logic into a windowed operating system |
| CN105574049A (zh) * | 2014-10-30 | 2016-05-11 | 阿里巴巴集团控股有限公司 | 移动应用的页面处理方法、装置和系统 |
| CN105959151A (zh) * | 2016-06-22 | 2016-09-21 | 中国工商银行股份有限公司 | 一种高可用的流式处理系统及方法 |
| WO2017041538A1 (zh) * | 2015-09-09 | 2017-03-16 | 深圳Tcl数字技术有限公司 | 终端用户界面的受控显示方法及装置 |
| CN106980504A (zh) * | 2017-03-28 | 2017-07-25 | 腾讯科技（深圳）有限公司 | 一种应用程序开发方法及其工具、设备 |
| CN111552473A (zh) * | 2020-04-27 | 2020-08-18 | 腾讯科技（深圳）有限公司 | 一种应用程序的处理方法、装置及设备 |
-
2020
- 2020-09-04 CN CN202010924168.7A patent/CN113760274B/zh active Active
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2000062160A2 (en) * | 1999-04-08 | 2000-10-19 | Chicago-Soft, Ltd. | Method and system for dynamic injection of execution logic into a windowed operating system |
| CN105574049A (zh) * | 2014-10-30 | 2016-05-11 | 阿里巴巴集团控股有限公司 | 移动应用的页面处理方法、装置和系统 |
| WO2017041538A1 (zh) * | 2015-09-09 | 2017-03-16 | 深圳Tcl数字技术有限公司 | 终端用户界面的受控显示方法及装置 |
| CN105959151A (zh) * | 2016-06-22 | 2016-09-21 | 中国工商银行股份有限公司 | 一种高可用的流式处理系统及方法 |
| CN106980504A (zh) * | 2017-03-28 | 2017-07-25 | 腾讯科技（深圳）有限公司 | 一种应用程序开发方法及其工具、设备 |
| CN111552473A (zh) * | 2020-04-27 | 2020-08-18 | 腾讯科技（深圳）有限公司 | 一种应用程序的处理方法、装置及设备 |
Non-Patent Citations (1)
| Title |
|---|
| 基于SSH的多层架构设计;杨锡龙;姚云;;阴山学刊(自然科学)(04);全文 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN113760274A (zh) | 2021-12-07 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109683998B (zh) | 国际化实现方法、装置和系统 | |
| US20190114365A1 (en) | Method and apparatus for displaying information | |
| US9436482B2 (en) | Input content to application via web browser | |
| JP2019520624A (ja) | ページコンポーネント動的レイアウト | |
| US20170300129A1 (en) | Keypress processing method and apparatus for terminal | |
| CN113382083B (zh) | 一种网页截图方法和装置 | |
| CN113139390A (zh) | 一种应用于代码字符串的语言转换方法和装置 | |
| CN113076294A (zh) | 一种信息分享方法和装置 | |
| CN114035865B (zh) | 启动小程序的方法、装置、设备以及存储介质 | |
| CN113760274B (zh) | 一种前端组件逻辑注入方法和装置 | |
| CN112214250A (zh) | 一种应用程序组件的加载方法和装置 | |
| CN113448570A (zh) | 数据处理方法、装置、电子设备及存储介质 | |
| CN108959294B (zh) | 一种访问搜索引擎的方法和装置 | |
| CN110764769B (zh) | 处理用户请求的方法和装置 | |
| CN111881392A (zh) | 展示页面的方法和装置 | |
| CN111414154A (zh) | 前端开发的方法、装置、电子设备和存储介质 | |
| CN110825622A (zh) | 软件测试方法、装置、设备和计算机可读介质 | |
| CN112052152A (zh) | 一种模拟测试的方法和装置 | |
| CN113779122B (zh) | 导出数据的方法和装置 | |
| US11438403B2 (en) | Page presentation method and system, computer system, and computer readable medium | |
| CN114817794A (zh) | 网页内容控制方法、装置、设备及介质 | |
| CN114125067A (zh) | 前后端分离的灰度发布方法、前端服务器和配置服务器 | |
| CN113055393A (zh) | 一种安全服务化方法、装置以及设备 | |
| CN113779018A (zh) | 一种数据处理方法和装置 | |
| CN113760487A (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 |