CN113326044A - 一种基于控件库的开发方法、系统及存储介质 - Google Patents
一种基于控件库的开发方法、系统及存储介质 Download PDFInfo
- Publication number
- CN113326044A CN113326044A CN202110710173.2A CN202110710173A CN113326044A CN 113326044 A CN113326044 A CN 113326044A CN 202110710173 A CN202110710173 A CN 202110710173A CN 113326044 A CN113326044 A CN 113326044A
- Authority
- CN
- China
- Prior art keywords
- control
- module
- interface
- billboard
- library
- 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
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
- 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/36—Software reuse
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)
- Stored Programmes (AREA)
Abstract
本发明公开了一种基于控件库的开发方法、系统及存储介质，在设计界面，新建实时看板或通过文件形式导入导出实时看板；通过设计界面的可视化控件库搭建看板内容，且随时都可以依据需求调整看板内容；选中控件，可对该控件进行相关属性的配置；在运行界面，通过拖动建立资源和控件的映射关系，实现控件显示实时数据或赋予控件功能；双击控件标题弹出抽屉可以查看或修改与该控件绑定的资源信息，本发明将服务器资源模块定义为标准化的资源；实现基于规则的程序执行环境；通过可视化的方式定义交互界面和服务器端资源，实现基于web的标准化文件，实现快速搭建可用的系统。
Description
技术领域
本发明属于计算机技术领域，具体涉及一种基于控件库的开发方法、系统及存储介质。
背景技术
随着现代化工业的飞速发展，人机界面在工业控制领域应用越来越广泛。基于燃机控制系统的燃机监控软件画面，传统的方法是采用定制开发的方式，，对开发人员的技能要求较高，要熟练各种开发语言以及熟练使用各种开发调试工具，可维护性差，开发难度大、成本高、且学习周期较长，数据间的通讯搭建繁琐。交付后，用户不能独立自主维护，必须依赖厂家进行维护，升级迭代周期长且效率低，不能满足连续生产的要求。
现有方案，主要缺陷在于：(1)只关注开发的一个步骤，开发后集成到系统中还需要一定的编码工作；(2)开发的结果只能展示静态数据；(3)数据间的通讯搭建繁琐。
发明内容
本发明的目的在于提供一种基于控件库的开发方法、系统及存储介质，以解决上述背景技术中提出现有技术中的问题。
为实现上述目的，本发明采用了如下技术方案：
一种基于控件库的开发方法，包括如下步骤：
S1、在设计界面，新建实时看板或通过文件形式导入导出实时看板；
S2、通过设计界面的可视化控件库搭建看板内容，且随时都可以依据需求调整看板内容；
S3、使用设计界面工具栏的对齐、分布、图层、锁定功能快速调整控件大小和位置，预览功能实时查看看板展示效果；
S4、选中控件，可对该控件进行相关属性的配置；
S5、在运行界面，通过拖动建立资源和控件的映射关系，实现控件显示实时数据或赋予控件功能；
S6、双击控件标题弹出抽屉可以查看或修改与该控件绑定的资源信息。
优选的，可视化控件库中包括至少一个控件，各个控件是对应用内容的所有待显示内容进行分类后得到的，每个控件包括至少一种展示形式。
优选的，调整看板内容发起人选择的控件属性，并且依据发起人输入的调整内容信息，生成完整的属性更改后保存。
优选的，界面设计方案中包括控件以及控件的位置信息，在看板接收到界面设计方案的编译请求时，获取预先存储的控件对应的代码，编译控件对应的代码，根据编译后的结果和位置信息生成与界面设计方案对应的界面。
优选的，获取预先存储的控件对应的代码包括：获取预先存储的控件对应的代码和控件样式对应的代码；编译控件对应的代码包括：编译控件对应的代码和控件样式对应的代码。
优选的，编译每种控件对应的代码生成动态建立资源，配置加载建立资源，将每种控件存放至图形界面的指定路径中，图形界面加载自定义控件库后，根据自定义控件库提供的标准接口，识别自定义控件图标，并在图形界面中生成自定义控件，并将自定义控件对应显示在看板中。
一种基于控件库的开发系统，包括客户端模块和服务器资源模块，所述客户端模块包括控件模块、看板模块、流程节点模块及标准化的文件模块，所述服务器资源模块包括交互界面模块和程序执行环境模块；
将服务器资源模块定义为标准化的资源；实现基于规则的程序执行环境；通过可视化的方式定义交互界面和服务器端资源，快速搭建可用的系统。
优选的，该系统还包括自定义编译模块和控件开发模块；
自定义编译模块用于在可视化的方式定义交互界面，通过在线的控件编辑器自定义控件显示在应用看板；
控件开发模块，用于在可视化的方式定义交互界面，通过在线的控制编辑器以服务器端资源中存储的应用控件为基础，开发控件应用显示在应用看板。
优选的，该系统还包括属性设置模块和功能控件合成单元；
属性设置模块用于对排布在看板模块页面上的功能控件的属性进行设置，功能控件的属性包括控件名、方位、样式、字体、背景图；
功能控件合成单元，用于保存功能控件的在看板模块页面上的排布方式以及属性，合成控件应用。
一种基于控件库的读存储介质，其上存储有计算机程序。
本发明的技术效果和优点：本发明提出的一种基于控件库的开发方法、系统及存储介质，与现有技术相比，具有以下优点：
1、本发明将服务器资源模块定义为标准化的资源；实现基于规则的程序执行环境；通过可视化的方式定义交互界面和服务器端资源，实现基于web的标准化文件，实现快速搭建可用的系统；
2、本发明的设计界面通过控件库可以直接开发，无需编码，运行界面可通过拖拽建立资源和控件的映射关系。
附图说明
图1为本发明方法流程图；
图2为本发明的模块示意图。
图中：1、客户端模块；2、服务器资源模块；3、控件模块；4、看板模块；5、流程节点模块；6、标准化的文件模块；7、交互界面模块；8、程序执行环境模块；9、自定义编译模块；10、控件开发模块；11、属性设置模块；12、功能控件合成单元。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
实施例1
本发明提供了如图1-2所示的一种基于控件库的开发方法，包括如下步骤：
在设计界面，新建实时看板或通过文件形式导入导出实时看板；
通过设计界面的可视化控件库搭建看板内容，且随时都可以依据需求调整看板内容，可视化控件库中包括至少一个控件，各个控件是对应用内容的所有待显示内容进行分类后得到的，每个控件包括至少一种展示形式；
使用设计界面工具栏的对齐、分布、图层、锁定功能快速调整控件大小和位置，预览功能实时查看看板展示效果；
选中控件，可对该控件进行相关属性的配置，调整看板内容发起人选择的控件属性，并且依据发起人输入的调整内容信息，生成完整的属性更改后保存，编译每种控件对应的代码生成动态建立资源，配置加载建立资源，将每种控件存放至图形界面的指定路径中，图形界面加载自定义控件库后，根据自定义控件库提供的标准接口，识别自定义控件图标，并在图形界面中生成自定义控件，并将自定义控件对应显示在看板中；
在运行界面，通过拖动建立资源和控件的映射关系，实现控件显示实时数据或赋予控件功能；
双击控件标题弹出抽屉可以查看或修改与该控件绑定的资源信息。
界面设计方案中包括控件以及控件的位置信息，在看板接收到界面设计方案的编译请求时，获取预先存储的控件对应的代码，编译控件对应的代码，根据编译后的结果和位置信息生成与界面设计方案对应的界面，获取预先存储的控件对应的代码包括：获取预先存储的控件对应的代码和控件样式对应的代码；编译控件对应的代码包括：编译控件对应的代码和控件样式对应的代码，设计界面通过控件库可以直接开发，无需编码，运行界面可通过拖拽建立资源和控件的映射关系。
实施例2
在本实施例中提出一种基于控件库的开发系统，包括客户端模块1和服务器资源模块2，所述客户端模块1包括控件模块3、看板模块4、流程节点模块5及标准化的文件模块6，所述服务器资源模块2包括交互界面模块7和程序执行环境模块8；
将服务器资源模块2定义为标准化的资源；实现基于规则的程序执行环境；通过可视化的方式定义交互界面和服务器端资源，快速搭建可用的系统。
该系统还包括自定义编译模块9和控件开发模块10；自定义编译模块9用于在可视化的方式定义交互界面，通过在线的控件编辑器自定义控件显示在应用看板；控件开发模块10，用于在可视化的方式定义交互界面，通过在线的控制编辑器以服务器端资源中存储的应用控件为基础，开发控件应用显示在应用看板。
该系统还包括属性设置模块11和功能控件合成单元12；属性设置模块11用于对排布在看板模块4页面上的功能控件的属性进行设置，功能控件的属性包括控件名、方位、样式、字体、背景图；功能控件合成单元12，用于保存功能控件的在看板模块4页面上的排布方式以及属性，合成控件应用，通过在该可视化的页面拖动控件的方式选择不同的控件去搭建包括但不限于PC端、HMI、电视墙、台式液晶屏、手机的应用软件的界面，目前支持但不限于按钮、标签、图像、输入框、Web页面、视频、音频、RSS等控件。功能控件的布局可以采取鼠标拖动的方式，可以用鼠标调整功能控件的位置和大小，还可以在控件属性面板进行功能控件属性的详细设置，包括设置标题、方位、样式、资源、事件响应、动画效果等属性。
实施例3
在本实施例中提出一种基于控件库的读存储介质，其上存储有计算机程序，存储有计算机程序，计算机程序被处理器执行时，使得处理器执行上述数据的缓存方法的步骤。此处数据的缓存方法的步骤可以是上述实施例的数据的缓存方法中的步骤。
本领域普通技术人员可以理解实现上述实施例方法中全部或者部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读内存、可编程只读内存、电可改写只读内存、可擦可编程只读内存、电可擦可编程只读内存、闪存。易失性存储器可包括静态RAM(SRAM)和动态内存(DRAM)等。
最后应说明的是：以上所述仅为本发明的优选实施例而已，并不用于限制本发明，尽管参照前述实施例对本发明进行了详细的说明，对于本领域的技术人员来说，其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。
Claims (10)
1.一种基于控件库的开发方法，其特征在于：包括如下步骤：
S1、在设计界面，新建实时看板或通过文件形式导入导出实时看板；
S2、通过设计界面的可视化控件库搭建看板内容，且随时都可以依据需求调整看板内容；
S3、使用设计界面工具栏的对齐、分布、图层、锁定功能快速调整控件大小和位置，预览功能实时查看看板展示效果；
S4、选中控件，可对该控件进行相关属性的配置；
S5、在运行界面，通过拖动建立资源和控件的映射关系，实现控件显示实时数据或赋予控件功能；
S6、双击控件标题弹出抽屉可以查看或修改与该控件绑定的资源信息。
2.根据权利要求1所述的一种基于控件库的开发方法，其特征在于：可视化控件库中包括至少一个控件，各个控件是对应用内容的所有待显示内容进行分类后得到的，每个控件包括至少一种展示形式。
3.根据权利要求1所述的一种基于控件库的开发方法，其特征在于：调整看板内容发起人选择的控件属性，并且依据发起人输入的调整内容信息，生成完整的属性更改后保存。
4.根据权利要求1所述的一种基于控件库的开发方法，其特征在于：界面设计方案中包括控件以及控件的位置信息，在看板接收到界面设计方案的编译请求时，获取预先存储的控件对应的代码，编译控件对应的代码，根据编译后的结果和位置信息生成与界面设计方案对应的界面。
5.根据权利要求4所述的一种基于控件库的开发方法，其特征在于：获取预先存储的控件对应的代码包括：获取预先存储的控件对应的代码和控件样式对应的代码；编译控件对应的代码包括：编译控件对应的代码和控件样式对应的代码。
6.根据权利要求2所述的一种基于控件库的开发方法，其特征在于：编译每种控件对应的代码生成动态建立资源，配置加载建立资源，将每种控件存放至图形界面的指定路径中，图形界面加载自定义控件库后，根据自定义控件库提供的标准接口，识别自定义控件图标，并在图形界面中生成自定义控件，并将自定义控件对应显示在看板中。
7.一种基于控件库的开发系统，包括客户端模块和服务器资源模块，其特征在于：所述客户端模块包括控件模块、看板模块、流程节点模块及标准化的文件模块，所述服务器资源模块包括交互界面模块和程序执行环境模块；
将服务器资源模块定义为标准化的资源；实现基于规则的程序执行环境；通过可视化的方式定义交互界面和服务器端资源，快速搭建可用的系统。
8.根据权利要求7所述的一种基于控件库的开发系统，其特征在于：该系统还包括自定义编译模块和控件开发模块；
自定义编译模块用于在可视化的方式定义交互界面，通过在线的控件编辑器自定义控件显示在应用看板；
控件开发模块，用于在可视化的方式定义交互界面，通过在线的控制编辑器以服务器端资源中存储的应用控件为基础，开发控件应用显示在应用看板。
9.根据权利要求7所述的一种基于控件库的开发系统，其特征在于：该系统还包括属性设置模块和功能控件合成单元；
属性设置模块用于对排布在看板模块页面上的功能控件的属性进行设置，功能控件的属性包括标题、方位、样式、资源、事件响应、动画效果；
功能控件合成单元，用于保存功能控件的在看板模块页面上的排布方式以及属性，合成控件应用。
10.一种基于控件库的读存储介质，其上存储有计算机程序，其特征在于：执行计算机程序时实现权利要求1至6中任一项方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110710173.2A CN113326044A (zh) | 2021-06-25 | 2021-06-25 | 一种基于控件库的开发方法、系统及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110710173.2A CN113326044A (zh) | 2021-06-25 | 2021-06-25 | 一种基于控件库的开发方法、系统及存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN113326044A true CN113326044A (zh) | 2021-08-31 |
Family
ID=77424744
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110710173.2A Pending CN113326044A (zh) | 2021-06-25 | 2021-06-25 | 一种基于控件库的开发方法、系统及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113326044A (zh) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114064188A (zh) * | 2022-01-18 | 2022-02-18 | 深圳微迅信息科技有限公司 | 一种监控界面的设计方法、设计装置及电子设备 |
| CN115061688A (zh) * | 2022-08-17 | 2022-09-16 | 统信软件技术有限公司 | 一种页面效果展示方法、计算设备及存储介质 |
| CN117667062A (zh) * | 2024-01-31 | 2024-03-08 | 成都信息工程大学 | 飞行驾驶舱人机交互界面的开发系统及开发方法 |
-
2021
- 2021-06-25 CN CN202110710173.2A patent/CN113326044A/zh active Pending
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114064188A (zh) * | 2022-01-18 | 2022-02-18 | 深圳微迅信息科技有限公司 | 一种监控界面的设计方法、设计装置及电子设备 |
| CN115061688A (zh) * | 2022-08-17 | 2022-09-16 | 统信软件技术有限公司 | 一种页面效果展示方法、计算设备及存储介质 |
| CN115061688B (zh) * | 2022-08-17 | 2022-11-04 | 统信软件技术有限公司 | 一种页面效果展示方法、计算设备及存储介质 |
| CN117667062A (zh) * | 2024-01-31 | 2024-03-08 | 成都信息工程大学 | 飞行驾驶舱人机交互界面的开发系统及开发方法 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11640492B2 (en) | System and method providing responsive editing and viewing, integrating hierarchical fluid components and dynamic layout | |
| CN107844297B (zh) | 一种数据可视化实现系统及方法 | |
| CN111475163B (zh) | 视图模板的代码文件生成方法、装置、设备及存储介质 | |
| Hermes | Xamarin mobile application development: Cross-platform c# and xamarin. forms fundamentals | |
| CN113326044A (zh) | 一种基于控件库的开发方法、系统及存储介质 | |
| US20110258534A1 (en) | Declarative definition of complex user interface state changes | |
| CN104216691A (zh) | 一种创建应用的方法及装置 | |
| CN105094832A (zh) | 一种所见即所得的动态生成用户界面的方法和系统 | |
| TW201324322A (zh) | 網頁瀏覽器中之網頁應用程式及次要裝置之模擬技術、網頁應用程式開發工具以及使用其等之方法 | |
| CN101944027A (zh) | 一种用户界面生成方法 | |
| US20140047409A1 (en) | Enterprise application development tool | |
| CN112364496B (zh) | 基于html5和vue技术的航电仿真面板生成系统 | |
| Akiki | CHAIN: Developing model-driven contextual help for adaptive user interfaces | |
| WO2013109858A1 (en) | Design canvas | |
| CN114706584A (zh) | 一种数据可视化展示制作系统 | |
| Derzho et al. | Controlling an application via a hybrid interface | |
| CN112307377A (zh) | 信息展示方法、装置及电子设备 | |
| CN114003226A (zh) | 一种分层分布式图形设计系统 | |
| US8566734B1 (en) | System and method for providing visual component layout input in alternate forms | |
| CN112231802A (zh) | Bim文件的多窗体审查方法、装置以及计算机存储介质 | |
| KR102646777B1 (ko) | 멀티 기기용 반응형 페이지를 위한 그리드 레이아웃 설정 방법 및 이를 수행하는 프로그램 | |
| CN114860223B (zh) | 交互编辑框架、交互对象的生成方法和电子设备 | |
| CN112269960B (zh) | 基于关联报表的网页更新方法、系统、设备及存储介质 | |
| JP5447621B2 (ja) | プログラム生成装置、プログラム生成方法ならびにプログラム | |
| WO2021176982A1 (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 |