CN113590111A - 一种基于卡片组件的高可配置的低代码开发平台的实现方法 - Google Patents

一种基于卡片组件的高可配置的低代码开发平台的实现方法 Download PDF

Info

Publication number
CN113590111A
CN113590111A CN202110814040.XA CN202110814040A CN113590111A CN 113590111 A CN113590111 A CN 113590111A CN 202110814040 A CN202110814040 A CN 202110814040A CN 113590111 A CN113590111 A CN 113590111A
Authority
CN
China
Prior art keywords
card
card assembly
document
component
data
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.)
Granted
Application number
CN202110814040.XA
Other languages
English (en)
Other versions
CN113590111B (zh
Inventor
谢炳盛
王新城
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Button Internet Beijing Technology Co ltd
Original Assignee
Individual
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Individual filed Critical Individual
Priority to CN202110814040.XA priority Critical patent/CN113590111B/zh
Publication of CN113590111A publication Critical patent/CN113590111A/zh
Application granted granted Critical
Publication of CN113590111B publication Critical patent/CN113590111B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/34Graphical or visual programming
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation 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)
  • Document Processing Apparatus (AREA)
  • Stored Programmes (AREA)

Abstract

本发明提出了一种基于卡片组件的高可配置的低代码开发平台的实现方法,包括:根据业务需求构建卡片组件;将卡片组件配置到单据中;单据引擎获取单据中的卡片组件列表;卡片组件根据预设逻辑获取数据并处理数据;前端接受卡片组件处理后的数据并根据预设的前端逻辑渲染并展示成用户界面。本发明有益效果:可以一次开发多次使用,能够支持较为复杂的业务需求,卡片组件之间逻辑相对独立,耦合性较低,可以快速相应业务变更,可以适用多类场景的需要,具有组件式、组合式、敏捷式和场景化的特点。

Description

