System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 一种基于数据库集中管理的前端页面拼接方法及系统技术方案_技高网

一种基于数据库集中管理的前端页面拼接方法及系统技术方案

技术编号:40181493 阅读:5 留言:0更新日期:2024-01-26 23:47
本发明专利技术提供一种基于数据库集中管理的前端页面拼接方法及系统,方法包括:获取组件信息,将组件信息加载到目录树上;当组件信息在组件配置明细模型中存在对应记录时,则读取组件模型、参数模型、组件与参数的关系模型进行单个组件的参数渲染,读取组件配置明细模型中对应组件ID的参数的具体数据并进行更新,读取组件目录模型并进行目录树的内容更新;当组件信息在组件配置明细模型中不存在对应记录时,则读取组件模型、参数模型、组件与参数的关系模型进行单个组件的参数渲染。本发明专利技术提供的基于数据库集中管理的前端页面拼接方法及系统,通过读取组件模型、参数模型、组件与参数的关系模型来实现前端页面的拼接,极大的提升了工作效率。

【技术实现步骤摘要】

本专利技术涉及数据库集中管理,特别是涉及一种基于数据库集中管理的前端页面拼接方法及系统


技术介绍

1、现有的前端页面拼接实现,需要专业的前端开发人员根据需求进行开发和维护相关工具,再基于工具去实现页面的拼接,任何优化或者修改都需要专业的前端软件开发人员去进行开发实现。而且现有前端技术门槛较高,不仅要有扎实的技术基础和开发经验,还需要理解和掌握拼接平台的设计思想和方式。所以拼接工具的开发和维护成本很高,需要进行大量的开发和测试工作。

2、因此需要提供一种基于数据库集中管理的前端页面拼接方法及系统,能够解决上述问题。


技术实现思路

1、本专利技术针对现有技术存在的问题和不足,提供一种基于数据库集中管理的前端页面拼接方法及系统。

2、本专利技术是通过下述技术方案来解决上述技术问题的:

3、本专利技术提供一种基于数据库集中管理的前端页面拼接方法,所述方法包括:

4、获取组件信息,将所述组件信息加载到目录树上,所述组件信息包括组件id;

5、根据所述组件id判断所述组件信息在组件配置明细模型中是否存在对应记录;

6、当所述组件信息在所述组件配置明细模型中存在对应记录时,则读取组件模型、参数模型、组件与参数的关系模型进行单个组件的参数渲染,读取所述组件配置明细模型中对应所述组件id的参数的具体数据并进行更新,读取组件目录模型并进行所述目录树的内容更新;

7、当所述组件信息在所述组件配置明细模型中不存在对应记录时,则读取组件模型、参数模型、组件与参数的关系模型进行单个组件的参数渲染;

8、以页面为维度将所述组件信息存储到组件目录结构模型和所述组件配置明细模型。

9、优选地,所述组件模型包括组件框架,所述组件框架以json格式存储;

10、所述参数模型包括参数代码和数据格式,所述数据格式包括文本框、数值框、布尔值、日期以及选择。

11、优选地,所述组件与参数的关系模型包括配置组件参数的关系以及对应默认值。

12、优选地,当所述参数模型包括的参数为循环类参数时,通过以下方式得到每个参数的具体值:

13、同一个组件id下,先读取相同参数类别的主数据对应的主数据对应的attrdtl,判断attrdtl里面包含哪些参数,然后用参数名在该循环类参数中寻找替换,若所述参数名不存在则用null值替换,依此循环,直至attrdtl里不包含参数为止,得到参数类别具体值。

14、优选地,当所述参数模型包括的参数为非循环类参数时,通过以下方式得到每个参数的具体值:

15、同一个组件id下,相同参数类别的数据按照升序排列,按照预设格式进行拼接,同一个组件id的不同参数用逗号为间隔进行拼接,得到参数类别具体值。

16、优选地,将不同框架代码中的参数用所述参数类别具体值进行替换,得到不同组件的完整代码。

17、优选地,将所述不同组件的完整代码进行层级和排序拼接,得到页面完整代码,根据所述组件目录模型中的组件id、上一级组件id以及排序构建出不同组件之间的目录结构。

18、优选地,对所述不同组件的完整代码进行页面渲染。

19、优选地,支持固定网址拼接页面编码参数变量的路由形式进行展示。

20、本专利技术还提供一种基于数据库集中管理的前端页面拼接系统,所述系统包括:

21、组件信息获取模块,其用于获取组件信息,将所述组件信息加载到目录树上,所述组件信息包括组件id;

22、记录判断模块,其用于根据所述组件id判断所述组件信息在组件配置明细模型中是否存在对应记录;

23、第一组件信息读取模块,其用于当所述组件信息在所述组件配置明细模型中存在对应记录时,则读取组件模型、参数模型、组件与参数的关系模型进行单个组件的参数渲染,读取所述组件配置明细模型中对应所述组件id的参数的具体数据并进行更新,读取组件目录模型并进行所述目录树的内容更新;

