客户端系统、运行方法、电子设备和存储介质技术方案

本发明专利技术涉及前端系统技术领域，提供一种客户端系统、运行方法、电子设备和存储介质。客户端系统包括：多个业务模块，每个业务模块配置有：视图单元，配置有对应不同类型客户端的视图层，视图单元用于加载当前客户端的视图界面并捕捉视图界面的更新事件；接口单元，用于获取供视图单元加载视图界面的初始化数据和用于更新视图界面的更新数据；以及事件监听模块，与各业务模块耦接，用于监听各业务模块的更新事件，并传输更新事件的更新数据。本发明专利技术的客户端系统可以覆盖不同类型的客户端，适用于基于多种客户端的应用，节省开发成本，降低维护成本；并通过事件监听实现业务模块之间的数据传输，统一各种客户端与服务端之间的数据交互。

【技术实现步骤摘要】
客户端系统、运行方法、电子设备和存储介质
本专利技术涉及前端系统
，具体地说，涉及一种客户端系统、运行方法、电子设备和存储介质。
技术介绍
在进行前端开发时，需要考虑到不同的客户端，不同的使用场景。现有技术中，应用在前端交互和设计时，通常需要针对不同的客户端开发几套不同的系统，以分别适应不同客户端的使用场景。这种针对不同客户端开发多套系统的方式，不仅在开发时耗费大量人力物力，延后应用上线时间，增加企业开发成本；在维护方面，也会因为不同客户端的不同系统，通常需要三到四个专门的团队来进行各套系统的维护，极大增加了企业的维护成本。因此，需要解决针对不同客户端使用多套系统，导致开发成本和维度成本均较高的问题。需要说明的是，上述
技术介绍
部分公开的信息仅用于加强对本专利技术的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。
技术实现思路
有鉴于此，本专利技术提供一种客户端系统、运行方法、电子设备和存储介质，可以覆盖不同类型的客户端，适用基于多种客户端的应用，节省开发成本，降低维护成本；并通过事件监听实现业务模块之间的数据传输，统一各种客户端与服务端之间的数据交互。本专利技术的一个方面提供一种客户端系统，包括：多个业务模块，每个所述业务模块配置有：视图单元，配置有对应不同类型客户端的视图层，所述视图单元用于加载当前客户端的视图界面并捕捉所述视图界面的更新事件；接口单元，用于获取供所述视图单元加载所述视图界面的初始化数据和用于更新所述视图界面的更新数据；以及事件监听模块，与各所述业务模块耦接，所述事件监听模块用于监听各所述业务模块的更新事件，并传输所述更新事件的更新数据。在一些实施例中，所述视图层包括：对应移动端应用程序的视图层，对应移动端网页应用的视图层和对应PC端网页应用的视图层。在一些实施例中，所述视图单元加载当前客户端的视图界面时，根据所述当前客户端的设备参数，触发对应所述当前客户端的视图层，以加载所述当前客户端的视图界面；对应不同类型客户端的视图层的触发事件各不相同。在一些实施例中，所述更新数据包括外部页面的更新事件的更新数据和外部业务模块的更新事件的更新数据。在一些实施例中，所述接口单元自服务端获取所述初始化数据和用于更新所述视图界面的更新数据；所述事件监听模块将所述更新事件的更新数据传输至所述服务端。在一些实施例中，所述事件监听模块当所述视图单元捕捉到所述视图界面的更新事件时被触发。在一些实施例中，每个所述业务模块还配置有：逻辑单元，耦接于所述视图单元和所述接口单元之间；交互接收器，与所述视图单元和所述逻辑单元耦接，用于接收交互触发事件，经所述逻辑单元计算后由所述视图单元显示。本专利技术的另一个方面提供一种客户端系统的运行方法，基于上述任意实施例所述的客户端系统，所述运行方法包括：各所述业务模块的视图单元响应于当前客户端的操作指令，分别通过对应的接口单元获取初始化数据，加载对应所述操作指令的视图界面，形成显示于所述当前客户端的初始页面；当至少一所述业务模块的视图单元捕捉到其视图界面的更新事件，触发所述事件监听模块，所述事件监听模块根据监听到的所述更新事件，传输所述更新事件的更新数据；以及，各所述业务模块的接口单元获取所述更新数据，分别供对应的视图单元更新其视图界面，形成显示于所述当前客户端的更新页面。本专利技术再一个方面提供一种电子设备，包括：一处理器；一存储器，所述存储器中存储有所述处理器的可执行指令；其中，所述处理器被配置为经由执行所述可执行指令来实现上述实施例所述的客户端系统的运行方法。本专利技术的又一个方面提供一种计算机可读的存储介质，用于存储程序，所述程序被执行时实现上述实施例所述的客户端系统的运行方法。本专利技术与现有技术相比的有益效果至少包括：通过各个业务模块配置的对应不同类型客户端的视图层，实现覆盖不同类型的客户端，使客户端系统适用于基于多种客户端的应用，即一个应用只需开发一套客户端系统，节省开发成本，降低维护成本；各个业务模块之间的数据传输交互通过接口单元和事件监听模块实现，通过事件监听的独立服务进行模块解耦，并实现了不同类型客户端与服务端之间的数据交互的统一。应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本专利技术。附图说明此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本专利技术的实施例，并与说明书一起用于解释本专利技术的原理。显而易见地，下面描述的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1示出本专利技术实施例中客户端系统的模块示意图；图2示出本专利技术实施例中一业务模块的示意图；图3示出本专利技术实施例中业务模块之间的数据传输示意图；图4示出本专利技术实施例中客户端系统的运行方法的步骤示意图；图5示出本专利技术实施例中电子设备的结构示意图；以及图6示出本专利技术实施例中计算机可读的存储介质的结构示意图。具体实施方式现在将参考附图更全面地描述示例实施方式。然而，示例实施方式能够以多种形式实施，且不应被理解为限于在此阐述的实施方式。相反，提供这些实施方式使本专利技术全面和完整，并将示例实施方式的构思全面地传达给本领域的技术人员。在图中相同的附图标记表示相同或类似的结构，因而将省略对它们的重复描述。此外，附图仅为本专利技术的示意性图解，并非一定是按比例绘制。图中相同的附图标记表示相同或类似的部分，因而将省略对它们的重复描述。附图中所示的一些方框图是功能实体，不一定必须与物理或逻辑上独立的实体相对应。可以采用软件形式来实现这些功能实体，或在一个或多个硬件模块或集成电路中实现这些功能实体，或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。图1示出实施例中客户端系统的主要模块，图2示出实施例中一个业务模块的主要结构。结合图1和图2所示，本实施例中客户端系统10主要包括：多个业务模块11，每个业务模块11配置有：视图单元111，视图单元111配置有对应不同类型客户端的视图层，视图单元111用于加载当前客户端的视图界面并捕捉视图界面的更新事件；接口单元112，用于获取供视图单元111加载视图界面的初始化数据和用于更新视图界面的更新数据；以及事件监听模块12，与各业务模块11耦接，事件监听模块12用于监听各业务模块11的更新事件，并传输更新事件的更新数据。视图单元111配置的视图(View)层具体包括：对应移动端应用程序的视图层，图1中标示为RN(ReactNative)视图层1111；对应移动端网页应用的视图层，图1中标示为H5(Html5)视图层1112；以及对应PC(PersonalComputer，个人计算机)端网页应用的视图层，图1中标示为Web视图层1113。通过RN视图层1111，实现移动端移动程序的页面渲染和事件捕捉，通过H5视图层1112，实现移动端网页应用的页面渲染和事件捕捉，通过Web视图层1本文档来自技高网...