一种基于卡片组件的高可配置的低代码开发平台的实现方法
技术领域
本发明涉及信息技术领域,特别是指一种基于卡片组件的高可配置的低代码开发平台的实现方法。
背景技术
传统的软件***的功能配置方式是通过界面拖拽控件然后绑定数据库表的方式实现***功能配置的,这种方式仅能实现较为简单的功能界面和界面逻辑,对于复杂的功能还需要大量的后端开发工作。另外,对于一些复杂的页面也不能通过简单的前端配置完成,还需要在完成基础配置后通过编码的方式对界面进行扩展。同时,传统的配置方式配置的界面无法完全重复使用,如果另外一个功能表单需要类似的界面还需要重新配置。因此,对于传统的可以进行配置的***平台往往很难实现比较复杂的功能,而且通过配置构建出来的功能的复用度并没有预期的高。对于一些功能逻辑复杂的管理信息***无法单纯地通过传统的可配置的方式实现。
发明内容
本发明提出一种基于卡片组件的高可配置的低代码开发平台的实现方法,解决了现有技术中上述的问题。
本发明的技术方案是这样实现的:
一种基于卡片组件的高可配置的低代码开发平台的实现方法,包括:
根据业务需求构建卡片组件;
将卡片组件配置到单据中;
单据引擎获取单据中的卡片组件列表;
卡片组件根据预设逻辑获取数据并处理数据;
前端接受卡片组件处理后的数据并根据预设的前端逻辑渲染并展示成用户界面。
进一步地,本发明所述的基于卡片组件的高可配置的低代码开发平台的实现方法,还包括:
用户界面获取操作指令;
前端根据用户的操作指令解析并计算数据;
卡片组件根据预设的数据存储逻辑,接收前端解析计算后的数据并保存至数据库。
进一步地,基于业务需求构建卡片组件的步骤包括:
创建卡片前端组件;
进行卡片前端组件的实现;
基于业务需求确定卡片前端组件的界面;
将卡片后端对象与卡片前端组件对应集成。
进一步地,创建卡片前端组件的步骤包括:
创建卡片抽象类,将卡片组件的基本功能进行抽象封装并预留增强接口;
卡片实现类继承卡片抽象类,并增加@Component注解,以使Spring容器自动扫描并注册。
进一步地,卡片组件预留的增强接口包括配置接口、数据获取接口和数据创建与更新接口。
进一步地,进行卡片前端组件的实现的步骤具体为:
将卡片前端组件在模块module.js中对Vue组件进行全局注册。
进一步地,将卡片后端对象与卡片前端组件对应集成的步骤具体为:
一个卡片后端的Card对象对应一个卡片前端的Vue组件以及多个卡片前端的Vue配置组件。
进一步地,将卡片组件配置到单据中的步骤包括:
向单据中增加卡片组件;
设置卡片组件在单据中显示的标题;
设置卡片组件在单据中显示的顺序。
本发明的有益效果为:
1、组件式:本发明采用以卡片组件为最低粒度的组件式方法,每个卡片组件能够完成特点的原子化的业务功能,并且通过自定义扩展功能可以实现卡片组件的复用性,实现一次开发多次使用,而且每个卡片组件具备用户界面、业务逻辑、数据存取逻辑等前后端完备的功能,能够支持较为复杂的业务需求,解决了传统的控件拖拽搭建单据的方法无法实现的问题;
2、组合式:本发明可以创建功能单据,进而组成具体的业务***平台,每个功能单据是由多个卡片组件组成的,卡片组件是通过单据配置功能配置到具体的单据上的,所以,当开发好具体的卡片组件后可以快速实现一个业务单据的功能,而且卡片组件之间具有一定的逻辑隔离性,减少了***功能之间的依赖和耦合;
3、敏捷式:本发明基于组件式、组合式的特点,***的单据由卡片组件组合配置而成,在此模式下可以快速创建一个功能页面,同时增减卡片组件也非常便捷,并不会破坏单据的整体功能,由于每个卡片组件的逻辑相对比较独立,耦合性较低,因此在修改一个组件卡片时所涉及的影响范围也比较少,使得***整体具有较高的敏捷特性,尤其当用户需求并不明确的时候,可以根据当前用户可知的最重要的功能进行单据功能的配置及实现,当功能不断具体和变化的过程中,通过卡片组件功能的可配置、低耦合等特性快速响应业务变更,最终使得难于在大型业务***平台中实施敏捷软件开发模式的问题得到了很好的解决;
4、场景化:业务***平台是由单据组成,单据是通过卡片组件组合而成,由于采用了卡片组件的设计方案,每个卡片都具有特定的原子化功能,基于此逻辑,不同类型的业务***平台的差异在于具体功能层面,而具体功能又是由卡片组件组成,当针对不同***特性开发具有针对性功能的卡片组件后,就可以使一套***满足多类场景的需要,例如:CRM***、金融交易***、订单管理***和进销存管理***等。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本发明一种基于卡片组件的高可配置的低代码开发平台的实现方法的步骤流程图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
如图1所示,本发明所述的一种基于卡片组件的高可配置的低代码开发平台的实现方法,包括:
根据业务需求构建卡片组件;
将卡片组件配置到单据中;
单据引擎获取单据中的卡片组件列表;
卡片组件根据预设逻辑获取数据并处理数据;
前端接受卡片组件处理后的数据并根据预设的前端逻辑渲染并展示成用户界面。
具体地,本发明中所提到的卡片组件在用户界面上展现形式是一个一个的卡片,所以称之为卡片组件;技术实现采用前后端分离的方案,数据持久化采用ORM框架用于支持大部分的关系型数据库,ORM是一种程序设计技术,用于实现面向对象编程语言里不同类型***的数据之间的转换,前端可以采用Vue.js进行描述,后端采用java进行描述,本发明的数据持久化方案采用ORM组件实现,数据的处理逻辑全部由java代码实现,不依赖任何数据库特性,保证可以兼容任何形式的关系型数据库,以提升***的通用性,ORM组件采用MyBatis框架,MyBatis是一款数据持久层框架,它支持定制化SQL、存储过程以及高级映射;每个单据中可以配置多个卡片组件,每个卡片组件拥有各自的业务逻辑和功能,整个单据就能完成一个特定的业务功能,例如,一个业务申请单据中会包含单据基本信息卡片、客户信息卡片、产品信息卡片、价格信息卡片和附件资料信息卡片等,单据中的卡片组件根据业务需求进行选择,卡片组件的功能根据功能需求进行实现;本发明中,单据是最核心的功能,所实现的卡片组件都要配置到单据上形成最终的功能,整个实现的业务模型均由单据负责承载,单据引擎的职责主要为管理单据类型及单据的配置,而不负责具体业务逻辑,不同的类型单据由单据配置中的单据处理器来协助完成,单据引擎可以只有一个,并且为单据引擎适配多种单据处理器,甚至可以自定义单据处理器或继承现有的单据处理器以完成更多更复杂的业务场景。
其中,本发明所述的基于卡片组件的高可配置的低代码开发平台的实现方法,还包括:
用户界面获取操作指令;
前端根据用户的操作指令解析并计算数据;
卡片组件根据预设的数据存储逻辑,接收前端解析计算后的数据并保存至数据库。
其中,基于业务需求构建卡片组件的步骤包括:
创建卡片前端组件;
进行卡片前端组件的实现;
基于业务需求确定卡片前端组件的界面;
将卡片后端对象与卡片前端组件对应集成。
其中,创建卡片前端组件的步骤包括:
创建卡片抽象类,将卡片组件的基本功能进行抽象封装并预留增强接口;
卡片实现类继承卡片抽象类,并增加@Component注解,以使Spring容器自动扫描并注册。
其中,卡片组件预留的增强接口包括配置接口、数据获取接口和数据创建与更新接口。
其中,进行卡片前端组件的实现的步骤具体为:
将卡片前端组件在模块module.js中对Vue组件进行全局注册。
其中,将卡片后端对象与卡片前端组件对应集成的步骤具体为:
一个卡片后端的Card对象对应一个卡片前端的Vue组件以及多个卡片前端的Vue配置组件。
其中,将卡片组件配置到单据中的步骤包括:
向单据中增加卡片组件;
设置卡片组件在单据中显示的标题;
设置卡片组件在单据中显示的顺序。
具体地,将卡片组件配置到单据中的过程为:在单据配置中点击新增卡片,然后选择所需的卡片组件,设定卡片组件在单据页面中显示的标题,设置卡片组件在单据中显示的顺序,然后在所配置的卡片组件的更多配置中设置卡片组件在单据中的规则和逻辑,如果还有其它业务逻辑无法通过配置实现的,卡片组件还提供了增强接口,可以通过编码的方式实现。
本发明所述的基于卡片组件的高可配置的低代码开发平台的实现方法,设计思考的基础是一个软件***最细粒度的功能单元是组件,而不是控件,控件是形成组件的基本单元,控件并不承载业务逻辑,只用于辅助用户输入数据和规范用户输入数据的格式及方式,所以,依靠控件的堆砌是无法实现一个较为复杂的功能组件的。本发明重新定义了组件化的概念和最小粒度,将组件的最小粒度设计为一个单元功能级别,再结合前端功能展示的方式将其命名为卡片组件,在实际场景中,单据是由卡片组件组合而成,卡片组件具有独立的功能逻辑,可以满足业务某一方面的功能需求,多个卡片组件的组合所形成的单据就能解决用户在某一个实际业务场景的功能需求,例如:销售订单、发货单、销售合同等;从复用的角度来看,具有独立功能逻辑的卡片组件才是***功能可复用的最细粒度单元,卡片组件可以是订单基本信息、客户基本信息和附件信息等,组件是拥有独立界面、业务逻辑和数据存储结构的一组原子化的功能单元,使其具备可复用的特性,本发明的具体优点为:
1、组件式:本发明采用以卡片组件为最低粒度的组件式方法,每个卡片组件能够完成特点的原子化的业务功能,并且通过自定义扩展功能可以实现卡片组件的复用性,实现一次开发多次使用,而且每个卡片组件具备用户界面、业务逻辑、数据存取逻辑等前后端完备的功能,能够支持较为复杂的业务需求,解决了传统的控件拖拽搭建单据的方法无法实现的问题;
2、组合式:本发明可以创建功能单据,进而组成具体的业务***平台,每个功能单据是由多个卡片组件组成的,卡片组件是通过单据配置功能配置到具体的单据上的,所以,当开发好具体的卡片组件后可以快速实现一个业务单据的功能,而且卡片组件之间具有一定的逻辑隔离性,减少了***功能之间的依赖和耦合;
3、敏捷式:本发明基于组件式、组合式的特点,***的单据由卡片组件组合配置而成,在此模式下可以快速创建一个功能页面,同时增减卡片组件也非常便捷,并不会破坏单据的整体功能,由于每个卡片组件的逻辑相对比较独立,耦合性较低,因此在修改一个组件卡片时所涉及的影响范围也比较少,使得***整体具有较高的敏捷特性,尤其当用户需求并不明确的时候,可以根据当前用户可知的最重要的功能进行单据功能的配置及实现,当功能不断具体和变化的过程中,通过卡片组件功能的可配置、低耦合等特性快速响应业务变更,最终使得难于在大型业务***平台中实施敏捷软件开发模式的问题得到了很好的解决;
4、场景化:业务***平台是由单据组成,单据是通过卡片组件组合而成,由于采用了卡片组件的设计方案,每个卡片都具有特定的原子化功能,基于此逻辑,不同类型的业务***平台的差异在于具体功能层面,而具体功能又是由卡片组件组成,当针对不同***特性开发具有针对性功能的卡片组件后,就可以使一套***满足多类场景的需要,例如:CRM***、金融交易***、订单管理***和进销存管理***等。
以上所述仅为本发明的较佳实施例而已,并不用以限制本发明,凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。

