CN107241427B - User interface suite setting method, client and server - Google Patents
User interface suite setting method, client and server Download PDFInfo
- Publication number
- CN107241427B CN107241427B CN201710515761.4A CN201710515761A CN107241427B CN 107241427 B CN107241427 B CN 107241427B CN 201710515761 A CN201710515761 A CN 201710515761A CN 107241427 B CN107241427 B CN 107241427B
- Authority
- CN
- China
- Prior art keywords
- user interface
- suite
- client
- server
- request
- 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
Images
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/46—Multiprogramming arrangements
- G06F9/54—Interprogram communication
- G06F9/541—Interprogram communication via adapters, e.g. between incompatible applications
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The invention discloses a user interface suite setting method, a client and a server, wherein the method comprises the following steps: the client determines a target user interface suite in a user interface suite managed by a Web application server; the client sends a loading request to the Web application server, and loads a target user interface suite and an adapter matched with the target user interface suite; when the client side obtains the interface interaction request, the adapter is called, the interface interaction request is sent to a background application module of the Web application server, response data fed back by the background application module are obtained, and the interface interaction request is responded according to the response data. According to the scheme, the user interface kit is associated with the background application through the adapter, so that loose coupling of the front end of the user interface and the application background logic is realized, and the user interfaces of different styles are suitable for the same application background system, even the user interfaces of the same style are suitable for different application background systems.
Description
Technical Field
The invention relates to the technical field of computers, in particular to a user interface suite setting method, a client and a server.
Background
One of the trends in the development of enterprise IT application systems is consumer, i.e., user experience of enterprise application systems is becoming increasingly important. And the key to the user experience of the application system is the user interface. The realization of the user interface of the current application system and the realization of the background service logic are too tight, so that the development of user interfaces with different styles becomes a very time-consuming and labor-consuming matter, and therefore, a user often only has one default user interface to select, and the user experience of the user is greatly reduced. Furthermore, the same services are implemented differently at the backend of the application systems of different organizations, which makes it necessary for the users who flow between these organizations to choose a new user interface that is closely associated with the new backend system, without preserving the user interface to which they are accustomed.
Disclosure of Invention
In view of the above problems, the present invention provides a user interface suite setting method, a client and a server to solve the above problems.
According to an aspect of the present invention, there is provided a user interface kit setting method, including:
the client determines a target user interface suite in a user interface suite managed by a Web application server;
the client sends a loading request to the Web application server, and loads the target user interface suite and an adapter matched with the target user interface suite; wherein the adapter comprises all mapping configuration files of the background application module of the target user interface suite and the Web application server on operation and data interaction;
when the client side obtains the interface interaction request, the adapter is called, the interface interaction request is sent to a background application module of the Web application server, response data fed back by the background application module are obtained, and the interface interaction request is responded according to the response.
Optionally, the method of the present invention further comprises:
when the client acquires a request of a user for replacing the user interface suite, the client determines the replaced user interface suite and requests to load the replaced user interface suite and an adapter matched with the user interface suite.
According to another aspect of the present invention, there is also provided a client, including:
the information determining module is used for determining a target user interface suite in a user interface suite managed by the Web application server;
the information loading module is used for sending a loading request to the Web application server and loading the target user interface suite and an adapter matched with the target user interface suite; wherein the adapter comprises all mapping configuration files of the background application module of the target user interface suite and the Web application server on operation and data interaction;
and the interaction module is used for calling the adapting piece when an interface interaction request is obtained, sending the interface interaction request to a background application module of the Web application server, obtaining response data fed back by the background application module, and responding to the interface interaction request according to the response.
Optionally, the client of the present invention further includes:
the first information updating module is used for determining the replaced user interface kit when a request of replacing the user interface kit is obtained by a user, and requesting to load the replaced user interface kit and an adapter matched with the user interface kit.
According to a third aspect of the present invention, there is also provided a user interface suite setting method, including:
when receiving a loading request of a client to a target user interface suite managed by the server, the Web server sends the target user interface suite and an adapter matched with the target user interface suite to the client;
when receiving the interface interaction request sent by the client side, the Web server transfers the interface interaction request to a background application module, and feeds back response data of the interface interaction request acquired by the background application module at the database server side to the client side.
Optionally, the method of the present invention further comprises:
and when receiving a request for loading the replaced user interface suite and the adapter matched with the user interface suite, the Web server sends the replaced user interface suite and the adapter matched with the user interface suite to the client.
According to a fourth aspect of the present invention, there is also provided a Web server, including:
the information sending module is used for sending the target user interface suite and the adapter matched with the target user interface suite to the client when receiving a loading request of the client to the target user interface suite managed by the server;
and the information feedback module is used for transmitting the interface interaction request to the background application module when receiving the interface interaction request sent by the client side, and feeding back response data of the interface interaction request acquired by the background application module at the database server side to the client side.
Optionally, the Web server of the present invention further includes:
a second information update module for sending the replaced user interface kit and the adapter matched with the user interface kit to the client upon receiving a request to load the replaced user interface kit and the adapter matched with the user interface kit.
The invention has the following beneficial effects:
according to the scheme, the user interface kit is associated with the background application through the adapter, so that loose coupling of the front end of the user interface and the application background logic is realized, different styles of user interfaces are suitable for the same application background system, even the same style of user interfaces are suitable for different application background systems, and the problems in the prior art are well solved.
The foregoing description is only an overview of the technical solutions of the present invention, and the embodiments of the present invention are described below in order to make the technical means of the present invention more clearly understood and to make the above and other objects, features, and advantages of the present invention more clearly understandable.
Drawings
Various other advantages and benefits will become apparent to those of ordinary skill in the art upon reading the following detailed description of the preferred embodiments. The drawings are only for purposes of illustrating the preferred embodiments and are not to be construed as limiting the invention. Also, like reference numerals are used to refer to like parts throughout the drawings. In the drawings:
fig. 1 is a flowchart of a method for setting a user interface suite according to a first embodiment of the present invention;
FIG. 2 is a flowchart of a method for setting a user interface suite according to a second embodiment of the present invention;
FIG. 3 is a schematic diagram of an embodiment of the present invention illustrating deployment of a user interface kit and an adapter;
FIG. 4 is a schematic diagram of the interaction of an application user interface kit, an adapter, and an application background according to an embodiment of the present invention;
fig. 5 is a block diagram of a client according to a third embodiment of the present invention;
fig. 6 is a block diagram of a Web server according to a fourth embodiment of the present invention.
Detailed Description
Exemplary embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While exemplary embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure may be embodied in various forms and should not be limited to the embodiments set forth herein. Rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the scope of the disclosure to those skilled in the art.
The embodiment of the invention provides a user interface kit setting method, and particularly provides a method for associating a user interface kit with a background application through an adapter. The following will explain the implementation of the method of the embodiment of the present invention in detail by using several specific examples.
In a first embodiment of the present invention, a method for setting a user interface suite is provided, where the method is applied to a client side, and specifically, as shown in fig. 1, the method includes the following steps:
step S101, a client determines a target user interface suite in a user interface suite managed by a Web application server;
that is to say, in the embodiment of the present invention, the Web application server side manages a plurality of user interface suites, and a user can select a target user interface suite through the client according to a requirement.
In the embodiment of the invention, the user interface suite refers to a complete set of user interfaces specially designed for service application elaborately by a user interface designer by adopting a user-centered design principle. The same business application may have a user interface suite with a variety of user experience styles. Specifically, the user interface suite includes a set of user interfaces that fully cover all of the requirements of front-end presentation and interaction of business applications. The user interface suite includes a series of files that implement the set of user interfaces, such as HTML files, CSS files, JavaScript files, and icon picture resource files. The files contain the definition and description of the content of the front-end display interaction control, interface layout, color matching, typesetting, navigation and the like, and also contain the definition of the front-end display interaction behavior, such as internal standard interface reference of function operation, internal data source object reference of the data control and the like.
It should be noted that, in the embodiment of the present invention, the user interface suite implements the highest-level user interface templates, which can meet the more comprehensive application system changing requirements of the user, that is, the change of the whole interaction mode, rather than the adjustment of the background color or the font.
Step S102, a client sends a loading request to the Web application server, and loads the target user interface suite and an adapter matched with the target user interface suite; wherein the adapter comprises all mapping configuration files of the background application module of the target user interface suite and the Web application server on operation and data interaction;
in the embodiment of the invention, the adapter provides specific configurations of standard operation and data source in the user interface suite for the actual operation call interface and data source service of the background application. A user interface kit is provided with an adapter to enable association with a background application for accessing operational and data services of the background application. That is, the adapter includes all mappings of the user interface suite and backend application to which the adapter is mated on operations and data interactions. The adapter includes a series of files, such as JavaScript files, that implement these mappings or bindings. The files contain definitions of binding configurations for specific background applications for the internal standard interfaces and internal data source objects involved in the user interface suite, such as remote procedure call implementations of the internal standard interfaces and actual data service URL configurations of the internal data source objects.
Step S103, when the client acquires the interface interaction request, the adapter is called, the interface interaction request is sent to a background application module of the Web application server, response data fed back by the background application module is acquired, and the interface interaction request is responded according to the response.
Further, in the embodiment of the present invention, the user may further replace the user interface kit, specifically, when the client obtains a request of replacing the user interface kit from the user, the client determines the replaced user interface kit and requests to load the replaced user interface kit and the adapter matching with the user interface kit.
A second embodiment of the present invention provides a method for setting a user interface suite, where the method is applied to a Web server side, and specifically, as shown in fig. 2, the method includes the following steps:
step S201, when receiving a loading request of a client to a target user interface suite managed by a server, a Web server sends the target user interface suite and an adapter matched with the target user interface suite to the client;
step S202, when receiving the interface interaction request sent by the client side, the Web server transfers the interface interaction request to a background application module, and feeds back response data of the interface interaction request acquired by the background application module at the database server side to the client side.
Further, the method according to the embodiment of the present invention further includes:
and when receiving a request for loading the replaced user interface suite and the adapter matched with the user interface suite, the Web server sends the replaced user interface suite and the adapter matched with the user interface suite to the client.
In summary, according to the scheme of the embodiment of the present invention, the adapter associates the user interface suite with the background application, so as to implement loose coupling between the front-end implementation of the user interface and the application background logic, and further implement that different styles of user interfaces are applicable to the same application background system, and even the same style of user interfaces are applicable to different application background systems.
In order to illustrate the present invention more clearly, the following describes the implementation of the method according to the embodiment of the present invention in more detail with reference to fig. 3 and 4.
FIG. 3 is a schematic diagram of the deployment of the application user interface kit and the adapter. Specifically, at runtime, the client browser connects to the Web application server, loading the user interface suite and the matching adapter managed on the Web application server side locally to the browser.
Further, after the user interface suite is loaded on the browser side, a user can interact with the user interface suite rendered by the browser, and when specific interaction occurs, as shown in fig. 4, the user interface suite responds to the interaction of the user, invokes an adapter loaded to the browser locally, and sends an interaction request to the Web application server. The Web application server hands the requests (including data service access or remote service call) to the background application module for processing and then returns the processing result to the client browser. The background application module can access the database server to store or query data according to needs.
It can be seen that the adapter enables a loose coupling of the user interface kit and the background application that can be well satisfied that the user retains the user interface to which he is accustomed while adapting to the background application system in the new organization.
For example, the Gmail-like style mail UI suite may be adapted with two different types of mail backend, such as IBM Lotus domino and MS Exchange, respectively, through two different adapters. Although the provincial company a and the provincial company B of the group company use different mail servers such as IBM Lotus Domino and MS exchange, users of both provincial companies can select the same Gmail-like mail UI suite by using adapters. Therefore, the method well solves the problem that the user (particularly the VIP user such as a company leader) keeps the conventional mail user interface when the user flows among different organizations.
For another example, two sets of mail UI kits, which are a Gmail-like style and a Sohu-like style, respectively, may be adapted to the IBM Lotus Domino at the back end of the same mail through two different adapters, although there are significant differences in terms of functional navigation, interface layout and color matching, information presentation control style and font type. Thus, user a of province company a of the group company can select the Gmail-like style mail UI suite through the adaptor, and user b of the province company can select the Sohu-like style mail UI suite through the adaptor. Therefore, the method also well solves the completely different user experience requirements of different users on the mail user interface, and the method is not only the current mainstream but also only limited to the color matching and other shallow personalized user interface requirements.
A third embodiment of the present invention provides a client, as shown in fig. 5, specifically including:
an information determining module 510, configured to determine a target user interface suite in a user interface suite managed by a Web application server;
an information loading module 520, configured to send a loading request to the Web application server, and load the target user interface suite and an adapter matching the target user interface suite; wherein the adapter comprises all mapping configuration files of the background application module of the target user interface suite and the Web application server on operation and data interaction;
the interaction module 530 is configured to, when an interface interaction request is obtained, invoke the adapter, send the interface interaction request to a background application module of the Web application server, obtain response data fed back by the background application module, and respond to the interface interaction request according to the response.
In a specific embodiment of the present invention, the client further includes:
the first information updating module 540 is configured to determine a replaced user interface kit when a user request for replacing the user interface kit is obtained, and request to load the replaced user interface kit and an adaptor matching the user interface kit.
A fourth embodiment of the present invention provides a Web server, as shown in fig. 6, including:
the information sending module 610 is configured to send, to the client, a target user interface suite managed by the server and an adapter matched with the target user interface suite when a loading request of the client to the target user interface suite is received;
the information feedback module 620 is configured to forward the interface interaction request to a background application module when receiving the interface interaction request sent by the client side, and feed back response data of the interface interaction request, which is obtained by the background application module at the database server side, to the client side.
In an embodiment of the present invention, the Web server further includes:
a second information updating module 630, configured to send the replaced user interface kit and the adapter matched with the user interface kit to the client when receiving a request to load the replaced user interface kit and the adapter matched with the user interface kit.
In summary, according to the scheme of the embodiment of the present invention, the adapter associates the user interface suite with the background application, so as to implement loose coupling between the front-end implementation of the user interface and the application background logic, and further implement that different styles of user interfaces are applicable to the same application background system, and even the same style of user interfaces are applicable to different application background systems.
The embodiments in the present specification are described in a progressive manner, and the same and similar parts among the embodiments are referred to each other, and each embodiment focuses on the differences from the other embodiments. Especially for the device embodiment, because it is basically similar to the method embodiment, the description is simple, and the relevant points can be referred to the partial description of the method embodiment.
Those skilled in the art will appreciate that all or part of the steps in the methods of the above embodiments may be implemented by associated hardware instructed by a program, which may be stored in a computer-readable storage medium, and the storage medium may include: ROM, RAM, magnetic or optical disks, and the like.
In short, the above description is only a preferred embodiment of the present invention, and is not intended to limit the scope of the present invention. Any modification, equivalent replacement, or improvement made within the spirit and principle of the present invention should be included in the protection scope of the present invention.
Claims (8)
1. A user interface kit setting method, comprising:
the client determines a target user interface suite in a user interface suite managed by a Web application server;
the client sends a loading request to the Web application server, and loads the target user interface suite and an adapter matched with the target user interface suite; wherein the adapter comprises all mapping configuration files of the background application module of the target user interface suite and the Web application server on operation and data interaction;
when the client side obtains the interface interaction request, the adapter is called, the interface interaction request is sent to a background application module of the Web application server, response data fed back by the background application module are obtained, and the interface interaction request is responded according to the response data.
2. The method of claim 1, wherein the method further comprises:
when the client acquires a request of a user for replacing the user interface suite, the client determines the replaced user interface suite and requests to load the replaced user interface suite and an adapter matched with the user interface suite.
3. A client, comprising:
the information determining module is used for determining a target user interface suite in a user interface suite managed by the Web application server;
the information loading module is used for sending a loading request to the Web application server and loading the target user interface suite and an adapter matched with the target user interface suite; wherein the adapter comprises all mapping configuration files of the background application module of the target user interface suite and the Web application server on operation and data interaction;
the interaction module is used for calling the adapting piece when an interface interaction request is obtained, sending the interface interaction request to a background application module of the Web application server, obtaining response data fed back by the background application module, and responding to the interface interaction request according to the response data.
4. The client of claim 3, further comprising:
the first information updating module is used for determining the replaced user interface kit when a request of replacing the user interface kit is obtained by a user, and requesting to load the replaced user interface kit and an adapter matched with the user interface kit.
5. A user interface kit setting method, comprising:
when a Web server receives a loading request of a client to a target user interface suite managed by the Web server, the target user interface suite and an adapter matched with the target user interface suite are sent to the client;
when receiving the interface interaction request sent by the client side, the Web server transfers the interface interaction request to a background application module, and feeds back response data of the interface interaction request acquired by the background application module at the database server side to the client side.
6. The method of claim 5, further comprising:
and when receiving a request for loading the replaced user interface suite and the adapter matched with the user interface suite, the Web server sends the replaced user interface suite and the adapter matched with the user interface suite to the client.
7. A Web server, comprising:
the server comprises an information sending module, a client side and a server, wherein the information sending module is used for sending a target user interface suite and an adapter matched with the target user interface suite to the client side when receiving a loading request of the client side to the target user interface suite managed by the server;
and the information feedback module is used for transmitting the interface interaction request to the background application module when receiving the interface interaction request sent by the client side, and feeding back response data of the interface interaction request acquired by the background application module at the database server side to the client side.
8. The Web server of claim 7, further comprising:
a second information update module for sending the replaced user interface kit and the adapter matched with the user interface kit to the client upon receiving a request to load the replaced user interface kit and the adapter matched with the user interface kit.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710515761.4A CN107241427B (en) | 2017-06-29 | 2017-06-29 | User interface suite setting method, client and server |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710515761.4A CN107241427B (en) | 2017-06-29 | 2017-06-29 | User interface suite setting method, client and server |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN107241427A CN107241427A (en) | 2017-10-10 |
| CN107241427B true CN107241427B (en) | 2020-06-05 |
Family
ID=59990108
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710515761.4A Active CN107241427B (en) | 2017-06-29 | 2017-06-29 | User interface suite setting method, client and server |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107241427B (en) |
Family Cites Families (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US5596702A (en) * | 1993-04-16 | 1997-01-21 | International Business Machines Corporation | Method and system for dynamically sharing user interface displays among a plurality of application program |
| US20030227482A1 (en) * | 2002-06-05 | 2003-12-11 | Thomas Bach | User interface builder |
| US20060150125A1 (en) * | 2005-01-03 | 2006-07-06 | Arun Gupta | Methods and systems for interface management |
| US8418074B2 (en) * | 2010-06-29 | 2013-04-09 | Sap Ag | Shared user interface services framework |
| CN103209203A (en) * | 2012-01-16 | 2013-07-17 | 北京磊友信息科技有限公司 | Cross-platform application providing method and client |
| CN104267968B (en) * | 2014-10-16 | 2017-12-26 | 福建星网视易信息系统有限公司 | The method and apparatus of changing interface |
-
2017
- 2017-06-29 CN CN201710515761.4A patent/CN107241427B/en active Active
Also Published As
| Publication number | Publication date |
|---|---|
| CN107241427A (en) | 2017-10-10 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US8312170B2 (en) | Method and apparatus for managing a collection of portlets in a portal server | |
| US7533142B2 (en) | Method for enabling associated portlets of a web portlet to collaborate for synchronized content display | |
| US10880391B2 (en) | Method and apparatus for relaying session information from a portal server | |
| US11734053B2 (en) | Attribute-based access control using a dynamic expression engine | |
| US20060235935A1 (en) | Method and apparatus for using business rules or user roles for selecting portlets in a web portal | |
| US10380551B2 (en) | Mixed collaboration teams | |
| US10769591B2 (en) | Enabling service features within productivity applications | |
| EP1880354A1 (en) | Methods and apparatus for contextual awareness in a groupware client | |
| US10437926B2 (en) | System and method to generate a data-rich template | |
| US8630009B2 (en) | Systems and methods for providing content to a peripheral device | |
| US20170193447A1 (en) | Discoverable collaboration teams | |
| CN107241427B (en) | User interface suite setting method, client and server | |
| KR20160070254A (en) | Providing system, method for real time canvas, program and recording medium thereof | |
| US10713064B2 (en) | User interface configuration using activator fields | |
| CN107977277B (en) | Method and device for integrating third-party system in ERP system and computer equipment | |
| US9524239B2 (en) | Self service propagation of custom extension fields into web services | |
| US11416491B1 (en) | Tags and permissions in a content management system | |
| US11418473B2 (en) | Personalized dashboard chart for email subscriptions | |
| AU2015204414A1 (en) | Document and object manipulation | |
| US20150019344A1 (en) | Flyer Approval and Distribution System | |
| CN111459907A (en) | Method, system and storage medium for configuring master data through model | |
| US20230083252A1 (en) | Systems and methods for onboarding and supporting credit product partners | |
| US11922116B2 (en) | Annotations in a content model of a content management system | |
| US20230325584A1 (en) | Method for annotations in a content model of a content management system | |
| US20230325585A1 (en) | System for annotations in a content model of a content management system |
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 |