用户界面套件设置方法、客户端及服务器与流程

文档序号:11215950阅读:346来源:国知局
用户界面套件设置方法、客户端及服务器与流程

本发明涉及计算机技术领域,尤其涉及一种用户界面套件设置方法、客户端及服务器。



背景技术:

企业it应用系统的发展趋势之一是消费化,即企业应用系统的用户体验日益重要。而应用系统的用户体验的关键是用户界面。当前应用系统的用户界面的实现与后台业务逻辑的实现过于紧密,使得开发不同风格的用户界面成为非常费时和费力的事情,从而导致用户往往只有一种默认的用户界面能够选择,大大降低了用户的用户体验。此外,同样业务在不同组织的应用系统后端实现有所差异,这使得在这些组织间流动的用户不得不选用与新后端系统密切关联的新用户界面,而无法保留其所习惯的用户界面。



技术实现要素:

鉴于上述问题,本发明提供一种解决上述问题的用户界面套件设置方法、客户端及服务器。

依据本发明的一个方面,提供一种用户界面套件设置方法,包括:

客户端在web应用服务器管理的用户界面套件中,确定目标用户界面套件;

客户端向所述web应用服务器发送加载请求,加载所述目标用户界面套件以及与该目标用户界面套件相匹配的适配件;其中,所述适配件包括所述目标用户界面套件和web应用服务器的后台应用模块在操作和数据交互上的所有映射配置文件;

客户端在获取到界面交互请求时,调用所述适配件,将所述界面交互请求发送到所述web应用服务器的后台应用模块并获取所述后台应用模块反馈的响应数据,以及根据所述响应对所述界面交互请求进行响应。

可选地,本发明所述方法还包括:

所述客户端在获取到用户更换用户界面套件的请求时,确定更换后的用户界面套件,并请求加载更换后的用户界面套件以及与该用户界面套件相匹配的适配件。

依据本发明的另一个方面,还提供一种客户端,包括:

信息确定模块,用于在web应用服务器管理的用户界面套件中,确定目标用户界面套件;

信息加载模块,用于向所述web应用服务器发送加载请求,加载所述目标用户界面套件以及与该目标用户界面套件相匹配的适配件;其中,所述适配件包括所述目标用户界面套件和web应用服务器的后台应用模块在操作和数据交互上的所有映射配置文件;

交互模块,用于在获取到界面交互请求时,调用所述适配件,将所述界面交互请求发送到所述web应用服务器的后台应用模块并获取所述后台应用模块反馈的响应数据,以及根据所述响应对所述界面交互请求进行响应。

可选地,本发明所述客户端,还包括:

第一信息更新模块,用于获取到用户更换用户界面套件的请求时,确定更换后的用户界面套件,并请求加载更换后的用户界面套件以及与该用户界面套件相匹配的适配件。

依据本发明的第三个方面,还提供一种用户界面套件设置方法,包括:

web服务器在接收到所述客户端对本服务器管理的目标用户界面套件的加载请求时,将该目标用户界面套件及与该目标用户界面套件相匹配的适配件发送到所述客户端;

web服务器在接收到所述客户端侧发送的界面交互请求时,将所述界面交互请求转交到后台应用模块,并将所述后台应用模块在数据库服务器侧获取的所述界面交互请求的响应数据反馈至所述客户端。

可选地,本发明所述方法还包括:

所述web服务器在接收到加载更换后的用户界面套件以及与该用户界面套件相匹配的适配件的请求时,将更换后的用户界面套件以及与该用户界面套件相匹配的适配件发送到所述客户端。

依据本发明的第四个方面,还提供一种web服务器,包括:

信息发送模块,用于在接收到所述客户端对本服务器管理的目标用户界面套件的加载请求时,将该目标用户界面套件及与该目标用户界面套件相匹配的适配件发送到所述客户端;

信息反馈模块,用于在接收到所述客户端侧发送的界面交互请求时,将所述界面交互请求转交到后台应用模块,并将所述后台应用模块在数据库服务器侧获取的所述界面交互请求的响应数据反馈至所述客户端。

可选地,本发明所述web服务器,还包括:

第二信息更新模块,用于在接收到加载更换后的用户界面套件以及与该用户界面套件相匹配的适配件的请求时,将更换后的用户界面套件以及与该用户界面套件相匹配的适配件发送到所述客户端。

本发明有益效果如下:

本发明所述方案,通过适配件将用户界面套件与后台应用关联,实现了将用户界面前端实现和应用后台逻辑实现松耦合,进而实现不同风格用户界面适用同一应用后台系统,甚至同种风格用户界面适用不同应用后台系统,很好的解决了现有技术中存在的问题。

