CN111367523A - 一种小程序动态ui匹配方法及系统 - Google Patents
一种小程序动态ui匹配方法及系统 Download PDFInfo
- Publication number
- CN111367523A CN111367523A CN202010183809.8A CN202010183809A CN111367523A CN 111367523 A CN111367523 A CN 111367523A CN 202010183809 A CN202010183809 A CN 202010183809A CN 111367523 A CN111367523 A CN 111367523A
- Authority
- CN
- China
- Prior art keywords
- panel
- dynamic
- applet
- function point
- matching method
- 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
- 238000000034 method Methods 0.000 title claims abstract description 44
- 230000003993 interaction Effects 0.000 claims abstract description 7
- 230000006870 function Effects 0.000 claims description 33
- 238000004590 computer program Methods 0.000 claims description 13
- 238000012545 processing Methods 0.000 claims description 6
- 230000009286 beneficial effect Effects 0.000 abstract description 3
- 238000011161 development Methods 0.000 abstract description 3
- 238000009877 rendering Methods 0.000 abstract description 3
- 238000010586 diagram Methods 0.000 description 5
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 230000008859 change Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
Images
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
-
- 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/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44505—Configuring for program initiating, e.g. using registry, configuration files
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了一种小程序动态UI匹配方法，包括：设置设备的功能点及所述功能点的数据类型；在面板的配置平台配置好面板相关的功能点及配置信息；根据所述功能点的所述数据类型选择相应的组件；及绘制面板。与现有技术相比，本申请具有如下有益效果：面板能够进行统一的交互与UI；用户可以自动绘制，免开发；且用户可以自己配置；新接入的面板，不需要格外的人去接入。在页面刚进入前因为需要去获取UI的配置和做动态渲染，刚进入有可能会卡顿，但是目前从市面上大部分手机上测试看，并无卡顿现象。
Description
技术领域
本申请涉及物联网领域，具体而言，涉及一种小程序动态UI匹配方法。
背景技术
目前现有的小程序面板，大都是基于设计稿做定制的UI(用户界面)，耗时费力，改动麻烦，而且没法统一化，需求一有变更，就需要修改底层代码，如果随着IOT小程序面板的增加，也只能增加开发人员来满足业务上的需求。
发明内容
本申请的主要目的在于提供一种小程序动态UI匹配方法，其特征在于，包括：
设置设备的功能点及所述功能点的数据类型；
在面板的配置平台配置好面板相关的功能点及配置信息；
根据所述功能点的所述数据类型选择相应的组件；及
绘制面板。
可选地，小程序动态UI匹配方法中，所述数据类型定义相关所述功能点的交互。
可选地，小程序动态UI匹配方法中，所述配置信息包括：背景色、每个所述功能点的尺寸及图标。
可选地，小程序动态UI匹配方法中，所述功能点类型包括：布尔型、枚举型及数值型。
可选地，小程序动态UI匹配方法中，保存时将相关信息保存到数据库，并以uiid为唯一键值。
可选地，小程序动态UI匹配方法中，所述组件中，根据每个功能具体的所述配置信息渲染并显示。
根据本申请的另一方面，还提供了一种小程序动态UI匹配系统，包括：
设置模块，用于设置设备的功能点及所述功能点的数据类型；
配置模块，用于在面板的配置平台配置好面板相关的功能点及配置信息；
选择模块，用于根据所述功能点的所述数据类型选择相应的组件；及
绘制模块，用于绘制面板。
本申请还公开了一种计算机设备，包括存储器、处理器和存储在所述存储器内并能由所述处理器运行的计算机程序，所述处理器执行所述计算机程序时实现上述任一项所述的方法。
本申请还公开了一种计算机可读存储介质，非易失性可读存储介质，其内存储有计算机程序，所述计算机程序在由处理器执行时实现上述任一项所述的方法。
本申请还公开了一种计算机程序产品，包括计算机可读代码，当所述计算机可读代码由计算机设备执行时，导致所述计算机设备执行上述任一项所述的方法。
与现有技术相比，本申请具有如下有益效果：
面板能够进行统一的交互与UI；用户可以自动绘制，免开发；且用户可以自己配置；新接入的面板，不需要格外的人去接入。
在页面刚进入前因为需要去获取UI的配置和做动态渲染，刚进入有可能会卡顿，但是目前从市面上大部分手机上测试看，并无卡顿现象。
附图说明
构成本申请的一部分的附图用来提供对本申请的进一步理解，使得本申请的其它特征、目的和有益效果变得更明显。本申请的示意性实施例附图及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：
图1是根据本申请一个实施例的小程序动态UI匹配方法的流程示意图；
图2是根据本申请一个实施例的小程序动态UI匹配方法的界面示意图；
图3是根据本申请一个实施例的小程序动态UI匹配方法的界面示意图；
图4是根据本申请一个实施例的计算机设备的示意图；以及
图5是根据本申请一个实施例的计算机可读存储介质的示意图。
具体实施方式
为了使本技术领域的人员更好地理解本申请方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分的实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本申请保护的范围。
需要说明的是，本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。
请参照图1-图3，本申请一实施例提供了一种小程序动态UI匹配方法，包括：
S2：设置设备的功能点及所述功能点的数据类型；
S4：在面板的配置平台配置好面板相关的功能点及配置信息；
S6：根据所述功能点的所述数据类型选择相应的组件；及
S8：绘制面板。
基于小程序的动态UI匹配方法，用户刚进入小程序面板时，获取设备信息和对应的uiid；然后去数据库中检索是否存在与设备ID信息匹配的UI数据；根据获取到的UI数据，对数据根据功能点数据类型和UI数据相匹配，确定UI的显示与交互并绘制；若未检索到UI数据，则显示暂无可用的UI。本发明在微信小程序平台实现UI产品与硬件相互匹配，匹配的方法和匹配的效率较高，且微信小程序大小不会随着硬件产品的增加而增加。
在本申请一实施例中，小程序动态UI匹配方法中，所述数据类型定义相关所述功能点的交互。
在本申请一实施例中，小程序动态UI匹配方法中，所述配置信息包括：背景色、每个所述功能点的尺寸及图标。
在本申请一实施例中，小程序动态UI匹配方法中，所述功能点类型包括：布尔型、枚举型及数值型。
在本申请一实施例中，小程序动态UI匹配方法中，保存时将相关信息保存到数据库，并以uiid为唯一键值。
在本申请一实施例中，小程序动态UI匹配方法中，所述组件中，根据每个功能具体的所述配置信息渲染并显示。
本申请还提供了一种小程序动态UI匹配系统，包括：
设置模块，用于设置设备的功能点及所述功能点的数据类型；
配置模块，用于在面板的配置平台配置好面板相关的功能点及配置信息；
选择模块，用于根据所述功能点的所述数据类型选择相应的组件；及
绘制模块，用于绘制面板。
与现有技术相比，本申请具有如下有益效果：
面板能够进行统一的交互与UI；用户可以自动绘制，免开发；且用户可以自己配置；新接入的面板，不需要格外的人去接入。
在页面刚进入前因为需要去获取UI的配置和做动态渲染，刚进入有可能会卡顿，但是目前从市面上大部分手机上测试看，并无卡顿现象。
请参照图4，本申请还提供了一种计算机设备，包括存储器、处理器和存储在所述存储器内并能由所述处理器运行的计算机程序，所述处理器执行所述计算机程序时实现上述任一项所述的方法。
请参照图5，一种计算机可读存储介质，非易失性可读存储介质，其内存储有计算机程序，所述计算机程序在由处理器执行时实现上述任一项所述的方法。
一种计算机程序产品，包括计算机可读代码，当所述计算机可读代码由计算机设备执行时，导致所述计算机设备执行上述任一项所述的方法。
显然，本领域的技术人员应该明白，上述的本发明的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本发明不限制于任何特定的硬件和软件结合。
以上所述仅为本申请的优选实施例而已，并不用于限制本申请，对于本领域的技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。
Claims (10)
1.一种小程序动态UI匹配方法，其特征在于，包括：
设置设备的功能点及所述功能点的数据类型；
在面板的配置平台配置好面板相关的功能点及配置信息；
根据所述功能点的所述数据类型选择相应的组件；及
绘制面板。
2.根据权利要求1所述的小程序动态UI匹配方法，其特征在于，所述数据类型定义相关所述功能点的交互。
3.根据权利要求2所述的小程序动态UI匹配方法，其特征在于，所述配置信息包括：背景色、每个所述功能点的尺寸及图标。
4.根据权利要求3所述的小程序动态UI匹配方法，其特征在于，所述功能点类型包括：布尔型、枚举型及数值型。
5.根据权利要求4所述的小程序动态UI匹配方法，其特征在于，保存时将相关信息保存到数据库，并以uiid为唯一键值。
6.根据权利要求5所述的小程序动态UI匹配方法，其特征在于，所述组件中，根据每个功能具体的所述配置信息渲染并显示。
7.一种小程序动态UI匹配系统，其特征在于，包括：
设置模块，用于设置设备的功能点及所述功能点的数据类型；
配置模块，用于在面板的配置平台配置好面板相关的功能点及配置信息；
选择模块，用于根据所述功能点的所述数据类型选择相应的组件；及
绘制模块，用于绘制面板。
8.一种计算机设备，包括存储器、处理器和存储在所述存储器内并能由所述处理器运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现如权利要求1-6中任一项所述的方法。
9.一种计算机可读存储介质，非易失性可读存储介质，其内存储有计算机程序，其特征在于，所述计算机程序在由处理器执行时实现如权利要求1-6中任一项所述的方法。
10.一种计算机程序产品，包括计算机可读代码，其特征在于，当所述计算机可读代码由计算机设备执行时，导致所述计算机设备执行权利要求1-6中任一项所述的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010183809.8A CN111367523A (zh) | 2020-03-16 | 2020-03-16 | 一种小程序动态ui匹配方法及系统 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010183809.8A CN111367523A (zh) | 2020-03-16 | 2020-03-16 | 一种小程序动态ui匹配方法及系统 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111367523A true CN111367523A (zh) | 2020-07-03 |
Family
ID=71208902
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010183809.8A Pending CN111367523A (zh) | 2020-03-16 | 2020-03-16 | 一种小程序动态ui匹配方法及系统 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111367523A (zh) |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20150121335A1 (en) * | 2013-10-31 | 2015-04-30 | International Business Machines Corporation | Consolidating and reusing portal information |
| CN105306675A (zh) * | 2015-09-14 | 2016-02-03 | 杭州古北电子科技有限公司 | 一种跨平台动态ui匹配方法 |
| CN106327550A (zh) * | 2016-08-18 | 2017-01-11 | 乐视控股（北京）有限公司 | 浏览器主页推荐网站的图标生成方法及装置 |
| CN107025037A (zh) * | 2016-02-02 | 2017-08-08 | 腾讯科技（深圳）有限公司 | 一种智能设备的控制方法及装置 |
| CN109086053A (zh) * | 2018-07-05 | 2018-12-25 | 杭州涂鸦信息技术有限公司 | 一种动态选择、加载app设备控制面板ui页面和方法 |
| CN109144506A (zh) * | 2018-07-05 | 2019-01-04 | 杭州涂鸦信息技术有限公司 | 一种可配置的ui界面生成方法 |
| CN110673494A (zh) * | 2019-09-19 | 2020-01-10 | 北京金茂绿建科技有限公司 | 一种控制页面生成方法、装置、终端和存储介质 |
| CN110727431A (zh) * | 2019-09-17 | 2020-01-24 | 阿里巴巴集团控股有限公司 | 小程序生成方法以及装置 |
-
2020
- 2020-03-16 CN CN202010183809.8A patent/CN111367523A/zh active Pending
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20150121335A1 (en) * | 2013-10-31 | 2015-04-30 | International Business Machines Corporation | Consolidating and reusing portal information |
| CN105306675A (zh) * | 2015-09-14 | 2016-02-03 | 杭州古北电子科技有限公司 | 一种跨平台动态ui匹配方法 |
| CN107025037A (zh) * | 2016-02-02 | 2017-08-08 | 腾讯科技（深圳）有限公司 | 一种智能设备的控制方法及装置 |
| CN106327550A (zh) * | 2016-08-18 | 2017-01-11 | 乐视控股（北京）有限公司 | 浏览器主页推荐网站的图标生成方法及装置 |
| CN109086053A (zh) * | 2018-07-05 | 2018-12-25 | 杭州涂鸦信息技术有限公司 | 一种动态选择、加载app设备控制面板ui页面和方法 |
| CN109144506A (zh) * | 2018-07-05 | 2019-01-04 | 杭州涂鸦信息技术有限公司 | 一种可配置的ui界面生成方法 |
| CN110727431A (zh) * | 2019-09-17 | 2020-01-24 | 阿里巴巴集团控股有限公司 | 小程序生成方法以及装置 |
| CN110673494A (zh) * | 2019-09-19 | 2020-01-10 | 北京金茂绿建科技有限公司 | 一种控制页面生成方法、装置、终端和存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103744659B (zh) | 一种卡片式管理应用入口的方法和设备 | |
| CN109358851A (zh) | 图表组件的创建方法、装置及计算机可读存储介质 | |
| WO2017114116A1 (zh) | 一种管理终端应用程序的功能图标的方法及装置、设备 | |
| CN105867734A (zh) | 一种移动设备上资源入口的显示方法、装置及移动设备 | |
| CN109408136A (zh) | 信息处理方法、装置、存储介质及电子设备 | |
| US20120079009A1 (en) | Method and apparatus for choosing resources based on context and inheritance | |
| CN110941614A (zh) | 表单生成方法、装置、电子设备及计算机可读存储介质 | |
| CN110007986A (zh) | 功能实现方法及装置 | |
| CN107908442A (zh) | 基于spring的资源加载方法、装置、终端设备及计算机可读存储介质 | |
| CN112199561A (zh) | 应用搜索方法和装置 | |
| CN105959474A (zh) | 一种短信编辑方法和终端 | |
| CN108133088B (zh) | Cad设计模型的自适应创建方法及系统 | |
| CN110333859B (zh) | 页面创建方法、装置、电子设备和计算机可读存储介质 | |
| CN110083685B (zh) | 用于意图识别的数据配置方法及装置 | |
| CN112286616A (zh) | 动态壁纸设置方法、装置及电子设备 | |
| CN112579664A (zh) | 图表联动的处理方法和装置 | |
| CN111367523A (zh) | 一种小程序动态ui匹配方法及系统 | |
| CN114816389A (zh) | 一种基于元模型的管理系统搭建方法、装置、设备及介质 | |
| CN106293363A (zh) | 一种内容显示方法、装置及终端 | |
| CN115291773A (zh) | 树形结构数据展示方法及装置 | |
| CN112162731B (zh) | 数据扩展方法、装置、存储介质及电子装置 | |
| CN112748833B (zh) | 一种界面展示方法、装置及计算机可读介质 | |
| US20140143734A1 (en) | Business object explorer | |
| CN109561146A (zh) | 文件下载方法、装置、终端设备 | |
| CN108549561A (zh) | 属性展示方法及装置、计算机装置和计算机可读存储介质 |
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: 20200703 |