Claims (8)

1.一种基于卡片组件的高可配置的低代码开发平台的实现方法,其特征在于,包括:
根据业务需求构建卡片组件;
将卡片组件配置到单据中;
单据引擎获取单据中的卡片组件列表;
卡片组件根据预设逻辑获取数据并处理数据;
前端接受卡片组件处理后的数据并根据预设的前端逻辑渲染并展示成用户界面。
2.根据权利要求1所述的基于卡片组件的高可配置的低代码开发平台的实现方法,其特征在于,还包括:
用户界面获取操作指令;
前端根据用户的操作指令解析并计算数据;
卡片组件根据预设的数据存储逻辑,接收前端解析计算后的数据并保存至数据库。
3.根据权利要求1所述的基于卡片组件的高可配置的低代码开发平台的实现方法,其特征在于,基于业务需求构建卡片组件的步骤包括:
创建卡片前端组件;
进行卡片前端组件的实现;
基于业务需求确定卡片前端组件的界面;
将卡片后端对象与卡片前端组件对应集成。
4.根据权利要求3所述的基于卡片组件的高可配置的低代码开发平台的实现方法,其特征在于,创建卡片前端组件的步骤包括:
创建卡片抽象类,将卡片组件的基本功能进行抽象封装并预留增强接口;
卡片实现类继承卡片抽象类,并增加@Component注解,以使Spring容器自动扫描并注册。
5.根据权利要求4所述的基于卡片组件的高可配置的低代码开发平台的实现方法,其特征在于,卡片组件预留的增强接口包括配置接口、数据获取接口和数据创建与更新接口。
6.根据权利要求4所述的基于卡片组件的高可配置的低代码开发平台的实现方法,其特征在于,进行卡片前端组件的实现的步骤具体为:
将卡片前端组件在模块module.js中对Vue组件进行全局注册。
7.根据权利要求4所述的基于卡片组件的高可配置的低代码开发平台的实现方法,其特征在于,将卡片后端对象与卡片前端组件对应集成的步骤具体为:
一个卡片后端的Card对象对应一个卡片前端的Vue组件以及多个卡片前端的Vue配置组件。
8.根据权利要求4所述的基于卡片组件的高可配置的低代码开发平台的实现方法,其特征在于,将卡片组件配置到单据中的步骤包括:
向单据中增加卡片组件;
设置卡片组件在单据中显示的标题;
设置卡片组件在单据中显示的顺序。
CN202110814040.XA 2021-07-19 2021-07-19 一种基于卡片组件的高可配置的低代码开发平台的实现方法 Active CN113590111B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110814040.XA CN113590111B (zh) 2021-07-19 2021-07-19 一种基于卡片组件的高可配置的低代码开发平台的实现方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110814040.XA CN113590111B (zh) 2021-07-19 2021-07-19 一种基于卡片组件的高可配置的低代码开发平台的实现方法

