一种基于模板语言的低代码快速开发方法技术

技术编号:35914804 阅读:31 留言:0更新日期:2022-12-10 10:56
本发明专利技术公开了一种基于模板语言的低代码快速开发方法,应用在低代码技术领域,本发明专利技术专利适配多种场景,系统提供多种常用的模板,并且支持新增自定义模板,不断完善模板库的同时也是在提升系统的灵活性,同时大大缩短开发周期,降低开发人员的使用门槛,通过简单培训即可快速上手,产品人员可以通过系统直接组合出想要的页面,再由开发人员来完善,减少了编码时间、试错成本以及沟通成本的投入;而且支持页面数据源配置,采用XPath的理念,可以实现页面元素与数据间的动态绑定;另外封装高质量的代码,减少后期因代码质量而产生的高运维成本。本。本。

【技术实现步骤摘要】
一种基于模板语言的低代码快速开发方法


[0001]本专利技术属于低代码
,特别涉及一种基于模板语言的低代码快速开发方法。

技术介绍

[0002]现如今大部分企业的IT系统正由信息化往数字化方向转型,期间新的业务需求层出不穷,而传统的应用软件开发都需要从零开始重新架构,一套完整的应用需要高昂的开发成本和漫长的迭代周期,且在其开发过程可能中存在大量不确定、频繁变更的需求,若是有交付周期的限制情况下还会造成交付的成果物定制能力较弱,代码质量差等一系列问题。

技术实现思路