上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:

图1为本发明第一实施例提供的一种用户界面套件设置方法的流程图;

图2为本发明第二实施例提供的一种用户界面套件设置方法的流程图;

图3为本发明实施例中应用用户界面套件及适配件部署示意图;

图4为本发明实施例中应用用户界面套件、适配件、应用后台的交互示意图;

图5为本发明第三实施例提供的一种客户端的结构框图;

图6为本发明第四实施例提供的一种web服务器的结构框图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。

本发明实施例提出一种用户界面套件设置方法,更为具体的,本发明实施例提供了一种通过适配件将用户界面套件与后台应用关联的方法。下面通过几个具体实施例,对本发明实施例所述方法的实施过程进行详细的阐述。

本发明第一实施例中,提供一种用户界面套件设置方法,所述方法应用在客户端侧,具体的,如图1所示,所述方法包括如下步骤:

步骤s101,客户端在web应用服务器管理的用户界面套件中,确定目标用户界面套件;

也就是说,本发明实施例中,web应用服务器侧管理有多个用户界面套件,用户可以根据需求,通过客户端选定目标用户界面套件。

本发明实施例中,用户界面套件是指经过用户界面设计人员采用以用户为中心的设计原则精心为业务应用专门设计的用户界面的完整集合。同样的业务应用可以有多种用户体验风格的用户界面套件。具体的,用户界面套件包括一组用户界面,这些用户界面完整的覆盖了业务应用的所有的前端展示和交互的要求。用户界面套件包括实现这组用户界面的一系列文件,诸如html文件、css文件、javascript文件和图标图片资源文件。这些文件中包含了前端展示交互控件、界面布局、配色、排版和导航等内容的定义和描述,同时还包含了前端展示交互行为的定义,诸如功能操作的内部标准接口引用以及数据控件的内部数据源对象引用等。

需要指出的是,本发明实施例中,用户界面套件实现了最高级别的用户界面模板,它们可以满足用户更全面的应用系统换肤要求,即整个交互方式的改变,而不仅仅是背景色或字体的调整。

步骤s102,客户端向所述web应用服务器发送加载请求,加载所述目标用户界面套件以及与该目标用户界面套件相匹配的适配件;其中,所述适配件包括所述目标用户界面套件和web应用服务器的后台应用模块在操作和数据交互上的所有映射配置文件;

本发明实施例中,适配件提供了用户界面套件中的标准操作与数据源针对后台应用的实际操作调用接口和数据源服务的具体配置。一种用户界面套件配以一种适配件,就可以实现与一种后台应用的关联,从而访问后台应用的操作服务和数据服务。也就是说,适配件包括了该适配件所匹配的用户界面套件和后端应用在操作和数据交互上的所有映射。适配件包括了实现这些映射或绑定的一系列文件,诸如javascript文件。这些文件中包含了对用户界面套件中所涉及的内部标准接口和内部数据源对象的针对具体后台应用的绑定配置的定义,诸如内部标准接口的远程过程调用实现和内部数据源对象的实际数据服务url配置等。

步骤s103,客户端在获取到界面交互请求时,调用所述适配件,将所述界面交互请求发送到所述web应用服务器的后台应用模块并获取所述后台应用模块反馈的响应数据,以及根据所述响应对所述界面交互请求进行响应。

进一步地,本发明实施例中,用户还可以对用户界面套件进行更换,具体的,客户端在获取到用户更换用户界面套件的请求时,确定更换后的用户界面套件,并请求加载更换后的用户界面套件以及与该用户界面套件相匹配的适配件。

本发明第二实施例提供一种用户界面套件设置方法,所述方法应用在web服务器侧,具体的,如图2所示,所述方法包括如下步骤:

步骤s201,web服务器在接收到所述客户端对本服务器管理的目标用户界面套件的加载请求时,将该目标用户界面套件及与该目标用户界面套件相匹配的适配件发送到所述客户端;

步骤s202,web服务器在接收到所述客户端侧发送的界面交互请求时,将所述界面交互请求转交到后台应用模块,并将所述后台应用模块在数据库服务器侧获取的所述界面交互请求的响应数据反馈至所述客户端。

进一步地,本发明实施例所述方法,还包括:

web服务器在接收到加载更换后的用户界面套件以及与该用户界面套件相匹配的适配件的请求时,将更换后的用户界面套件以及与该用户界面套件相匹配的适配件发送到所述客户端。

综上可知,本发明实施例所述方案,通过适配件将用户界面套件与后台应用关联,实现了将用户界面前端实现和应用后台逻辑实现松耦合,进而实现不同风格用户界面适用同一应用后台系统,甚至同种风格用户界面适用不同应用后台系统。

