CN112256257A - 界面构造方法、可读存储介质和电子设备 - Google Patents
界面构造方法、可读存储介质和电子设备 Download PDFInfo
- Publication number
- CN112256257A CN112256257A CN202011140013.0A CN202011140013A CN112256257A CN 112256257 A CN112256257 A CN 112256257A CN 202011140013 A CN202011140013 A CN 202011140013A CN 112256257 A CN112256257 A CN 112256257A
- Authority
- CN
- China
- Prior art keywords
- user
- interface
- function point
- data model
- construction
- 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
- 238000010276 construction Methods 0.000 title claims abstract description 71
- 238000013499 data model Methods 0.000 claims abstract description 88
- 238000007726 management method Methods 0.000 claims abstract description 82
- 238000000034 method Methods 0.000 claims abstract description 35
- 230000000694 effects Effects 0.000 claims description 10
- 230000003993 interaction Effects 0.000 abstract description 5
- 238000012800 visualization Methods 0.000 abstract description 4
- 238000010586 diagram Methods 0.000 description 8
- 230000008569 process Effects 0.000 description 6
- 238000011161 development Methods 0.000 description 5
- 230000005540 biological transmission Effects 0.000 description 4
- 230000000007 visual effect Effects 0.000 description 3
- 238000012356 Product development Methods 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000009430 construction management Methods 0.000 description 1
- 230000004438 eyesight Effects 0.000 description 1
- 210000001503 joint Anatomy 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000011017 operating method Methods 0.000 description 1
- 238000012827 research and development Methods 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 230000004382 visual function 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/34—Graphical or visual programming
-
- 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)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明实施例提出界面构造方法、可读存储介质和电子设备。方法包括:接收用户输入的用户接口UI界面构造请求,在显示屏上生成构造界面,并在显示屏上生成管理界面,该管理界面用于提供UI界面构造模板,该模板包括:构造UI界面所需的元素选项,所述元素选项包括:界面选项和控件选项;检测用户在管理界面上选择的元素选项,将用户选择的元素选项添加到UI数据模型中,检测用户设置的元素选项在构造界面上的布局,将用户设置的元素选项在构造界面上的布局信息添加到UI数据模型中;以用于根据所述UI数据模型生成UI界面。本发明实施例能够根据用户的个性化需求自动、快速地构造UI界面的可视化功能和操作交互功能。
Description
技术领域
本发明涉及产品开发技术领域,尤其涉及界面构造方法、可读存储介质和电子设备。
背景技术
目前,物联网行业中每个功能都需要多端合作开发,每一个功能都需要进行产品-设计-设备开发-服务开发-客户端开发的多端联调。在生成应用程序(APP)界面时,都是采用编译器自带的可视化图形编辑,只能生成UI(User Interface,用户接口)视觉和功能,并需要开发者根据实际场景编写界面功能。这样场景发生变化了,就需要重新编写界面功能,效率很低且人工成本很高。
发明内容
本发明实施例提出界面构造方法、可读存储介质和电子设备,以实现自动、快速地构造个性化界面。
本发明实施例的技术方案是这样实现的:
一种界面构造方法,该方法包括:
接收用户输入的用户接口UI界面构造请求,在显示屏上生成构造界面,并在显示屏上生成管理界面,该管理界面用于提供UI界面构造模板,该模板包括:构造UI界面所需的元素选项,所述元素选项包括:界面选项和控件选项;
检测用户在管理界面上选择的元素选项,将用户选择的元素选项添加到UI数据模型中,检测用户设置的元素选项在构造界面上的布局,将用户设置的元素选项在构造界面上的布局信息添加到UI数据模型中;以用于根据所述UI数据模型生成UI界面。
所述检测用户在管理界面上选择的元素选项包括:
检测到用户在所述管理界面上操作了创建界面选项,则为用户提供界面名称输入入口,并为用户提供可选界面背景UI样式列表;
所述将用户选择的元素选项添加到UI数据模型中包括:
将用户输入的界面名称和用户所选择的背景UI样式ID添加到UI数据模型中。
所述元素选项包括:产品信息选项,
所述检测用户在管理界面上选择的元素选项包括:
检测用户在所述管理界面上输入了产品信息,则记录该产品信息与UI数据模型的对应关系。
所述检测用户在管理界面上选择的元素选项包括:
检测到用户在所述管理界面上操作了创建控件选项,则为用户提供实现该控件的功能点描述信息输入入口和选项以及功能点可选UI样式列表;所述功能点描述信息输入入口和选项包括:功能点名称和ID输入入口、以及可选功能点数据类型列表、功能点的数据约束信息配置入口;
所述将用户选择的元素选项添加到UI数据模型中包括:
将用户输入的实现控件的功能点名称和ID、用户选择的功能点数据类型、用户配置的功能点的数据约束信息以及用户选择的功能点UI样式ID添加到UI数据模型中;
所述检测用户设置的元素选项在构造界面上的布局包括:
检测用户将所选择的功能点UI样式拖动到所述构造界面上的位置;
所述将用户设置的元素选项在构造界面上的布局信息添加到UI数据模型中包括:
将用户将所选择的功能点UI样式拖动到所述构造界面上的位置信息添加到UI数据模型中。
所述为用户提供实现该控件的功能点描述信息输入入口和选项以及功能点可选UI样式列表之后,进一步包括:
在所述管理界面上为用户提供功能点的数据约束值的描述信息配置入口,或/和,在所述管理界面上为用户提供控件的跳转信息配置入口;
且,所述将用户输入的实现控件的功能点名称和ID、用户选择的功能点数据类型、用户配置的功能点的数据约束信息以及用户选择的功能点UI样式ID添加到UI数据模型中之后,进一步包括:
将用户配置的功能点的数据约束值的描述信息、或/和控件的跳转信息添加到所述UI数据模型中。
所述为用户提供实现该控件的功能点描述信息输入入口和选项以及功能点可选UI样式列表之后,进一步包括:
在所述管理界面上为用户提供界面之间或/和控件之间的关联关系配置入口,或/和,在所述管理界面上为用户提供界面或/和控件的的展示效果配合入口,或/和,在所述管理界面上为用户提供界面或/和控件的展示文案配置入口;
且,所述将用户输入的实现控件的功能点名称和ID、用户选择的功能点数据类型、用户配置的功能点的数据约束信息以及用户选择的功能点UI样式ID添加到UI数据模型中之后,进一步包括::
将用户配置的界面之间或/和控件之间的关联关系,或/和,用户配置的界面或/和控件的的展示效果,或/和,用户配置的界面或/和控件的展示文案添加到所述UI数据模型。
所述将用户设置的元素选项在构造界面上的布局信息添加到UI数据模型之后,进一步包括:
检测到用户对所述构造界面上的任一元素的位置进行了调整,则以该元素的新位置信息更新所述UI数据模型中记录的该元素的位置信息。
所述将用户设置的元素选项在构造界面上的布局信息添加到UI数据模型中之后,进一步包括:
接收到一客户端发来的携带产品信息的界面下载请求,则根据该产品信息查找到对应的UI数据模型,将该UI数据模型返回给客户端。
一种非瞬时计算机可读存储介质,所述非瞬时计算机可读存储介质存储指令,所述指令在由处理器执行时使得所述处理器执行如上任一项所述的界面构造方法的步骤。
一种电子设备,包括如上所述的非瞬时计算机可读存储介质、以及可访问所述非瞬时计算机可读存储介质的所述处理器。
本发明实施例通过提供UI界面构造模板,该模板包括:构造UI界面所需的元素选项,元素选项包括:界面选项和控件选项,并将用户选择的元素选项和设置的元素选项的布局添加到UI数据模型中,以根据UI数据模型生成UI界面,从而能够根据用户的个性化需求自动、快速地构造UI界面的可视化功能和操作交互功能。
附图说明
图1为本发明一实施例提供的界面构造方法流程图;
图2为本发明另一实施例提供的界面构造方法流程图;
图3为本发明实施例提供的界面构造系统的结构示意图;
图4为本发明又一实施例提供的界面构造方法流程图;
图5为本发明实施例提供的界面构造过程示意图;
图6为本发明实施例提供的UI数据模型的示例图;
图7为本发明实施例提供的UI界面生成及操作方法流程图;
图8为本发明实施例提供的电子设备的结构示意图。
具体实施方式
下面结合附图及具体实施例对本发明再作进一步详细的说明。
图1为本发明一实施例提供的界面构造方法流程图,其具体步骤如下:
步骤101:接收用户输入的UI界面构造请求,在显示屏上生成构造界面,并在显示屏上生成管理界面,该管理界面用于提供UI界面构造模板,该模板包括:构造UI界面所需的元素选项,元素选项包括:界面选项和控件选项。
构造界面和管理界面构成了整个界面构造管理界面。
步骤102:检测用户在管理界面上选择的元素选项,将用户选择的元素选项添加到UI数据模型中,检测用户设置的元素选项在构造界面上的布局,将用户设置的元素选项在构造界面上的布局信息添加到UI数据模型中;以用于根据UI数据模型生成UI界面。
上述实施例中,通过提供UI界面构造模板,该模板包括:构造UI界面所需的元素选项,元素选项包括:界面选项和控件选项,并将用户选择的元素选项和设置的元素选项的布局添加到UI数据模型中,以根据UI数据模型生成UI界面,从而能够根据用户的个性化需求自动、快速地构造UI界面的可视化功能和操作交互功能,从而可以快速生成可发布的APP,大大提高了新硬件产品接入的效率,大大缩短了产品研发周期,解耦了各端开发,把功能的开发缩减为硬件部门的独立开发发布。例如:可以快速地在EIB(EZVIZ InterfaceBuilder,EZVIZ界面生成器)上进行独立的APP版本功能自助开发发布。另外,通过UI数据模型的发布,可以对在线客户端进行实时更新。
图2为本发明另一实施例提供的界面构造方法流程图,其具体步骤如下:
步骤201:接收用户输入的UI界面构造请求,在显示屏上生成构造界面,并在显示屏上生成管理界面,该管理界面用于提供UI界面构造模板,该模板包括:构造UI界面所需的元素选项,元素选项包括:界面选项和控件选项。
步骤202:检测到用户在管理界面上操作了创建界面选项,则为用户提供界面名称输入入口,并为用户提供可选界面背景UI样式列表。
步骤203:将用户输入的界面名称和用户所选择的背景UI样式ID添加到UI数据模型中。
步骤204:检测到用户在管理界面上操作了创建控件选项,则为用户提供实现该控件的功能点描述信息输入入口和选项以及功能点可选UI样式列表;功能点描述信息输入入口和选项包括:功能点名称和ID输入入口、以及可选功能点数据类型列表、功能点的数据约束信息配置入口。
步骤205:将用户输入的实现控件的功能点名称和ID、用户选择的功能点数据类型、用户配置的功能点的数据约束信息以及用户选择的功能点UI样式ID添加到UI数据模型中。
步骤206:检测用户将所选择的功能点UI样式拖动到构造界面上的位置。
步骤207:将用户将所选择的功能点UI样式拖动到构造界面上的位置信息添加到UI数据模型中。
上述实施例中,在UI界面构造模板上提供实现控件的各种功能点的描述信息输入入口和选项,从而使得用户能够根据用户的个性化需求自动、快速地构造UI界面的完整的可视化功能和操作交互功能。
考虑到:在实际应用中,UI界面可以是产品(如:设备)的控制UI界面。可针对对不同产品的不同控制需求,构造不同的UI界面。为了区分不同的UI界面,给出如下解决方案:
一可选实施例中,元素选项包括:产品信息选项,且,步骤102中,检测用户在管理界面上选择的元素选项包括:检测到用户在管理界面上输入了产品信息,则记录该产品信息与UI数据模型的对应关系。
上述实施例中,通过在UI界面构造模板上为用户提供该界面针对的产品信息输入入口,并将用户输入的产品信息与UI数据模型关联,从而使得能够根据产品信息区分UI界面。
一可选实施例中,步骤204中,为用户提供实现该控件的功能点描述信息输入入口和选项以及功能点可选UI样式列表之后,进一步包括:在所述管理界面上为用户提供功能点的数据约束值的描述信息配置入口,或/和,在所述管理界面上为用户提供控件的跳转信息配置入口;
且,步骤205中,将用户输入的实现控件的功能点名称和ID、用户选择的功能点数据类型、用户配置的功能点的数据约束信息以及用户选择的功能点UI样式ID添加到UI数据模型中之后,进一步包括:将用户配置的功能点的数据约束值的描述信息、或/和控件的跳转信息添加到UI数据模型中。
上述实施例中,通过在UI界面构造模板上为用户提供功能点的数据约束值的描述信息配置入口,或/和控件的跳转信息配置入口,并将用户配置的功能点的数据约束值的描述信息、或/和控件的跳转信息添加到UI数据模型中,从而进一步扩展了UI界面的功能。
一可选实施例中,步骤204中,为用户提供实现该控件的功能点描述信息输入入口和选项以及功能点可选UI样式列表之后,进一步包括:在管理界面上为用户提供界面之间或/和控件之间的关联关系配置入口,或/和,在管理界面上为用户提供界面或/和控件的的展示效果配合入口,或/和,在管理界面上为用户提供界面或/和控件的展示文案配置入口;
且,步骤205中,将用户输入的实现控件的功能点名称和ID、用户选择的功能点数据类型、用户配置的功能点的数据约束信息以及用户选择的功能点UI样式ID添加到UI数据模型中之后,进一步包括:将用户配置的界面之间或/和控件之间的关联关系,或/和,界面或/和控件的的展示效果,或/和,界面或/和控件的展示文案添加到UI数据模型。
上述实施例中,通过在UI界面构造模板上为用户提供界面之间或/和控件之间的关联关系配置入口,或/和,界面或/和控件的的展示效果配合入口,或/和,界面或/和控件的展示文案配置入口,并将用户配置的界面之间或/和控件之间的关联关系,或/和,界面或/和控件的的展示效果,或/和,界面或/和控件的展示文案添加到UI数据模型中,从而进一步扩展了UI界面的功能。
一可选实施例中,步骤102中,将用户设置的元素选项在构造界面上的布局信息添加到UI数据模型之后,进一步包括:检测到用户对构造界面上的任一元素的位置进行了调整,则以该元素的新位置信息更新UI数据模型中记录的该元素的位置信息。
上述实施例,使得在构造UI界面的过程中,当用户调整了元素在UI界面上的布局时,能够及时更新UI数据模型。
步骤102之后,进一步包括:接收到一客户端发来的携带产品信息的界面下载请求,则根据该产品信息查找到对应的UI数据模型,将该UI数据模型返回给客户端。
图3为本发明实施例提供的界面构造系统的结构示意图,该系统主要包括:管理服务器、客户端和设备,其中:
管理服务器主要用于提供UI界面构造模板,并检测用户对UI界面构造模板上提供的元素选项的输入和选择动作,以及用户设置的元素选项在构造界面上的布局,并生成UI数据模型。
客户端主要用于下载UI数据模型,解析UI数据模型后生成UI界面,并检测用户对UI界面的操作,将操作信息发送给设备。
设备主要用于,对客户端发来的操作信息进行响应,并将设备的状态上报给管理服务器。
图4为本发明又一实施例提供的界面构造方法流程图,其具体步骤如下:
步骤401:预先在管理服务器上定义UI界面构造模板,该模板包括:构造UI界面所需的元素选项,元素选项包括:产品信息选项、界面选项和控件选项。
其中,产品信息选项包括:厂商名称、设备名称、设备型号等输入入口。
界面选项包括:界面名称输入入口,以及预先定义的可选界面背景UI样式列表;
控件选项包括:实现控件的功能点描述信息输入入口和选项、以及预先定义的功能点可选UI样式列表;功能点描述信息输入入口和选项包括:功能点名称和ID输入入口、以及可选功能点数据类型列表、数据传输类型选项、功能点的数据约束信息配置入口。
功能点描述信息可见下表1:
表1
步骤402:管理服务器接收外部输入的UI界面构造请求,则在显示屏上生成可视化的UI界面构造及管理界面。该可视化界面主要包括两部分:一部分是构造界面,用于构造UI界面,初始时为空白界面;另一部分是,管理界面,用于管理UI界面构造过程,该界面提供UI界面构造模板。
步骤403:管理服务器检测到用户在管理界面上输入了产品信息,则记录该产品信息,并生成UI数据模型,记录该产品信息与UI数据模型的对应关系,该UI数据模型包括:界面类模型、视图类模型、布局类模型和功能点模型。
步骤404:管理服务器检测到用户在管理界面上点击了创建主界面选项,则为用户提供设备信息输入入口、界面名称输入入口,并为用户提供可选界面背景UI样式列表。
步骤405:管理服务器检测到用户在管理界面上输入了主界面名称,则将主界面名称添加到界面类模型中,检测到用户选择了一个界面背景UI样式,则将该背景UI样式加载到空白的构造界面上,并在界面类模型中将该背景UI样式ID添加到界面类模型中。
步骤406:管理服务器检测到用户在管理界面上选择了创建控件选项,则向用户提供实现控件的功能点描述信息输入入口和选项、以及功能点可选UI样式列表。
功能点描述信息输入入口和选项包括:功能点名称和ID输入入口、以及可选功能点数据类型列表、数据传输类型选项、功能点的数据约束信息配置入口。
步骤407:管理服务器检测到用户在管理界面上输入了功能点名称和ID,则将功能点ID添加到视图类模型中,将功能点ID和名称添加到功能点模型中;检测到用户在管理界面上选择了功能点数据类型,则将用户选择的功能点数据类型添加到功能点模型中;检测到用户在管理界面上选择了数据传输类型,则将用户选择的功能点数据传输类型添加到功能点模型中;检测到用户在管理界面上配置了功能点的数据约束信息,则将用户配置的功能点的数据约束信息添加到功能点模型中。
步骤408:管理服务器检测到用户在管理界面上选择一个功能点UI样式并拖到构造界面上,则将用户选择的功能点UI样式ID记录到功能点模型中,将该功能点UI样式ID和该功能点UI样式在构造界面上的位置信息记录到布局类模型中。
步骤409:管理服务器在管理界面上提供功能点约束值的描述信息输入入口和控件的跳转信息配置入口。
跳转信息包括:跳转条件、跳转目的地等。
步骤410:管理服务器检测到用户在管理界面上配置了功能点各约束值的描述信息和控件的跳转信息,则将功能点各约束值的描述信息和控件的跳转信息添加到功能类模型中。
步骤411:当管理服务器检测到用户点击了管理界面上的界面创建完毕信息时,根据UI数据模型尝试创建UI界面,若创建成功,则发布使用该UI界面的APP,本流程结束;否则,则提示用户。
步骤402-410中,只是给出了一个主界面的构造过程,若需要创建子界面,则其构造过程与主界面的构造过程相同。
图5为本发明实施例提供的界面构造过程示意图。该过程与步骤401-411相同。
在实际应用中,管理服务器还可在管理界面上为用户提供界面之间或/和控件之间的关联关系配置入口,或/和,在管理界面上为用户提供界面或/和控件的的展示效果配合入口,或/和,在管理界面上为用户提供界面或/和控件的展示文案配置入口;并将用户配置的界面之间或/和控件之间的关联关系,或/和,界面或/和控件的的展示效果,或/和,界面或/和控件的展示文案添加到界面类模型中。
图6为本发明实施例提供的UI数据模型的示例图。该UI数据模型的界面类模型中包括:基础界面类模型,基础界面类模型进一步包括:基础设置界面类模型和预览界面类模型,基础设置界面类模型包括集合设置界面类模型。其中,集合设置界面类模型中包括控件:UI基础组件和UI Cell,其中,UI基础组件包括:UI按钮、UI滑动条、UI开关、UI枚举选择框、UI展示描述框、UI数据框等。
基础界面类模型对应的视图集合中包括视图类模型,视图类模型中包括:功能点。视图类模型中包括:UI基础组件和UI Cell,其中,UI基础组件包括:UI按钮、UI滑动条、UI开关、UI枚举选择框、UI展示描述框、UI数据框等。
可见,本发明实施例构造的UI界面包括了可视化功能部分和操作交互功能部分。
图7为本发明实施例提供的UI界面生成及操作方法流程图,其具体步骤如下:
步骤701:当客户端下载并安装了设备控制APP时,用户打开该APP,在APP的UI界面上输入要控制设备的型号和版本,客户端向管理服务器发送携带该设备型号+版本的UI数据模型文件配置信息请求。
UI数据模型可以文件的形式保存在文件服务器上。
步骤702:管理服务器接收该请求,根据该请求携带的设备型号+版本,查找到自身保存的对应的UI数据模型文件的版本,将UI数据模型文件的版本和存储地址发送给客户端。
步骤703:客户端接收该UI数据模型文件的版本,将该文件的版本与本地保存的该设备型号+版本对应的UI数据模型文件的版本进行比较,若前者高于后者,则根据该文件的存储地址从对应的文件服务器下载该UI数据模型文件,否则,不下载该UI数据模型文件。
步骤704:客户端解析该UI数据模型文件,根据解析后的文件中的功能点ID和存储地址向文件服务器获取对应的功能点描述信息文件。
UI数据模型文件中可只保存功能点的ID和存储地址,而该功能点的描述信息文件可单独存放在文件服务器上。
步骤705:客户端向管理服务器获取功能点的数据约束值对应的描述。
步骤706:客户端根据UI数据模型生成UI界面。
步骤707:客户端检测到用户在UI界面上执行了操作,将该操作信息发送给对应的设备,设备接收该操作信息,向客户端返回操作响应。
当客户端对设备执行了操作,导致设备的状态发生改变后,设备会将新的状态上报给管理服务器。
本发明实施例还提供一种非瞬时计算机可读存储介质,该非瞬时计算机可读存储介质存储指令,该指令在由处理器执行时使得所述处理器执行步骤101-102,或者步骤201-207,或者步骤401-411,或者步骤701-707。
图8为本发明实施例提供的电子设备的结构示意图,该电子设备包括如上所述的非瞬时计算机可读存储介质81、以及可访问非瞬时计算机可读存储介质81的处理器82。
以上所述仅为本发明的较佳实施例而已,并不用以限制本发明,凡在本发明的精神和原则之内,所做的任何修改、等同替换、改进等,均应包含在本发明保护的范围之内。
Claims (10)
1.一种界面构造方法,其特征在于,该方法包括:
接收用户输入的用户接口UI界面构造请求,在显示屏上生成构造界面,并在显示屏上生成管理界面,该管理界面用于提供UI界面构造模板,该模板包括:构造UI界面所需的元素选项,所述元素选项包括:界面选项和控件选项;
检测用户在管理界面上选择的元素选项,将用户选择的元素选项添加到UI数据模型中,检测用户设置的元素选项在构造界面上的布局,将用户设置的元素选项在构造界面上的布局信息添加到UI数据模型中;以用于根据所述UI数据模型生成UI界面。
2.根据权利要求1所述的方法,其特征在于,所述检测用户在管理界面上选择的元素选项包括:
检测到用户在所述管理界面上操作了创建界面选项,则为用户提供界面名称输入入口,并为用户提供可选界面背景UI样式列表;
所述将用户选择的元素选项添加到UI数据模型中包括:
将用户输入的界面名称和用户所选择的背景UI样式ID添加到UI数据模型中。
3.根据权利要求1所述的方法,其特征在于,所述元素选项包括:产品信息选项,
所述检测用户在管理界面上选择的元素选项包括:
检测用户在所述管理界面上输入了产品信息,则记录该产品信息与UI数据模型的对应关系。
4.根据权利要求1至3任一所述的方法,其特征在于,所述检测用户在管理界面上选择的元素选项包括:
检测到用户在所述管理界面上操作了创建控件选项,则为用户提供实现该控件的功能点描述信息输入入口和选项以及功能点可选UI样式列表;所述功能点描述信息输入入口和选项包括:功能点名称和ID输入入口、以及可选功能点数据类型列表、功能点的数据约束信息配置入口;
所述将用户选择的元素选项添加到UI数据模型中包括:
将用户输入的实现控件的功能点名称和ID、用户选择的功能点数据类型、用户配置的功能点的数据约束信息以及用户选择的功能点UI样式ID添加到UI数据模型中;
所述检测用户设置的元素选项在构造界面上的布局包括:
检测用户将所选择的功能点UI样式拖动到所述构造界面上的位置;
所述将用户设置的元素选项在构造界面上的布局信息添加到UI数据模型中包括:
将用户将所选择的功能点UI样式拖动到所述构造界面上的位置信息添加到UI数据模型中。
5.根据权利要求4所述的方法,其特征在于,所述为用户提供实现该控件的功能点描述信息输入入口和选项以及功能点可选UI样式列表之后,进一步包括:
在所述管理界面上为用户提供功能点的数据约束值的描述信息配置入口,或/和,在所述管理界面上为用户提供控件的跳转信息配置入口;
且,所述将用户输入的实现控件的功能点名称和ID、用户选择的功能点数据类型、用户配置的功能点的数据约束信息以及用户选择的功能点UI样式ID添加到UI数据模型中之后,进一步包括:
将用户配置的功能点的数据约束值的描述信息、或/和控件的跳转信息添加到所述UI数据模型中。
6.根据权利要求4所述的方法,其特征在于,所述为用户提供实现该控件的功能点描述信息输入入口和选项以及功能点可选UI样式列表之后,进一步包括:
在所述管理界面上为用户提供界面之间或/和控件之间的关联关系配置入口,或/和,在所述管理界面上为用户提供界面或/和控件的的展示效果配合入口,或/和,在所述管理界面上为用户提供界面或/和控件的展示文案配置入口;
且,所述将用户输入的实现控件的功能点名称和ID、用户选择的功能点数据类型、用户配置的功能点的数据约束信息以及用户选择的功能点UI样式ID添加到UI数据模型中之后,进一步包括:
将用户配置的界面之间或/和控件之间的关联关系,或/和,用户配置的界面或/和控件的的展示效果,或/和,用户配置的界面或/和控件的展示文案添加到所述UI数据模型。
7.根据权利要求1至3任一所述的方法,其特征在于,所述将用户设置的元素选项在构造界面上的布局信息添加到UI数据模型之后,进一步包括:
检测到用户对所述构造界面上的任一元素的位置进行了调整,则以该元素的新位置信息更新所述UI数据模型中记录的该元素的位置信息。
8.根据权利要求3所述的方法,其特征在于,所述将用户设置的元素选项在构造界面上的布局信息添加到UI数据模型中之后,进一步包括:
接收到一客户端发来的携带产品信息的界面下载请求,则根据该产品信息查找到对应的UI数据模型,将该UI数据模型返回给客户端。
9.一种非瞬时计算机可读存储介质,所述非瞬时计算机可读存储介质存储指令,其特征在于,所述指令在由处理器执行时使得所述处理器执行如权利要求1至8中任一项所述的界面构造方法的步骤。
10.一种电子设备,其特征在于,包括如权利要求9所述的非瞬时计算机可读存储介质、以及可访问所述非瞬时计算机可读存储介质的所述处理器。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011140013.0A CN112256257A (zh) | 2020-10-22 | 2020-10-22 | 界面构造方法、可读存储介质和电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011140013.0A CN112256257A (zh) | 2020-10-22 | 2020-10-22 | 界面构造方法、可读存储介质和电子设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112256257A true CN112256257A (zh) | 2021-01-22 |
Family
ID=74263245
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011140013.0A Pending CN112256257A (zh) | 2020-10-22 | 2020-10-22 | 界面构造方法、可读存储介质和电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112256257A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112988155A (zh) * | 2021-05-17 | 2021-06-18 | 成都数联铭品科技有限公司 | 基于数据模型驱动多种软件系统界面变化的方法 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104699468A (zh) * | 2013-12-05 | 2015-06-10 | 浙江大华系统工程有限公司 | 一种客户端以及该客户端的界面生成方法 |
CN104731589A (zh) * | 2015-03-12 | 2015-06-24 | 用友网络科技股份有限公司 | 用户界面的自动生成方法及自动生成装置 |
CN108228287A (zh) * | 2016-12-15 | 2018-06-29 | 龙芯中科技术有限公司 | 基于qt的用户界面控件的生成方法及装置 |
CN108762760A (zh) * | 2018-05-25 | 2018-11-06 | 中国平安人寿保险股份有限公司 | 软件界面自定义方法、装置、计算机设备及存储介质 |
CN111443911A (zh) * | 2020-03-24 | 2020-07-24 | 五八有限公司 | 一种页面开发方法、装置、电子设备及计算机存储介质 |
CN111679818A (zh) * | 2020-06-17 | 2020-09-18 | 深圳市远云科技有限公司 | 编辑展示软件的方法和系统 |
-
2020
- 2020-10-22 CN CN202011140013.0A patent/CN112256257A/zh active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104699468A (zh) * | 2013-12-05 | 2015-06-10 | 浙江大华系统工程有限公司 | 一种客户端以及该客户端的界面生成方法 |
CN104731589A (zh) * | 2015-03-12 | 2015-06-24 | 用友网络科技股份有限公司 | 用户界面的自动生成方法及自动生成装置 |
CN108228287A (zh) * | 2016-12-15 | 2018-06-29 | 龙芯中科技术有限公司 | 基于qt的用户界面控件的生成方法及装置 |
CN108762760A (zh) * | 2018-05-25 | 2018-11-06 | 中国平安人寿保险股份有限公司 | 软件界面自定义方法、装置、计算机设备及存储介质 |
CN111443911A (zh) * | 2020-03-24 | 2020-07-24 | 五八有限公司 | 一种页面开发方法、装置、电子设备及计算机存储介质 |
CN111679818A (zh) * | 2020-06-17 | 2020-09-18 | 深圳市远云科技有限公司 | 编辑展示软件的方法和系统 |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112988155A (zh) * | 2021-05-17 | 2021-06-18 | 成都数联铭品科技有限公司 | 基于数据模型驱动多种软件系统界面变化的方法 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
KR101323011B1 (ko) | 데이터베이스 애플리케이션에 선택 가능 기능 컨트롤을디스플레이하기 위한 명령 사용자 인터페이스 | |
US20150020006A1 (en) | Method and system for creating dynamic browser-based user interface by example | |
CN105094832A (zh) | 一种所见即所得的动态生成用户界面的方法和系统 | |
JP2016533547A (ja) | ランタイムカスタマイゼーションインフラストラクチャ | |
GB2546239A (en) | A Method and system for providing and executing web applications | |
CN115712413A (zh) | 低代码开发方法、装置、设备及存储介质 | |
JPH11191062A (ja) | アプリケーション画面開発支援システム | |
CN116304442A (zh) | 页面代码生成方法、装置、电子设备以及存储介质 | |
CN112256257A (zh) | 界面构造方法、可读存储介质和电子设备 | |
CN112052029A (zh) | 一种usb设备管理软件的配置方法、系统和计算机设备 | |
JP2016009423A (ja) | 情報処理装置、情報処理装置の制御方法、およびプログラム | |
JP7014960B2 (ja) | 情報処理装置、サーバ、その処理方法及びプログラム | |
KR101989634B1 (ko) | 미리 구축된 컨트롤을 사용하는 로직 생성 기법 | |
JP6836077B2 (ja) | 情報処理装置と、その処理方法及びプログラム | |
JP2018181073A (ja) | 情報処理装置と、その処理方法及びプログラム | |
US10915599B2 (en) | System and method for producing transferable, modular web pages | |
CN111079382A (zh) | 基于mvvm模式的表单渲染方法及系统 | |
JP7381900B2 (ja) | 情報処理システムと、その制御方法及びプログラム | |
JP7421137B2 (ja) | 情報処理装置、情報処理方法およびプログラム | |
JP7477773B2 (ja) | 情報処理装置、制御方法、プログラム | |
JP7231823B2 (ja) | プログラム、情報処理システム及びその制御方法 | |
JP7311740B2 (ja) | 情報処理システム、その制御方法、及びプログラム | |
JP2022178985A (ja) | 情報処理装置、制御方法、プログラム | |
JP6344435B2 (ja) | 情報処理装置、情報処理装置の制御方法、およびプログラム | |
JP2022101746A (ja) | 情報処理装置と、その処理方法及びプログラム |
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 |
Application publication date: 20210122 |
|
RJ01 | Rejection of invention patent application after publication |