CN110096279A - 一种用户界面设计***及方法 - Google Patents
一种用户界面设计***及方法 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
本发明公开了一种用户界面设计***及方法,其中用户界面设计***包括基础数据库、列表容器、设置单元和卡片式引擎,卡片式引擎包括转换单元、业务数据库和内置适配器,转换单元用于根据转换规则将基础数据库中的基础数据转换为业务数据,并将其发送至业务数据库;业务数据库用于将业务数据发送至内置适配器;内置适配器用于接收业务数据和界面模型,并结合二者,依据展示规则,生成界面展示信息并输送至用户界面展示;设置单元用于设置转换规则及展示规则。本发明将基础数据和业务数据分离,研发时无适配器,研发人员面向数据编程,从而实现研发人员配置化界面框架,降低业务逻辑耦合和研发维护成本,防止重复造轮子,提高研发效率,易扩展。
Description
技术领域
本发明属于移动端技术领域,特别涉及一种用户界面设计***及方法。
背景技术
现有技术中,如图1所示,应用在不同界面都需要重新定义一个适配器类型,从而需要单独维护其所对应的界面;应用在同一个界面不同列表需要重新定义一个适配器类型,从而需要单独维护其所对应的界面;同一个界面不同数据需要单独对数据进行转换,导致多重业务逻辑耦合。
针对不同数据、不同活动界面、不同列表容器,研发人员都需要维护一份或者多份适配器及其过对应的各个类型的界面,一方面导致研发维护成本过高,另一方面导致相同类型的界面在跨活动界面或者跨数据的情况下不能被重复使用。
例如:
A、在频道页、片库页,现有的技术要求研发人员针对每个列表容器都需要定义或者分别实现各自适配器,并且对这些适配器所定义的界面类型进行维护。
B、在频道页,此时需要增加界面模板类型,但是这个界面模版类型已经在搜索结果页面已经定义了,频道页需要实现这套界面模板时,就需要重新在频道页的适配器定义它,然而本质上它和搜索结果页是一个东西,造成重复造轮子。
C、在频道页,列表数据可能由多个不同业务接口下发回来,他们各自下发的数据模型不一样,但是他们又使用同一套界面,造成业务逻辑耦合。
发明内容
本发明的目的在于,针对上述现有技术的不足,提供一种用户界面设计***及方法,将基础数据和业务数据分离,研发时无适配器,研发人员面向数据编程,从而实现研发人员配置化界面框架,降低业务逻辑耦合,降低研发维护成本,防止重复造轮子,提高研发效率,易扩展。
为解决上述技术问题,本发明所采用的技术方案是:
一种用户界面设计***,包括基础数据库和列表容器,其中基础数据库用于接收外部数据,列表容器中具有界面模型;其特点是还包括设置单元和卡片式引擎,所述卡片式引擎包括转换单元、业务数据库和内置适配器,其中:
转换单元:用于根据转换规则将基础数据库中的基础数据转换为对应的业务数据,并将业务数据发送至业务数据库;
业务数据库:用于接收转换单元发送的业务数据,并将业务数据发送至内置适配器;
内置适配器:用于接收业务数据库发送的业务数据,以及接收列表容器发送的界面模型,并结合业务数据和界面模型,依据展示规则,生成界面展示信息并输送至用户界面展示;
设置单元:用于设置转换规则及展示规则。
进一步地,所述设置单元还用于对卡片式引擎设置唯一标记。
基于同一个发明构思,本发明还提供了一种用户界面设计方法,其特点是包括:
步骤A,基础数据库接收外部数据;
其特征在于,
在步骤A之前还包括步骤A1,通过设置单元在转换单元内设置转换规则,在内置适配器内设置展示规则;
在步骤A之后还包括:
步骤B,转换单元接收基础数据库发送的基础数据,并根据转换规则将基础数据转换为对应的业务数据,并将业务数据发送至业务数据库;
步骤C,业务数据库接收转换单元发送的业务数据,并将业务数据发送至内置适配器;
步骤D,业务数据根据设置单元匹配界面模型并发送至内置适配器;
步骤E,内置适配器结合接收到的业务数据和界面模型,依据展示规则,生成界面展示信息并输送至用户界面展示。
作为一种优选方式优选方式,所述外部数据来源于客户端本地数据库或服务器端。
进一步地,还包括通过设置单元对卡片式引擎设置唯一标记。
与现有技术相比,本发明将基础数据和业务数据分离,研发时无适配器,研发人员面向数据编程,从而实现研发人员配置化界面框架,降低业务逻辑耦合,降低研发维护成本,防止重复造轮子,提高研发效率,易扩展。
附图说明
图1为现有技术中用户界面设计***原理图。
图2为本发明中用户界面设计***原理图。
图3为卡片式引擎原理图。
具体实施方式
如图2至图3所示,用户界面设计***包括基础数据库和列表容器,其中基础数据库用于接收外部数据,列表容器中具有界面模型;其特点是还包括设置单元和卡片式引擎,所述卡片式引擎包括转换单元、业务数据库和内置适配器,其中:
转换单元:用于根据转换规则将基础数据库中的基础数据转换为对应的业务数据,并将业务数据发送至业务数据库;
业务数据库:用于接收转换单元发送的业务数据,并将业务数据发送至内置适配器;
内置适配器:用于接收业务数据库发送的业务数据,以及接收列表容器发送的界面模型,并结合业务数据和界面模型,依据展示规则,生成界面展示信息并输送至用户界面展示;
设置单元:用于设置转换规则及展示规则,还用于对卡片式引擎设置唯一标记。
本发明还提供了一种用户界面设计方法,包括以下步骤:
步骤A1,研发人员配置卡片式引擎,即:通过设置单元在转换单元内设置转换规则,在内置适配器内设置展示规则;通过设置单元设置卡片式引擎的类型,对卡片式引擎设置唯一标记。
步骤A,基础数据库接收外部数据,其中外部数据来源于客户端本地数据库或服务器端。
步骤B,外部传入需要展示视图的列表容器,列表容器将界面模型发送至内置适配器。
步骤C,转换单元接收基础数据库发送的基础数据,并根据转换规则将基础数据转换为对应的业务数据,使得基础数据模型和业务数据模型分离,到此数据模型封装已经完成,并将业务数据发送至业务数据库。
步骤D,业务数据库接收转换单元发送的业务数据,并将业务数据发送至内置适配器。
步骤E,内置适配器结合接收到的业务数据和界面模型,依据展示规则,生成界面展示信息并输送至用户界面展示,实现向用户展示不同风格的界面。
综上,本发明的卡片式引擎从外部受到对应的数据以及数据对应的类型后,根据数据类型将基础数据转换为对应的业务数据并形成数据列表,卡片式引擎的内置适配器通过业务数据列表找到对应的界面,并呈现给用户。
在频道页、片库页,研发人员只需要将这两个页面的基础数据转换成业务数据,卡片式引擎的内部适配器通过研发人员配置的展示规则,将经过处理的界面展示给用户,研发人员只需要关心外来数据以及卡片式引擎的配置。
在频道页,研发人员只需要将下发数据转换为对应的卡片类型的业务数据,每个卡片界面均只需要配置一次,应用中任何界面中都可以通用,即,一次配置,项目通用。
在频道页,研发人员只需要将不同业务接口下发的数据转换为对应的卡片类型的业务数据,卡片式引擎的内部适配器就可以将对应的卡片界面呈现给用户。
上面结合附图对本发明的实施例进行了描述,但是本发明并不局限于上述的具体实施方式,上述的具体实施方式仅仅是示意性的,而不是局限性的,本领域的普通技术人员在本发明的启示下,在不脱离本发明宗旨和权利要求所保护的范围情况下,还可做出很多形式,这些均属于本发明的保护范围之内。
Claims (5)
1.一种用户界面设计***,包括基础数据库和列表容器,其中基础数据库用于接收外部数据,列表容器中具有界面模型;其特征在于,还包括设置单元和卡片式引擎,所述卡片式引擎包括转换单元、业务数据库和内置适配器,其中:
转换单元:用于根据转换规则将基础数据库中的基础数据转换为对应的业务数据,并将业务数据发送至业务数据库;
业务数据库:用于接收转换单元发送的业务数据,并将业务数据发送至内置适配器;
内置适配器:用于接收业务数据库发送的业务数据,以及接收列表容器发送的界面模型,并结合业务数据和界面模型,依据展示规则,生成界面展示信息并输送至用户界面展示;
设置单元:用于设置转换规则及展示规则。
2.如权利要求1所述的用户界面设计***,其特征在于,所述设置单元还用于对卡片式引擎设置唯一标记。
3.一种用户界面设计方法,其特征在于,包括:
步骤A,基础数据库接收外部数据;
其特征在于,
在步骤A之前还包括步骤A1,通过设置单元在转换单元内设置转换规则,在内置适配器内设置展示规则;
在步骤A之后还包括:
步骤B,转换单元接收基础数据库发送的基础数据,并根据转换规则将基础数据转换为对应的业务数据,并将业务数据发送至业务数据库;
步骤C,业务数据库接收转换单元发送的业务数据,并将业务数据发送至内置适配器;
步骤D,业务数据根据设置单元匹配界面模型并发送至内置适配器;
步骤E,内置适配器结合接收到的业务数据和界面模型,依据展示规则,生成界面展示信息并输送至用户界面展示。
4.如权利要求3所述的用户界面设计方法,其特征在于,所述外部数据来源于客户端本地数据库或服务器端。
5.如权利要求3所述的用户界面设计方法,其特征在于,还包括通过设置单元对卡片式引擎设置唯一标记。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910383835.2A CN110096279A (zh) | 2019-05-08 | 2019-05-08 | 一种用户界面设计***及方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910383835.2A CN110096279A (zh) | 2019-05-08 | 2019-05-08 | 一种用户界面设计***及方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110096279A true CN110096279A (zh) | 2019-08-06 |
Family
ID=67447394
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910383835.2A Pending CN110096279A (zh) | 2019-05-08 | 2019-05-08 | 一种用户界面设计***及方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110096279A (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112711728A (zh) * | 2020-12-31 | 2021-04-27 | 百果园技术(新加坡)有限公司 | 页面布局框架、页面加载方法、装置、设备及存储介质 |
CN113157741A (zh) * | 2021-04-26 | 2021-07-23 | 上海淇馥信息技术有限公司 | 基于维度转换的业务状态可视化方法、装置和电子设备 |
CN113590111A (zh) * | 2021-07-19 | 2021-11-02 | 郭睿 | 一种基于卡片组件的高可配置的低代码开发平台的实现方法 |
CN114546384A (zh) * | 2022-02-24 | 2022-05-27 | 盐城金堤科技有限公司 | 页面展示***、方法、可读存储介质及电子设备 |
Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102567027A (zh) * | 2011-12-28 | 2012-07-11 | 用友软件股份有限公司 | 界面框架构建***和界面框架构建方法 |
CN103927174A (zh) * | 2014-04-17 | 2014-07-16 | 北京视博数字电视科技有限公司 | 业务处理方法和装置 |
CN104731589A (zh) * | 2015-03-12 | 2015-06-24 | 用友网络科技股份有限公司 | 用户界面的自动生成方法及自动生成装置 |
CN105023139A (zh) * | 2015-07-03 | 2015-11-04 | 武汉开目信息技术有限责任公司 | 一种企业质量数据现场采集方法和装置 |
CN105354013A (zh) * | 2014-08-18 | 2016-02-24 | 阿里巴巴集团控股有限公司 | 应用界面渲染方法及装置 |
CN105843619A (zh) * | 2016-03-24 | 2016-08-10 | 株洲中车时代电气股份有限公司 | 一种实现列车显示器显示界面动态配置的方法 |
CN107145357A (zh) * | 2017-05-09 | 2017-09-08 | 武汉斗鱼网络科技有限公司 | 页面逻辑控制方法及装置 |
CN107729005A (zh) * | 2017-10-12 | 2018-02-23 | 福建富士通信息软件有限公司 | 一种基于h5的可视化业务界面动态配置方法 |
CN109634608A (zh) * | 2018-12-17 | 2019-04-16 | 江苏满运软件科技有限公司 | 界面动态生成方法、***、设备以及介质 |
-
2019
- 2019-05-08 CN CN201910383835.2A patent/CN110096279A/zh active Pending
Patent Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102567027A (zh) * | 2011-12-28 | 2012-07-11 | 用友软件股份有限公司 | 界面框架构建***和界面框架构建方法 |
CN103927174A (zh) * | 2014-04-17 | 2014-07-16 | 北京视博数字电视科技有限公司 | 业务处理方法和装置 |
CN105354013A (zh) * | 2014-08-18 | 2016-02-24 | 阿里巴巴集团控股有限公司 | 应用界面渲染方法及装置 |
CN104731589A (zh) * | 2015-03-12 | 2015-06-24 | 用友网络科技股份有限公司 | 用户界面的自动生成方法及自动生成装置 |
CN105023139A (zh) * | 2015-07-03 | 2015-11-04 | 武汉开目信息技术有限责任公司 | 一种企业质量数据现场采集方法和装置 |
CN105843619A (zh) * | 2016-03-24 | 2016-08-10 | 株洲中车时代电气股份有限公司 | 一种实现列车显示器显示界面动态配置的方法 |
CN107145357A (zh) * | 2017-05-09 | 2017-09-08 | 武汉斗鱼网络科技有限公司 | 页面逻辑控制方法及装置 |
CN107729005A (zh) * | 2017-10-12 | 2018-02-23 | 福建富士通信息软件有限公司 | 一种基于h5的可视化业务界面动态配置方法 |
CN109634608A (zh) * | 2018-12-17 | 2019-04-16 | 江苏满运软件科技有限公司 | 界面动态生成方法、***、设备以及介质 |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112711728A (zh) * | 2020-12-31 | 2021-04-27 | 百果园技术(新加坡)有限公司 | 页面布局框架、页面加载方法、装置、设备及存储介质 |
CN112711728B (zh) * | 2020-12-31 | 2024-02-09 | 百果园技术(新加坡)有限公司 | 页面布局框架、页面加载方法、装置、设备及存储介质 |
CN113157741A (zh) * | 2021-04-26 | 2021-07-23 | 上海淇馥信息技术有限公司 | 基于维度转换的业务状态可视化方法、装置和电子设备 |
CN113157741B (zh) * | 2021-04-26 | 2023-04-07 | 上海淇馥信息技术有限公司 | 基于维度转换的业务状态可视化方法、装置和电子设备 |
CN113590111A (zh) * | 2021-07-19 | 2021-11-02 | 郭睿 | 一种基于卡片组件的高可配置的低代码开发平台的实现方法 |
CN114546384A (zh) * | 2022-02-24 | 2022-05-27 | 盐城金堤科技有限公司 | 页面展示***、方法、可读存储介质及电子设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110096279A (zh) | 一种用户界面设计***及方法 | |
CN201336138Y (zh) | 一种文本朗读设备 | |
CN105913233A (zh) | 适用于应用客户端支付的sdk处理方法 | |
CN106569806A (zh) | 一种实现bios自适应分配pcie带宽的方法、bios及主板 | |
CN104199625B (zh) | 一种将打印数据转换输出的方法、装置及*** | |
CN106934442A (zh) | 一种扫码收取电子***的方法与*** | |
CN110147361A (zh) | 大数据环境下实现主数据编码规则维护功能的***及其方法 | |
CN104202328B (zh) | 一种订阅goose/smv报文的方法、配置模块及订阅端 | |
CN108038775A (zh) | 一种大型企业财务管理方法及*** | |
US8864031B1 (en) | Remote management of a barcode reader | |
CN108804457B (zh) | 数据同步和处理方法及装置、电子设备和计算机可读介质 | |
CN106682899A (zh) | 一种通过手机确认网上交易安全的方法及其*** | |
CN105023217A (zh) | 一种医疗信息平台的ihe网关及医疗信息处理方法 | |
CN108551440B (zh) | 一种动态采集数据并生成制卡文件的*** | |
CN104243597A (zh) | 一种基于wlan环境下的名片发放收集***及方法 | |
CN109285093A (zh) | 一种社区应用集成平台 | |
CN204948264U (zh) | 一种从相隔离网络同步采集图文信息的装置 | |
CN202512666U (zh) | 具有打印功能的手持无线pos终端 | |
CN109586979A (zh) | 一种报文传输方法及装置 | |
CN207603690U (zh) | 一种电力配网工程验收数据采集管理成套设备 | |
CN107679210A (zh) | 一种报表数据交换方法、装置及*** | |
CN103295037A (zh) | 新农合参合身份信息校验方法 | |
EP2330520A1 (en) | Method for data model description in large-scale information exchange and processing | |
CN106682207A (zh) | 查找航线的方法及装置 | |
CN102306037A (zh) | 一种pda扩展*** |
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 |