CN110096279A - A kind of user interface design system and method - Google Patents
A kind of user interface design system and method Download PDFInfo
- Publication number
- CN110096279A CN110096279A CN201910383835.2A CN201910383835A CN110096279A CN 110096279 A CN110096279 A CN 110096279A CN 201910383835 A CN201910383835 A CN 201910383835A CN 110096279 A CN110096279 A CN 110096279A
- Authority
- CN
- China
- Prior art keywords
- business datum
- adapter
- built
- user interface
- database
- 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.)
- Pending
Links
- 238000013461 design Methods 0.000 title claims abstract description 17
- 238000000034 method Methods 0.000 title claims abstract description 11
- 230000009466 transformation Effects 0.000 claims abstract description 14
- 230000005540 biological transmission Effects 0.000 claims description 6
- 238000011160 research Methods 0.000 abstract description 13
- 238000012827 research and development Methods 0.000 abstract description 10
- 230000008878 coupling Effects 0.000 abstract description 4
- 238000010168 coupling process Methods 0.000 abstract description 4
- 238000005859 coupling reaction Methods 0.000 abstract description 4
- 238000012423 maintenance Methods 0.000 abstract description 4
- 238000013499 data model Methods 0.000 description 3
- 238000010586 diagram Methods 0.000 description 2
- 230000006978 adaptation Effects 0.000 description 1
- 235000013399 edible fruits Nutrition 0.000 description 1
- 238000000926 separation method 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
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Stored Programmes (AREA)
- Document Processing Apparatus (AREA)
Abstract
The invention discloses a kind of user interface design system and methods, wherein user interface design system includes basic database, list container, setting unit and card form engine, card form engine includes converting unit, service database and built-in adapter, converting unit is used to that the basic data in basic database to be converted to business datum according to transformation rule, and sends it to service database；Service database is used to business datum being sent to built-in adapter；Built-in adapter combines the two for receiving business datum and INTERFACE MODEL, according to rule is shown, generates showing interface information and is delivered to user interface presentation；Setting unit is for being arranged transformation rule and showing rule.The present invention separates basic data and business datum, without adapter, the programming of research staff's data-oriented when research and development, to realize research staff's configurationization interface framework, service logic coupling and research and development maintenance cost are reduced, prevents from repeating to make wheel, efficiency of research and development is improved, is easily extended.
Description
Technical field
The invention belongs to mobile terminal technical field, in particular to a kind of user interface design system and method.
Background technique
In the prior art, it requires to redefine a type of adapter at different interfaces as shown in Figure 1, applying, thus
Need to separately maintain the interface corresponding to it；It applies and needs to redefine an adapter class in the same interface different lists
Type, to need to separately maintain the interface corresponding to it；The same interface different data needs individually convert data, lead
Cause the coupling of multi-play Services logic.
For different data, different active interfaces, different lists container, research staff requires maintenance portion or more parts
On the one hand the interface of adapter and its excessively corresponding each type causes research and development maintenance cost excessively high, on the other hand causes identical
The interface of type across active interface or it is across data in the case where cannot be reused.
Such as:
A, in channel page, valut page, existing technical requirements research staff requires to define or divide for each list container
Respective adapter is not realized, and interface type defined in these adapters is safeguarded.
B, in channel page, need to increase interface template type at this time, but this interface template type is tied in search
The fruit page has been defined, when channel page needs to realize this set interface template, it is necessary to define again in the adapter of channel page
It, however substantially it and search results pages are a things, cause to repeat to make wheel.
C, in channel page, table data may be by sending back under multiple and different business interfaces, the data that they respectively issue
Model is different, but they use same set of interface again, and service logic is caused to couple.
Summary of the invention
It is an object of the present invention in view of the above shortcomings of the prior art, a kind of user interface design system and side are provided
Method separates basic data and business datum, without adapter, research staff's data-oriented programming, to realize research and development when research and development
Personnel depaly interface framework reduces service logic coupling, reduces research and development maintenance cost, prevents from repeating to make wheel, improves research and development
Efficiency easily extends.
In order to solve the above technical problems, the technical scheme adopted by the invention is that:
A kind of user interface design system, including basic database and list container, wherein basic database is for receiving outside
Data have INTERFACE MODEL in list container；Its main feature is that further including setting unit and card form engine, the card form engine
Including converting unit, service database and built-in adapter, in which:
Converting unit: for the basic data in basic database to be converted to corresponding business datum according to transformation rule, and
Business datum is sent to service database；
Service database: for receiving the business datum of converting unit transmission, and business datum is sent to built-in adapter；
Built-in adapter: for receiving the business datum of service database transmission, and the interface mould that reception list container is sent
Type, and business datum and INTERFACE MODEL are combined, according to rule is shown, generates showing interface information and be delivered to user interface exhibition
Show；
Setting unit: for transformation rule to be arranged and shows rule.
Further, the setting unit is also used to that uniquely tagged is arranged to card form engine.
Based on the same inventive concept, the present invention also provides a kind of user interface design methods, its main feature is that including:
Step A, basic database receive external data；
It is characterized in that,
Further include step A1 before step A, transformation rule is arranged in converting unit by setting unit, in built-in adapter
Interior setting shows rule；
After step further include:
Step B, converting unit receives the basic data that basic database is sent, and is converted to basic data according to transformation rule
Corresponding business datum, and business datum is sent to service database；
Step C, service database receives the business datum that converting unit is sent, and business datum is sent to built-in adapter；
Step D, business datum is according to setting unit matched interface model and is sent to built-in adapter；
Step E, built-in adapter combine the business datum and INTERFACE MODEL received, according to rule is shown, generate showing interface
Information is simultaneously delivered to user interface presentation.
As a kind of preferred embodiment preferred embodiment, the external data sources are in client local data base or server
End.
It further, further include that uniquely tagged is arranged to card form engine by setting unit.
Compared with prior art, the present invention separates basic data and business datum, without adapter, research staff when research and development
Data-oriented programming reduces service logic coupling to realize research staff's configurationization interface framework, reduce research and develop safeguard at
This, prevents from repeating to make wheel, improves efficiency of research and development, easily extend.
Detailed description of the invention
Fig. 1 is user interface design system schematic diagram in the prior art.
Fig. 2 is user interface design system schematic diagram in the present invention.
Fig. 3 is card form engine principles figure.
Specific embodiment
As shown in Figure 2 to Figure 3, user interface design system includes basic database and list container, wherein basic data
Library has INTERFACE MODEL in list container for receiving external data；Its main feature is that further include setting unit and card form engine,
The card form engine includes converting unit, service database and built-in adapter, in which:
Converting unit: for the basic data in basic database to be converted to corresponding business datum according to transformation rule, and
Business datum is sent to service database；
Service database: for receiving the business datum of converting unit transmission, and business datum is sent to built-in adapter；
Built-in adapter: for receiving the business datum of service database transmission, and the interface mould that reception list container is sent
Type, and business datum and INTERFACE MODEL are combined, according to rule is shown, generates showing interface information and be delivered to user interface exhibition
Show；
Setting unit: it for transformation rule to be arranged and shows rule, is also used to that uniquely tagged is arranged to card form engine.
The present invention also provides a kind of user interface design methods, comprising the following steps:
Step A1, research staff configure card form engine, it may be assumed that transformation rule is arranged in converting unit by setting unit,
Setting shows rule in built-in adapter；The type of card form engine is set by setting unit, only to the setting of card form engine
One label.
Step A, basic database receive external data, and wherein external data sources are in client local data base or service
Device end.
INTERFACE MODEL is sent to built-in adaptation by step B, the incoming list container for needing to show view in outside, list container
Device.
Step C, converting unit receives the basic data that basic database is sent, and is turned basic data according to transformation rule
It is changed to corresponding business datum, so that basic data model and business data model separation, encapsulate complete to this data model
At, and business datum is sent to service database.
Step D, service database receives the business datum that converting unit is sent, and business datum is sent to built-in adaptation
Device.
Step E, built-in adapter combine the business datum and INTERFACE MODEL received, according to rule is shown, generate interface
It shows information and is delivered to user interface presentation, realize the interface for showing different-style to user.
To sum up, card form engine of the invention from outside by corresponding data and the corresponding type of data after, according to
Basic data is converted to corresponding business datum and forms data list by data type, and the built-in adapter of card form engine is logical
It crosses business datum list and finds corresponding interface, and be presented to the user.
In channel page, valut page, research staff only needs the basic data of the two pages being converted into business datum, card
The displaying rule that the built-in adapter of chip engine is configured by research staff, by treated showing interface to user, grinds
Hair personnel only need to be concerned about the configuration of external data and card form engine.
In channel page, research staff only needs that data will be issued and be converted to the business datum of corresponding card type, each
Card interface only needs to configure once, can be general in any interface in, that is, primary configuration, project generic.
In channel page, research staff only needs the data for issuing different business interface to be converted to corresponding card type
Corresponding card interface can be presented to the user by the built-in adapter of business datum, card form engine.
The embodiment of the present invention is described with above attached drawing, but the invention is not limited to above-mentioned specific
Embodiment, the above mentioned embodiment is only schematical, rather than limitation, those skilled in the art
Under the inspiration of the present invention, without breaking away from the scope protected by the purposes and claims of the present invention, it can also make very much
Form, within these are all belonged to the scope of protection of the present invention.
Claims (5)
1. a kind of user interface design system, including basic database and list container, wherein basic database is outer for receiving
Portion's data have INTERFACE MODEL in list container；It is characterized in that, further including setting unit and card form engine, the card
Formula engine includes converting unit, service database and built-in adapter, in which:
Converting unit: for the basic data in basic database to be converted to corresponding business datum according to transformation rule, and
Business datum is sent to service database；
Service database: for receiving the business datum of converting unit transmission, and business datum is sent to built-in adapter；
Built-in adapter: for receiving the business datum of service database transmission, and the interface mould that reception list container is sent
Type, and business datum and INTERFACE MODEL are combined, according to rule is shown, generates showing interface information and be delivered to user interface exhibition
Show；
Setting unit: for transformation rule to be arranged and shows rule.
2. user interface design system as described in claim 1, which is characterized in that the setting unit is also used to card form
Uniquely tagged is arranged in engine.
3. a kind of user interface design method characterized by comprising
Step A, basic database receive external data；
It is characterized in that,
Further include step A1 before step A, transformation rule is arranged in converting unit by setting unit, in built-in adapter
Interior setting shows rule；
After step further include:
Step B, converting unit receives the basic data that basic database is sent, and is converted to basic data according to transformation rule
Corresponding business datum, and business datum is sent to service database；
Step C, service database receives the business datum that converting unit is sent, and business datum is sent to built-in adapter；
Step D, business datum is according to setting unit matched interface model and is sent to built-in adapter；
Step E, built-in adapter combine the business datum and INTERFACE MODEL received, according to rule is shown, generate showing interface
Information is simultaneously delivered to user interface presentation.
4. user interface design method as claimed in claim 3, which is characterized in that the external data sources are in client sheet
Ground database or server end.
5. user interface design method as claimed in claim 3, which is characterized in that further include by setting unit to card form
Uniquely tagged is arranged in engine.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910383835.2A CN110096279A (en) | 2019-05-08 | 2019-05-08 | A kind of user interface design system and method |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910383835.2A CN110096279A (en) | 2019-05-08 | 2019-05-08 | A kind of user interface design system and method |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110096279A true CN110096279A (en) | 2019-08-06 |
Family
ID=67447394
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910383835.2A Pending CN110096279A (en) | 2019-05-08 | 2019-05-08 | A kind of user interface design system and method |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110096279A (en) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112711728A (en) * | 2020-12-31 | 2021-04-27 | 百果园技术(新加坡)有限公司 | Page layout frame, page loading method, device, equipment and storage medium |
| CN113157741A (en) * | 2021-04-26 | 2021-07-23 | 上海淇馥信息技术有限公司 | Service state visualization method and device based on dimension conversion and electronic equipment |
| CN113590111A (en) * | 2021-07-19 | 2021-11-02 | 郭睿 | Implementation method of high-configurable low-code development platform based on card assembly |
| CN114546384A (en) * | 2022-02-24 | 2022-05-27 | 盐城金堤科技有限公司 | Page display system, page display method, readable storage medium and electronic equipment |
Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102567027A (en) * | 2011-12-28 | 2012-07-11 | 用友软件股份有限公司 | Interface framework construction system and interface framework construction method |
| CN103927174A (en) * | 2014-04-17 | 2014-07-16 | 北京视博数字电视科技有限公司 | Service processing method and device |
| CN104731589A (en) * | 2015-03-12 | 2015-06-24 | 用友网络科技股份有限公司 | Automatic generation method and device of user interface (UI) |
| CN105023139A (en) * | 2015-07-03 | 2015-11-04 | 武汉开目信息技术有限责任公司 | Onsite collection method and device of enterprise quality data |
| CN105354013A (en) * | 2014-08-18 | 2016-02-24 | 阿里巴巴集团控股有限公司 | Application interface rendering method and apparatus |
| CN105843619A (en) * | 2016-03-24 | 2016-08-10 | 株洲中车时代电气股份有限公司 | Method for realizing dynamic configuration of display interface of train display |
| CN107145357A (en) * | 2017-05-09 | 2017-09-08 | 武汉斗鱼网络科技有限公司 | page logic control method and device |
| CN107729005A (en) * | 2017-10-12 | 2018-02-23 | 福建富士通信息软件有限公司 | A kind of visualization business interface Dynamic Configuration based on H5 |
| CN109634608A (en) * | 2018-12-17 | 2019-04-16 | 江苏满运软件科技有限公司 | Interface dynamic generation method, system, equipment and medium |
-
2019
- 2019-05-08 CN CN201910383835.2A patent/CN110096279A/en active Pending
Patent Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102567027A (en) * | 2011-12-28 | 2012-07-11 | 用友软件股份有限公司 | Interface framework construction system and interface framework construction method |
| CN103927174A (en) * | 2014-04-17 | 2014-07-16 | 北京视博数字电视科技有限公司 | Service processing method and device |
| CN105354013A (en) * | 2014-08-18 | 2016-02-24 | 阿里巴巴集团控股有限公司 | Application interface rendering method and apparatus |
| CN104731589A (en) * | 2015-03-12 | 2015-06-24 | 用友网络科技股份有限公司 | Automatic generation method and device of user interface (UI) |
| CN105023139A (en) * | 2015-07-03 | 2015-11-04 | 武汉开目信息技术有限责任公司 | Onsite collection method and device of enterprise quality data |
| CN105843619A (en) * | 2016-03-24 | 2016-08-10 | 株洲中车时代电气股份有限公司 | Method for realizing dynamic configuration of display interface of train display |
| CN107145357A (en) * | 2017-05-09 | 2017-09-08 | 武汉斗鱼网络科技有限公司 | page logic control method and device |
| CN107729005A (en) * | 2017-10-12 | 2018-02-23 | 福建富士通信息软件有限公司 | A kind of visualization business interface Dynamic Configuration based on H5 |
| CN109634608A (en) * | 2018-12-17 | 2019-04-16 | 江苏满运软件科技有限公司 | Interface dynamic generation method, system, equipment and medium |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112711728A (en) * | 2020-12-31 | 2021-04-27 | 百果园技术(新加坡)有限公司 | Page layout frame, page loading method, device, equipment and storage medium |
| CN112711728B (en) * | 2020-12-31 | 2024-02-09 | 百果园技术(新加坡)有限公司 | Page layout frame, page loading method, device, equipment and storage medium |
| CN113157741A (en) * | 2021-04-26 | 2021-07-23 | 上海淇馥信息技术有限公司 | Service state visualization method and device based on dimension conversion and electronic equipment |
| CN113157741B (en) * | 2021-04-26 | 2023-04-07 | 上海淇馥信息技术有限公司 | Service state visualization method and device based on dimension conversion and electronic equipment |
| CN113590111A (en) * | 2021-07-19 | 2021-11-02 | 郭睿 | Implementation method of high-configurable low-code development platform based on card assembly |
| CN114546384A (en) * | 2022-02-24 | 2022-05-27 | 盐城金堤科技有限公司 | Page display system, page display method, readable storage medium and electronic equipment |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110096279A (en) | A kind of user interface design system and method | |
| CN103838875A (en) | Information collecting system based on two-dimensional bar code and method of information collecting system | |
| CN201336138Y (en) | Text reading device | |
| CN110287247A (en) | Date storage method, device, equipment and storage medium based on Unionpay's system | |
| CN105847108A (en) | Method and apparatus for communication between containers | |
| CN106934442A (en) | A kind of barcode scanning collects the method and system of electronic invoice | |
| CN109740847A (en) | Production information processing method, system and computer equipment | |
| CN102054190A (en) | Smart card, card writing terminal and method for card personalization over the air | |
| CN104202328B (en) | A kind of method, configuration module and the subscription end of subscription GOOSE/SMV messages | |
| CN110334101A (en) | Method, apparatus, system and the server of processing and transmission order data | |
| CN109271448A (en) | It is the data synchronous system and method for platform based on database | |
| US8864031B1 (en) | Remote management of a barcode reader | |
| CN106682899A (en) | Method for confirming online transaction safety through mobile phone and system thereof | |
| CN101976328B (en) | System and method for collecting exhibition data as well as mobile terminal and data server thereof | |
| CN106683214A (en) | Method and device for acquiring attendance verification data | |
| CN204948264U (en) | A kind of device gathering graph text information from isolated Network Synchronization | |
| KR101546328B1 (en) | Method for providing text ars service, method and server for providing message ars development tool, and xml generation method | |
| CN202512666U (en) | Hand-held wireless pos terminal with printing function | |
| CN104994493A (en) | Method, robot and system for opening an account with real-name system | |
| CN109413355A (en) | A kind of method and terminal device for quickly transferring monitoring video | |
| CN207603690U (en) | A kind of power matching network acceptance of work data capture management complete set of equipments | |
| CN108171094A (en) | A kind of hand-held identity verification terminal based on Android platform | |
| CN102073693A (en) | XML-based data communication method and system | |
| EP2330520A1 (en) | Method for data model description in large-scale information exchange and processing | |
| CN106315320A (en) | Intelligent ID recognition elevator control system and control method |
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 | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190806 |