为了更清楚的阐述本发明,下面结合附图3、4对本发明实施例所述方法的实施过程进行更详细的说明。

如图3所示,为应用用户界面套件及适配件部署示意图。具体的,在运行时,客户端浏览器连接到web应用服务器,将web应用服务器侧管理的用户界面套件和匹配的适配件加载到浏览器本地。

进一步地,当浏览器侧加载了用户界面套件后,用户即可通过浏览器渲染后的用户界面套件进行交互,当有具体的交互发生时,如图4所示,用户界面套件响应用户的交互,并调用加载到浏览器本地的适配件,发送交互请求到web应用服务器。web应用服务器将这些请求(包括数据服务访问或远程服务调用)转交后台应用模块处理后将处理结果返回给客户端浏览器。后台应用模块会根据需要访问数据库服务器进行数据的保存或查询。

可见,适配件实现了用户界面套件与后台应用的松耦合,它们可以很好的满足用户保留其所习惯的用户界面而同时适应新组织中的后台应用系统。

例如,类gmail风格的邮件ui套件可以通过两个不同的适配件,分别与ibmlotusdomino和msexchange等两类不同的邮件后端进行适配。这样集团公司的省公司a和省公司b虽然分别采用ibmlotusdomino和msexchage等不同的邮件服务器,但两个省公司的用户均可以通过适配件来选用相同的类gmail风格的邮件ui套件。因此采用本方法很好的解决了用户(特别是vip用户,诸如公司领导)在不同组织间流动时保留其习惯的邮件用户界面的问题。

再如,两套分别为类gmail风格和类sohu风格的邮件ui套件,尽管在功能导航、界面布局及配色、信息展现控件样式和字体排版等方面均有明显差异,但可以通过两个不同的适配件,分别与同一个邮件后端ibmlotusdomino进行适配。这样集团公司的省公司a的用户a可以通过适配件选用类gmail风格的邮件ui套件,而该省公司的用户b则可以通过适配件选用类sohu风格的邮件ui套件。因此本方法也很好的解决了不同用户对于邮件用户界面的完全不同的用户体验的要求,而不只是目前主流的但仅限于配色等浅层次的个性化用户界面要求。

本发明第三实施例提供一种客户端,如图5所示,具体包括:

信息确定模块510,用于在web应用服务器管理的用户界面套件中,确定目标用户界面套件;

信息加载模块520,用于向所述web应用服务器发送加载请求,加载所述目标用户界面套件以及与该目标用户界面套件相匹配的适配件;其中,所述适配件包括所述目标用户界面套件和web应用服务器的后台应用模块在操作和数据交互上的所有映射配置文件;

交互模块530,用于在获取到界面交互请求时,调用所述所述适配件,将所述界面交互请求发送到所述web应用服务器的后台应用模块并获取所述后台应用模块反馈的响应数据,以及根据所述响应对所述界面交互请求进行响应。

在本发明的一个具体实施例中,所述客户端,还包括:

第一信息更新模块540,用于获取到用户更换用户界面套件的请求时,确定更换后的用户界面套件,并请求加载更换后的用户界面套件以及与该用户界面套件相匹配的适配件。

本发明第四实施例提供一种web服务器,如图6所示,包括:

信息发送模块610,用于在接收到所述客户端对本服务器管理的目标用户界面套件的加载请求时,将该目标用户界面套件及与该目标用户界面套件相匹配的适配件发送到所述客户端;

信息反馈模块620,用于在接收到所述客户端侧发送的界面交互请求时,将所述界面交互请求转交到后台应用模块,并将所述后台应用模块在数据库服务器侧获取的所述界面交互请求的响应数据反馈至所述客户端。

在本发明的一个具体实施例中,所述web服务器,还包括:

第二信息更新模块630,用于在接收到加载更换后的用户界面套件以及与该用户界面套件相匹配的适配件的请求时,将更换后的用户界面套件以及与该用户界面套件相匹配的适配件发送到所述客户端。

综上可知,本发明实施例所述方案,通过适配件将用户界面套件与后台应用关联,实现了将用户界面前端实现和应用后台逻辑实现松耦合,进而实现不同风格用户界面适用同一应用后台系统,甚至同种风格用户界面适用不同应用后台系统。

本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是其与其他实施例的不同之处。尤其对于装置实施例而言,由于其基本相似与方法实施例,所以,描述的比较简单,相关之处参见方法实施例的部分说明即可。

本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成,该程序可以存储于一计算机可读存储介质中,存储介质可以包括:rom、ram、磁盘或光盘等。

总之,以上所述仅为本发明的较佳实施例而已,并非用于限定本发明的保护范围。凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。

当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1