[0003]本专利技术的目的在于针对现有的一种基于模板语言的低代码快速开发方法,其优点是定制能力强、代码质量好和成本低。
[0004]本专利技术的上述技术目的是通过以下技术方案得以实现的:一种基于模板语言的低代码快速开发方法的检测方法,包括以下步骤:
[0005]S1.用户登录系统,进入模板管理界面,从左侧模板中心中选择需要的模板,通过拖拽的方式拖动到中心的编辑区域,经过多种模板间的组合嵌套相互搭配及属性调整,完成所需的UI页面设计;
[0006]S2.对于更加复杂的页面,可以通过自己编写符合系统要求的模板文件的方式,将页面抽象为元数据,系统的渲染中心模块通过对模板文件中的元数据进行解析,确定页面各个元素之间的关系、样式的渲染以及数据的绑定,以此来完成对所需页面或模板的生成;
[0007]S3.对于排版好的UI页面,可以在右侧属性面板对每一个小的模板进行样式、数据源的配置,以此来达到优化完善页面的目的;
[0008]S4.将配置完成的页面通过导出按钮生成对应的代码,将所得代码导入到项目代码中,即可直接运行展示出实际效果,对于较为复杂的业务开发人员也可以进行微调代码来可完成功能交付。
[0009]优选的:步骤4中,使用者可以通过系统提供的模板快速搭建所需的页面,实现业务快速交付。
[0010]优选的:步骤4中,对于自定义需求,开发者可以通过配置模板文件的方式将页面分成由元素信息、样式信息、数据信息三个模块,这三个模块合起来称之为元数据,通过对元数据的解析系统能够自动渲染出页面。
[0011]优选的:步骤4中,系统将复杂的样式属性及数据配置构建成可视化的模块,用户可以根据实际需求调整参数配置,界面将同步响应出所更改的效果,易于理解、容易上手。
[0012]优选的:步骤4中,通过可视化配置或模板文件的解析完成页面的渲染之后可以一键生成所需的项目代码,减少开发人员对复杂业务的开发量,缩短复杂业务开发时间。
[0013]综上所述,本专利技术具有以下有益效果:
[0014]1、适配多种场景,系统提供多种常用的模板,并且支持新增自定义模板,不断完善模板库的同时也是在提升系统的灵活性;
[0015]2、大大缩短开发周期,降低开发人员的使用门槛,通过简单培训即可快速上手,产品人员可以通过系统直接组合出想要的页面,再由开发人员来完善,减少了编码时间、试错成本以及沟通成本的投入;
[0016]3、支持页面数据源配置,采用XPath的理念,可以实现页面元素与数据间的动态绑定;
[0017]4、封装高质量的代码,减少后期因代码质量而产生的高运维成本。
附图说明
[0018]图1为本专利技术流程示意图。
具体实施方式
[0019]以下结合附图对本专利技术作进一步详细说明。
[0020]参考图1,一种基于模板语言的低代码快速开发方法,包括以下步骤:
[0021]S1.用户登录系统,进入模板管理界面,从左侧模板中心中选择需要的模板,通过拖拽的方式拖动到中心的编辑区域,经过多种模板间的组合嵌套相互搭配及属性调整,完成所需的UI页面设计;
[0022]S2.对于更加复杂的页面,可以通过自己编写符合系统要求的模板文件的方式,将页面抽象为元数据,系统的渲染中心模块通过对模板文件中的元数据进行解析,确定页面各个元素之间的关系、样式的渲染以及数据的绑定,以此来完成对所需页面或模板的生成;
[0023]S3.对于排版好的UI页面,可以在右侧属性面板对每一个小的模板进行样式、数据源的配置,以此来达到优化完善页面的目的;
[0024]S4.将配置完成的页面通过导出按钮生成对应的代码,将所得代码导入到项目代码中,即可直接运行展示出实际效果,对于较为复杂的业务开发人员也可以进行微调代码来可完成功能交付。
[0025]实施例1:
[0026]参考图1,首先用户登录系统,进入模板管理界面,从左侧模板中心中选择需要的模板,通过拖拽的方式拖动到中心的编辑区域,经过多种模板间的组合嵌套相互搭配及属性调整,完成所需的UI页面设计;对于更加复杂的页面,可以通过自己编写符合系统要求的模板文件的方式,将页面抽象为元数据,系统的渲染中心模块通过对模板文件中的元数据进行解析,确定页面各个元素之间的关系、样式的渲染以及数据的绑定,以此来完成对所需页面或模板的生成;对于排版好的UI页面,可以在右侧属性面板对每一个小的模板进行样式、数据源的配置,以此来达到优化完善页面的目的;将配置完成的页面通过导出按钮生成对应的代码,将所得代码导入到项目代码中,即可直接运行展示出实际效果,对于较为复杂的业务开发人员也可以进行微调代码来可完成功能交付。
[0027]实施例2:
[0028]在实施例1中加入如下内容:
[0029]步骤4中,使用者可以通过系统提供的模板快速搭建所需的页面,实现业务快速交付;
[0030]步骤4中,对于自定义需求,开发者可以通过配置模板文件的方式将页面分成由元素信息、样式信息、数据信息三个模块,这三个模块合起来称之为元数据,通过对元数据的解析系统能够自动渲染出页面。
[0031]参考图1,首先用户登录系统,进入模板管理界面,从左侧模板中心中选择需要的模板,通过拖拽的方式拖动到中心的编辑区域,经过多种模板间的组合嵌套相互搭配及属性调整,完成所需的UI页面设计;对于更加复杂的页面,可以通过自己编写符合系统要求的模板文件的方式,将页面抽象为元数据,系统的渲染中心模块通过对模板文件中的元数据进行解析,确定页面各个元素之间的关系、样式的渲染以及数据的绑定,以此来完成对所需页面或模板的生成;对于排版好的UI页面,可以在右侧属性面板对每一个小的模板进行样式、数据源的配置,以此来达到优化完善页面的目的;将配置完成的页面通过导出按钮生成对应的代码,将所得代码导入到项目代码中,即可直接运行展示出实际效果,对于较为复杂的业务开发人员也可以进行微调代码来可完成功能交付,使用者可以通过系统提供的模板快速搭建所需的页面,实现业务快速交付;对于自定义需求,开发者可以通过配置模板文件的方式将页面分成由元素信息、样式信息、数据信息三个模块,这三个模块合起来称之为元数据,通过对元数据的解析系统能够自动渲染出页面。
[0032]实施例3:
[0033]在实施例2中加入如下内容:
[0034]步骤4中,系统将复杂的样式属性及数据配置构建成可本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种基于模板语言的低代码快速开发方法的检测方法,其特征在于:包括以下步骤:S1.用户登录系统,进入模板管理界面,从左侧模板中心中选择需要的模板,通过拖拽的方式拖动到中心的编辑区域,经过多种模板间的组合嵌套相互搭配及属性调整,完成所需的UI页面设计;S2.对于更加复杂的页面,可以通过自己编写符合系统要求的模板文件的方式,将页面抽象为元数据,系统的渲染中心模块通过对模板文件中的元数据进行解析,确定页面各个元素之间的关系、样式的渲染以及数据的绑定,以此来完成对所需页面或模板的生成;S3.对于排版好的UI页面,可以在右侧属性面板对每一个小的模板进行样式、数据源的配置,以此来达到优化完善页面的目的;S4.将配置完成的页面通过导出按钮生成对应的代码,将所得代码导入到项目代码中,即可直接运行展示出实际效果,对于较为复杂的业务开发人员也可以进行微调代码来可完成功能交付。2.根据权利要求1所述的一种基于模板语言的低代码快速开发方法...

【专利技术属性】
技术研发人员:潘航威余力陈晨
申请(专利权)人:福建海峡基石科技集团有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1