24、第二组件信息读取模块,其用于当所述组件信息在所述组件配置明细模型中不存在对应记录时,则读取组件模型、参数模型、组件与参数的关系模型进行单个组件的参数渲染;

25、组件信息存储模块,其用于以页面为维度将所述组件信息存储到组件目录结构模型和所述组件配置明细模型。

26、与现有技术相比,本专利技术实施例的技术方案具有以下有益效果:

27、本专利技术实施例提供的基于数据库集中管理的页面代码自动生成方法及系统,获取组件信息,将所述组件信息加载到目录树上,所述组件信息包括组件id;根据所述组件id判断所述组件信息在组件配置明细模型中是否存在对应记录;当所述组件信息在所述组件配置明细模型中存在对应记录时,则读取组件模型、参数模型、组件与参数的关系模型进行单个组件的参数渲染,读取所述组件配置明细模型中对应所述组件id的参数的具体数据并进行更新,读取组件目录模型并进行所述目录树的内容更新;当所述组件信息在所述组件配置明细模型中不存在对应记录时,则读取组件模型、参数模型、组件与参数的关系模型进行单个组件的参数渲染;以页面为维度将所述组件信息存储到组件目录结构模型和所述组件配置明细模型,从而大大降低了前端页面拼接的准入门槛,大幅度提高页面拼接的效率;

28、进一步地,当所述参数模型包括的参数为循环类参数时,通过以下方式得到每个参数的具体值:同一个组件id下,先读取相同参数类别的主数据对应的主数据对应的attrdtl,判断attrdtl里面包含哪些参数,然后用参数名在该循环类参数中寻找替换,若所述参数名不存在则用null值替换,依此循环,直至attrdtl里不包含参数为止,得到参数类别具体值,从而有效获取到每个参数的具体值;

29、进一步地,当所述参数模型包括的参数为非循环类参数时,通过以下方式得到每个参数的具体值:同一个组件id下,相同参数类别的数据按照升序排列,按照预设格式进行拼接,同一个组件id的不同参数用逗号为间隔进行拼接,得到参数类别具体值,从而快速获取到每个参数的具体值。

本文档来自技高网...

【技术保护点】

1.一种基于数据库集中管理的前端页面拼接方法,其特征在于,所述方法包括:

2.根据权利要求1所述的基于数据库集中管理的前端页面拼接方法,其特征在于,

3.根据权利要求1所述的基于数据库集中管理的前端页面拼接方法,其特征在于,所述组件与参数的关系模型包括配置组件参数的关系以及对应默认值。

4.根据权利要求1所述的基于数据库集中管理的前端页面拼接方法,其特征在于,当所述参数模型包括的参数为循环类参数时,通过以下方式得到每个参数的具体值:

5.根据权利要求1所述的基于数据库集中管理的前端页面拼接方法,其特征在于,当所述参数模型包括的参数为非循环类参数时,通过以下方式得到每个参数的具体值:

6.根据权利要求4或5所述的基于数据库集中管理的前端页面拼接方法,其特征在于,将不同框架代码中的参数用所述参数类别具体值进行替换,得到不同组件的完整代码。

7.根据权利要求6所述的基于数据库集中管理的前端页面拼接方法,其特征在于,将所述不同组件的完整代码进行层级和排序拼接,得到页面完整代码,根据所述组件目录模型中的组件ID、上一级组件ID以及排序构建出不同组件之间的目录结构。

8.根据权利要求6所述的基于数据库集中管理的前端页面拼接方法,其特征在于,对所述不同组件的完整代码进行页面渲染。

9.根据权利要求6所述的基于数据库集中管理的前端页面拼接方法,其特征在于,支持固定网址拼接页面编码参数变量的路由形式进行展示。

10.一种基于数据库集中管理的前端页面拼接系统,其特征在于,所述系统包括:

...

【技术特征摘要】

1.一种基于数据库集中管理的前端页面拼接方法,其特征在于,所述方法包括:

2.根据权利要求1所述的基于数据库集中管理的前端页面拼接方法,其特征在于,

3.根据权利要求1所述的基于数据库集中管理的前端页面拼接方法,其特征在于,所述组件与参数的关系模型包括配置组件参数的关系以及对应默认值。

4.根据权利要求1所述的基于数据库集中管理的前端页面拼接方法,其特征在于,当所述参数模型包括的参数为循环类参数时,通过以下方式得到每个参数的具体值:

5.根据权利要求1所述的基于数据库集中管理的前端页面拼接方法,其特征在于,当所述参数模型包括的参数为非循环类参数时,通过以下方式得到每个参数的具体值:

6.根据权利要求4或5所述的基于数据库集中管理的...

【专利技术属性】
技术研发人员:许峰彭云苹
申请(专利权)人:上海宽睿信息科技有限责任公司
类型:发明
国别省市:

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

1