【技术保护点】
1.一种客户端系统，其特征在于，包括：/n多个业务模块，每个所述业务模块配置有：/n视图单元，配置有对应不同类型客户端的视图层，所述视图单元用于加载当前客户端的视图界面并捕捉所述视图界面的更新事件；/n接口单元，用于获取供所述视图单元加载所述视图界面的初始化数据和用于更新所述视图界面的更新数据；以及/n事件监听模块，与各所述业务模块耦接，所述事件监听模块用于监听各所述业务模块的更新事件，并传输所述更新事件的更新数据。/n

【技术特征摘要】
1.一种客户端系统，其特征在于，包括：
多个业务模块，每个所述业务模块配置有：
视图单元，配置有对应不同类型客户端的视图层，所述视图单元用于加载当前客户端的视图界面并捕捉所述视图界面的更新事件；
接口单元，用于获取供所述视图单元加载所述视图界面的初始化数据和用于更新所述视图界面的更新数据；以及
事件监听模块，与各所述业务模块耦接，所述事件监听模块用于监听各所述业务模块的更新事件，并传输所述更新事件的更新数据。


2.如权利要求1所述的客户端系统，其特征在于，所述视图层包括：对应移动端应用程序的视图层，对应移动端网页应用的视图层和对应PC端网页应用的视图层。


3.如权利要求2所述的客户端系统，其特征在于，所述视图单元加载当前客户端的视图界面时，根据所述当前客户端的设备参数，触发对应所述当前客户端的视图层，以加载所述当前客户端的视图界面；
对应不同类型客户端的视图层的触发事件各不相同。


4.如权利要求1所述的客户端系统，其特征在于，所述更新数据包括外部页面的更新事件的更新数据和外部业务模块的更新事件的更新数据。


5.如权利要求1所述的客户端系统，其特征在于，所述接口单元自服务端获取所述初始化数据和用于更新所述视图界面的更新数据；
所述事件监听模块将所述更新事件的更新数据传输至所述服务端。


6.如权利要求1所述的客户端系统，其特征在于...

【专利技术属性】
技术研发人员：黄增博，朱静，
申请(专利权)人：携程商旅信息服务上海有限公司，
类型：发明
国别省市：上海;31