Publications (2)

Publication Number Publication Date
CN113590111A true CN113590111A (zh) 2021-11-02
CN113590111B CN113590111B (zh) 2022-08-23

Family

ID=78248006

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110814040.XA Active CN113590111B (zh) 2021-07-19 2021-07-19 一种基于卡片组件的高可配置的低代码开发平台的实现方法

Country Status (1)

Country Link
CN (1) CN113590111B (zh)

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20180004543A1 (en) * 2016-06-30 2018-01-04 Sap Portals Israel Ltd. Centralized overview display generated from annotated data sources
CN107704243A (zh) * 2017-10-19 2018-02-16 用友网络科技股份有限公司 前端界面的构建方法及装置、计算机设备和存储介质
CN108933729A (zh) * 2018-06-12 2018-12-04 王静玺 一种实现消息交互的方法及***
CN110096279A (zh) * 2019-05-08 2019-08-06 湖南快乐阳光互动娱乐传媒有限公司 一种用户界面设计***及方法
CN110825362A (zh) * 2019-11-04 2020-02-21 广东道一信息技术股份有限公司 低代码应用软件开发***及方法
CN111061522A (zh) * 2019-12-16 2020-04-24 深圳市随金科技有限公司 基于后端生成前端卡片组件的方法、装置、设备及存储介质
CN112328212A (zh) * 2020-09-08 2021-02-05 中国电子***技术有限公司 一种基于引擎模式前后端分离的快速开发平台及其使用方法

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20180004543A1 (en) * 2016-06-30 2018-01-04 Sap Portals Israel Ltd. Centralized overview display generated from annotated data sources
CN107704243A (zh) * 2017-10-19 2018-02-16 用友网络科技股份有限公司 前端界面的构建方法及装置、计算机设备和存储介质
CN108933729A (zh) * 2018-06-12 2018-12-04 王静玺 一种实现消息交互的方法及***
CN110096279A (zh) * 2019-05-08 2019-08-06 湖南快乐阳光互动娱乐传媒有限公司 一种用户界面设计***及方法
CN110825362A (zh) * 2019-11-04 2020-02-21 广东道一信息技术股份有限公司 低代码应用软件开发***及方法
CN111061522A (zh) * 2019-12-16 2020-04-24 深圳市随金科技有限公司 基于后端生成前端卡片组件的方法、装置、设备及存储介质
CN112328212A (zh) * 2020-09-08 2021-02-05 中国电子***技术有限公司 一种基于引擎模式前后端分离的快速开发平台及其使用方法

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
最强的森: "技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-13-6.卡片组件的封装", 《HTTPS://BLOG.CSDN.NET/M0_51592186/ARTICLE/DETAILS/117462863》 *

