CN104267962A - 一种基于描述的界面ui控件配置方法 - Google Patents
一种基于描述的界面ui控件配置方法 Download PDFInfo
- Publication number
- CN104267962A CN104267962A CN201410526693.8A CN201410526693A CN104267962A CN 104267962 A CN104267962 A CN 104267962A CN 201410526693 A CN201410526693 A CN 201410526693A CN 104267962 A CN104267962 A CN 104267962A
- Authority
- CN
- China
- Prior art keywords
- control
- interface
- event
- graphical form
- form designer
- 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
Landscapes
- Stored Programmes (AREA)
Abstract
本发明一种基于描述的界面UI控件配置方法,包括如下步骤:步骤一、对控件在图形化表单设计器中的属性和事件进行描述;步骤二、对控件的属性和事件在图形化表单设计器上关联的编辑器信息进行描述;步骤三、对控件属性在图形化表单设计器上编辑时的控制规则进行描述;步骤四、对控件在图形化表单设计器上生成的Xml元素结构进行描述;步骤五、对控件在在生成部署引擎中的生成规则进行描述。本发明基于描述的界面UI控件配置方法可实现UI控件属性的灵活扩展,支持不同版本、不同表单类型控件的组合配置,满足不同类型表单开发过程中的灵活配置需求。
Description
技术领域
本发明涉及用户图形化界面建模技术领域,具体涉及一种基于描述的界面UI控件配置方法。
背景技术
为了提高用户图形化界面的开发效率,业内通常采用基于模型驱动开发方法(MDD, Model Driven Development),对图形化用户界面进行可视化建模的开发模式。在这种模式下,会为用户提供一套图形化界面设计工具,并在设计器内置UI控件的工具箱,工具箱中内置了常用的一组界面UI控件。并且需要为UI控件进行元模型定义,包括定义UI控件的属性、事件,定义UI控件在设计器,定义UI控件在界面描述中的模型文档结构,定义UI控件的代码生成器实现等。
随着应用需求的范围扩大及需求变化,不同的图形化界面对于UI控件的需求不同,往往需要增加新的UI控件或对现有的UI控件进行升级。目前,常见的解决方式往往是需要为每一个新的UI控件单独去实现相关的一组定义,这种方式往往导致UI控件新增较大工作量或维护的较大工作量,导致设计器的扩展困难。
因此,针对上述现有技术存在的缺陷,实有必要进行开发研究,以提供一种方案,可实现UI控件属性的灵活扩展,支持不同版本、不同表单类型控件的组合配置,满足不同类型表单开发过程中的灵活配置需求。
发明内容
为解决上述问题,本发明的目的在于提供一种基于描述的界面UI控件配置方法,可实现UI控件属性的灵活扩展,支持不同版本、不同表单类型控件的组合配置,满足不同类型表单开发过程中的灵活配置需求。
为实现上述目的,本发明的技术方案为:
一种基于描述的界面UI控件配置方法,包括如下步骤:
步骤一、对控件在图形化表单设计器中的属性和事件进行描述;
步骤二、对控件的属性和事件在图形化表单设计器上关联的编辑器信息进行描述;
步骤三、对控件属性在图形化表单设计器上编辑时的控制规则进行描述;
步骤四、对控件在图形化表单设计器上生成的Xml元素结构进行描述;
步骤五、对控件在在生成部署引擎中的生成规则进行描述。
进一步地,步骤一中,在图形化表单设计器中根据表单类型和版本的不同,加载不同类型的一组UI控件;UI控件通过统一的格式来进行描述,包括控件的基本信息描述、属性事件信息描述、属性事件编辑器信息描述、属性事件编辑时依赖约束信息描述、表单设计器上Xml元素结构模板及同步规则描述、运行时发布为前端页面和脚本模板和规则信息描述。
进一步地,步骤二中,控件属性事件描述信息包含此控件在图形化表单设计器上包含的所有属性和事件信息的集合。
进一步地,步骤三中,系统内置通用的属性编辑控制规则,对于内置通用控件无法满足规则需求时,支持规则扩展。
本发明基于描述的界面UI控件配置方法可实现UI控件属性的灵活扩展,支持不同版本、不同表单类型控件的组合配置,满足不同类型表单开发过程中的灵活配置需求。
附图说明
图1为本发明的方法流程图示。
具体实施方式
本发明实施例提供了一种基于描述的界面UI控件配置方法通过描述配置UI控件与设计器及生成器的规则,可实现UI控件属性的灵活扩展,支持不同版本、不同表单类型控件的组合配置,满足不同类型表单开发过程中的灵活配置需求。
为使得本发明的发明目的、特征、优点能够更加的明显和易懂,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,下面所描述的实施例仅仅是本发明一部分实施例,而非全部实施例。基于本发明中的实施例,本领域的技术人员所获得的所有其他实施例,都属于本发明保护的范围。
本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的术语在适当情况下可以互换,这仅仅是描述本发明的实施例中对相同属性的对象在描述时所采用的区分方式。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,以便包含一系列单元的过程、方法、系统、产品或设备不必限于那些单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它单元。
以下分别进行详细说明。
请参照图1所示,本发明一种基于描述的界面UI控件配置方法,包括以下步骤:
步骤一、对控件在图形化表单设计器中的属性和事件进行描述。
在图形化表单设计器中根据表单类型和版本的不同,加载不同类型的一组UI控件。UI控件通过统一的格式来进行描述,包括控件的基本信息描述、属性事件信息描述、属性事件编辑器信息描述、属性事件编辑时依赖约束信息描述、表单设计器上Xml元素结构模板及同步规则描述、运行时发布为前端页面和脚本模板和规则信息描述。
UI控件基本信息包括控件的编号、名称、版本、备注、所属的表单类型(如:基于智能客户端技术的表单、基于浏览器运行的表单、基于移动设置运行的表单)、在图形化设计器上的展现控件、控件在表单设计器工具栏中分组类型、同步关联的表单Xml元素结构描述等信息。在图形化设计器向导中根据选择的表单类型、版本与UI控件库中控件(控件所属表单类型和版本信息)匹配,选择符合条件的控件集在工具栏中进行加载。
步骤二、对控件的属性和事件在图形化表单设计器上关联的编辑器信息进行描述。
控件属性事件描述信息包含此控件在图形化表单设计器上包含的所有属性和事件信息的集合,每个属性描述信息中包括有属性编号、名称、属性默认值、 表单Xml文档模板及同步规则等。
在图形化表单设计器中内置了常用的几类属性和事件的编辑器,包括有布尔类属性下拉选择编辑器、手工输入类编辑器、长宽等数字属性类编辑器、停靠方式编辑器、智能帮助选择编辑器、事件选择编辑器、过滤条件定义编辑器、表格列选择编辑器、表达式编辑器等,对于在内置编辑器无法满足编辑要求的属性,通过在属性编辑器描述信息中配置上扩展的程序集文件信息实现客户化扩展。
步骤三、对控件属性在图形化表单设计器上编辑时的控制规则进行描述。
系统内置通用的属性编辑控制规则,如:只读控制规则、可编辑控制规则、可见控制规则等。 对于内置通用控件无法满足规则需求时,支持规则扩展。在属性规则描述信息中配置扩展的程序集完整信息实现客户化扩展。
步骤四、对控件在图形化表单设计器上生成的Xml元素结构进行描述。
控件属性事件所有的描述定义均为了生成最终的表单document文档规则,控件文档模板描述了在表单设计器上创建控件时自动根据控件模板在表单document中创建新的元素节点,document同步规则描述在属性变化时,将变化后的属性值与模板中的属性值或子元素节点的内容进行同步。同步规则中包括模板中属性变量与属性值的映射关系定义。
步骤五、对控件在在生成部署引擎中的生成规则进行描述。
在发布部署时,基于整个表单document文档,表单引擎遍历document文档的每个元素节点,对于控件类的元素节点,根据控件的生成模板形成html页面中的元素节点,生成规则信息包括了控件生成模板中的变量与控件属性的映射关系及转换规则,其中转换规则包含了变量直接替换和自定义转换,对于自定义转换规则,通过在规则信息中配置转换的程序集信息,在生成时反射调用客户化扩展程序集,将返回的实际值赋给模板中的变量。
通过以上描述配置UI控件与设计器及生成器的规则,可实现UI控件属性的灵活扩展,支持不同版本、不同表单类型控件的组合配置,满足不同类型表单开发过程中的灵活配置需求。
通过以上的实施方式的描述,所属领域的技术人员可以清楚地了解到本发明可借助软件加必需的通用硬件的方式来实现,当然也可以通过专用硬件包括专用集成电路、专用CPU、专用存储器、专用元器件等来实现。一般情况下,凡由计算机程序完成的功能都可以很容易地用相应的硬件来实现,而且,用来实现同一功能的具体硬件结构也可以是多种多样的,例如模拟电路、数字电路或专用电路等。但是,对本发明而言更多情况下软件程序实现是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在可读取的存储介质中,如计算机的软盘,U盘、移动硬盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例所述的方法。
综上所述,以上实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照上述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对上述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。
Claims (4)
1.一种基于描述的界面UI控件配置方法,其特征在于,包括如下步骤:
步骤一、对控件在图形化表单设计器中的属性和事件进行描述;
步骤二、对控件的属性和事件在图形化表单设计器上关联的编辑器信息进行描述;
步骤三、对控件属性在图形化表单设计器上编辑时的控制规则进行描述;
步骤四、对控件在图形化表单设计器上生成的Xml元素结构进行描述;
步骤五、对控件在在生成部署引擎中的生成规则进行描述。
2.如权利要求1所述基于描述的界面UI控件配置方法,其特征在于:步骤一中,在图形化表单设计器中根据表单类型和版本的不同,加载不同类型的一组UI控件;UI控件通过统一的格式来进行描述,包括控件的基本信息描述、属性事件信息描述、属性事件编辑器信息描述、属性事件编辑时依赖约束信息描述、表单设计器上Xml元素结构模板及同步规则描述、运行时发布为前端页面和脚本模板和规则信息描述。
3.如权利要求2所述基于描述的界面UI控件配置方法,其特征在于:步骤二中,控件属性事件描述信息包含此控件在图形化表单设计器上包含的所有属性和事件信息的集合。
4.如权利要求3所述基于描述的界面UI控件配置方法,其特征在于:步骤三中,系统内置通用的属性编辑控制规则,对于内置通用控件无法满足规则需求时,支持规则扩展。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410526693.8A CN104267962A (zh) | 2014-10-09 | 2014-10-09 | 一种基于描述的界面ui控件配置方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410526693.8A CN104267962A (zh) | 2014-10-09 | 2014-10-09 | 一种基于描述的界面ui控件配置方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN104267962A true CN104267962A (zh) | 2015-01-07 |
Family
ID=52159486
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410526693.8A Pending CN104267962A (zh) | 2014-10-09 | 2014-10-09 | 一种基于描述的界面ui控件配置方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104267962A (zh) |
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105045774A (zh) * | 2015-07-27 | 2015-11-11 | 浪潮通用软件有限公司 | 一种所见即所得的用户界面操作手册编写及生成方法 |
CN105068812A (zh) * | 2015-08-19 | 2015-11-18 | 深圳联友科技有限公司 | 一种表单生成方法及装置 |
CN106095847A (zh) * | 2016-06-02 | 2016-11-09 | 萧毅鸿 | 一种实现监控页面的方法和监控页面 |
CN106843891A (zh) * | 2017-02-06 | 2017-06-13 | 浪潮通用软件有限公司 | 一种基于增量的表单分层扩展方法 |
CN107301044A (zh) * | 2017-06-09 | 2017-10-27 | 广州慧扬健康科技有限公司 | 用于代谢病电子病历表单的多页控件 |
CN110889013A (zh) * | 2019-11-22 | 2020-03-17 | 北京锐安科技有限公司 | 一种基于xml的数据关联方法、装置、服务器及存储介质 |
CN111459482A (zh) * | 2020-03-27 | 2020-07-28 | 山东浪潮通软信息科技有限公司 | 一种界面定制控制方法、系统和软件 |
CN117215585A (zh) * | 2023-11-09 | 2023-12-12 | 浪潮通用软件有限公司 | 一种可视化描述以及动态控制界面组件属性的方法及装置 |
Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103902256A (zh) * | 2012-12-24 | 2014-07-02 | 航天信息股份有限公司 | 一种界面的生成系统和方法 |
-
2014
- 2014-10-09 CN CN201410526693.8A patent/CN104267962A/zh active Pending
Patent Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103902256A (zh) * | 2012-12-24 | 2014-07-02 | 航天信息股份有限公司 | 一种界面的生成系统和方法 |
Non-Patent Citations (1)
Title |
---|
杜一 等: "《基于多尺度描述方法的移动用户界面生成框架》", 《计算机学报》 * |
Cited By (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105045774A (zh) * | 2015-07-27 | 2015-11-11 | 浪潮通用软件有限公司 | 一种所见即所得的用户界面操作手册编写及生成方法 |
CN105068812A (zh) * | 2015-08-19 | 2015-11-18 | 深圳联友科技有限公司 | 一种表单生成方法及装置 |
CN105068812B (zh) * | 2015-08-19 | 2018-07-13 | 深圳联友科技有限公司 | 一种表单生成方法及装置 |
CN106095847A (zh) * | 2016-06-02 | 2016-11-09 | 萧毅鸿 | 一种实现监控页面的方法和监控页面 |
CN106843891A (zh) * | 2017-02-06 | 2017-06-13 | 浪潮通用软件有限公司 | 一种基于增量的表单分层扩展方法 |
CN107301044A (zh) * | 2017-06-09 | 2017-10-27 | 广州慧扬健康科技有限公司 | 用于代谢病电子病历表单的多页控件 |
CN110889013A (zh) * | 2019-11-22 | 2020-03-17 | 北京锐安科技有限公司 | 一种基于xml的数据关联方法、装置、服务器及存储介质 |
CN111459482A (zh) * | 2020-03-27 | 2020-07-28 | 山东浪潮通软信息科技有限公司 | 一种界面定制控制方法、系统和软件 |
CN117215585A (zh) * | 2023-11-09 | 2023-12-12 | 浪潮通用软件有限公司 | 一种可视化描述以及动态控制界面组件属性的方法及装置 |
CN117215585B (zh) * | 2023-11-09 | 2024-03-08 | 浪潮通用软件有限公司 | 一种可视化描述以及动态控制界面组件属性的方法及装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104267962A (zh) | 一种基于描述的界面ui控件配置方法 | |
CN102959511B (zh) | Gui程序制作辅助装置、gui程序制作辅助方法、程序及集成电路 | |
CN105700888A (zh) | 一种基于jbpm工作流引擎的可视化快速开发平台 | |
EP1836565A1 (en) | Dynamic generation of formatted user interfaces in software environments | |
JP2007304998A (ja) | ソースコード生成方法及び装置並びにプログラム | |
CN102054093B (zh) | 使用上下文无关语法的部件设计 | |
CN111881662A (zh) | 表单生成方法、装置、处理设备及存储介质 | |
CN103593456A (zh) | 表单自定义设计方法及装置 | |
CN115495069B (zh) | 基于模型驱动的煤炭工业软件流程实现方法、装置及设备 | |
CN102999657A (zh) | 用于在计算机辅助设计系统中设计对象组合件的方法和系统 | |
CN113268227A (zh) | 一种零代码可视化的软件开发平台及开发方法 | |
US20170346702A1 (en) | Computer implemented method for displaying a user interface | |
CN106055535A (zh) | 一种图表生成方法及装置 | |
CN103699478A (zh) | 一种测试案例生成系统和方法 | |
CN109800496A (zh) | 一种沿pcb板边添加过孔的方法 | |
KR20140045101A (ko) | 파라메트릭 데이터를 이용한 3차원 모델링 방법 | |
Scheffler et al. | Modelling CAD models: Method for the model driven design of CAD models for deep drawing tools | |
CN111506306B (zh) | 一种Ansible剧本编写方法、装置和电子设备 | |
KR20180135654A (ko) | 프로그램의 직관적 제작방법 | |
CN110795067A (zh) | 一种需求原型可复用方法 | |
CN104731804A (zh) | 一种建立通用查询框架的方法及装置 | |
EP3926465A1 (en) | Method and system for creating an app by merging source code | |
CN104156209A (zh) | 跨平台应用界面建模方法及装置 | |
CN104360866A (zh) | 一种代码生成方法及代码生成器 | |
KR101622402B1 (ko) | 그래픽 기반의 hmi 화면 구성이 가능한 hmi 장치 및 그래픽 기반의 hmi 화면 구성 방법 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20150107 |
|
WD01 | Invention patent application deemed withdrawn after publication |