Also Published As

Publication number Publication date
CN113590111B (zh) 2022-08-23

Similar Documents

Publication Publication Date Title
CN1705945B (zh) 提供查询的属性的方法和***
US6957191B1 (en) Automated financial scenario modeling and analysis tool having an intelligent graphical user interface
US8589311B2 (en) Designing business content for reporting
US20050055669A1 (en) Specification to ABAP code converter
US20040073564A1 (en) Data management interface and related methods
CN112150243A (zh) 一种基于业务中台的数字商城***
US20100211614A1 (en) Identification Scheme
US8352507B2 (en) Retrieval and storage of localized instances of data objects
US8463667B2 (en) Exporting and importing business templates
US20040230977A1 (en) Application interface for analytical tasks
US8442865B2 (en) Ecommerce marketplace integration techniques
US20030033225A1 (en) Multi-dimensional accounting engine
Abraham Product information management
US11704743B2 (en) Method and system for processing transactions based on transaction archetypes
CN116185397A (zh) 一种基于声明式组件的低代码引擎
US10922328B2 (en) Method and system for implementing an on-demand data warehouse
CN113590111B (zh) 一种基于卡片组件的高可配置的低代码开发平台的实现方法
US8112457B2 (en) System and method for dynamically building a web interface per data collecting rules
CN117174272A (zh) 一种基于大数据模型的药品控制方法、设备及介质
CN116680293A (zh) 一种店铺信息生成方法和***
CN110851568A (zh) 商品信息处理方法、终端设备及计算机可读存储介质
US8244588B1 (en) Method and apparatus for entering purchase information
KR100993309B1 (ko) Rfid 비즈니스 이벤트 모델링 시스템
CN117456416B (zh) 智能生成素材标签的方法及***
CN117435555B (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
GR01 Patent grant
GR01 Patent grant
TR01 Transfer of patent right
TR01 Transfer of patent right

Effective date of registration: 20230414

Address after: Room 220, 2nd Floor, Building 22, Yard A1, Guanghua Road, Tongzhou District, Beijing, 101100

Patentee after: Button Internet (Beijing) Technology Co.,Ltd.

Address before: No. 29 Youyi North Road, Hexi District, Tianjin City, 300202

Patentee before: Guo Rui

Patentee before: Wang Xincheng

Patentee before: Xie Bingsheng

PE01 Entry into force of the registration of the contract for pledge of patent right

Denomination of invention: Implementation method of a highly configurable low code development platform based on card components

Granted publication date: 20220823

Pledgee: Zhongguancun Branch of Bank of Beijing Co.,Ltd.

Pledgor: Button Internet (Beijing) Technology Co.,Ltd.

Registration number: Y2024110000174