基于VUE和Ant-Design生成兼容多种数据库的代码生成方法与流程

未命名 10-08 阅读:113 评论:0

基于vue和ant-design生成兼容多种数据库的代码生成方法
技术领域
1.本发明涉及代码生成技术领域,尤其涉及基于vue和ant-design生成兼容多种数据库的代码生成方法。


背景技术:

2.vue是一款用于构建用户界面的javascript框架。它基于标准html、css和javascript构建,并提供了一套声明式的、组件化的编程模型,帮助开发者高效地开发用户界面。
3.ant design是一个带设计语言的免费 ui 框架,一个致力于提升「用户」和「设计者」使用体验的企业级设计体系,简单地说,能够让使用它的人更愉悦。ant design使用专业的ui组件库,既能快速搭建项目,后期也容易维护,在敏捷开发项目中尤为常见。设计师可以下载设计文件,在做设计图时直接使用模板,既能快速出图,也保证了前端还原实现。
4.在软件项目开发的过程中,针对数控库的设计规范和数据库关系设计的共享都有很高的要求,目前采取的方式是通过开发人员自己编写数据库设计文档的方式来实现,但是这很大程度上增加了工作量,而且经常存在文档更新不及时,不准确的问题。


技术实现要素:

5.本发明的目的是为了解决现有技术中存在的缺点,而提出的基于vue和ant-design生成兼容多种数据库的代码生成方法。
6.为了实现上述目的,本发明采用了如下技术方案:基于vue和ant-design生成兼容多种数据库的代码生成方法,包括以下步骤:s1:用户通过可视界面进行表单定义;s2:系统根据配置自动生成文档数据库模型;s3:系统根据配置自动生成结构化数据库模型;s4:自动生成业务代码;s5:表单样式定义;s6:将代码同步到代码托管工具上,根据样式文件中配置的表单信息自动渲染生成表单;s7:对于数据库连接失败的情况,自动发起重连,3次连接失败的情况,发送邮件提醒;s8:针对提取的数据库信息,进行规范性检查,并将检测信息导出成文件。
7.作为上述技术方案的进一步描述:所述步骤s1中,采用vue构建的前端,基于ant-design进行的用户校验,采用前后端分离的方法;或将组件移植到本地启动,执行单次任务生成表单。
8.作为上述技术方案的进一步描述:所述步骤s5中,表单样式定义包括:
原始表单模板创建:创建一个原始的文档模板用于每一份文档自动创建,原始文档模板打开后里面内容为空白;表单模板编辑:根据生成文档中需要的内容,通过拖拽数据节点,将文档所需内容对应的数据拖拽到相应的位置,设置好数据的前后顺序以及迭代;表单模板保存:用以保存编辑完成后的文档模板,生成文档时根据文档模板中的配置抓取相应的数据内容生成文档内容。
9.作为上述技术方案的进一步描述:所述步骤s3中,用户系统连接数据库,获取数据表列表,获取表结构和字段详情,并对获取的信息进行结构化,使得生成相应的数据库脚本。
10.本发明具有如下有益效果:与现有技术相比,该基于vue和ant-design生成兼容多种数据库的代码生成方法,通过组件的应用,减轻了开发人员在进行数据库设计的时候关于文档方面的工作量。支持多种数据库,通过配置数据库连接和更新时间,提高了文档生成的便捷性,以及文档更新的及时性。配置代码托管工具,并实现自动提交更新,使得文档的共享更加方便;同时通过将数据库脚本解析封装为对应的java语言类,使得数据库脚本使用更加宽泛,且消除了人为误差,便于扩展到其他类型的文档生成。
附图说明
11.图1为本发明提出的基于vue和ant-design生成兼容多种数据库的代码生成方法的流程图。
实施方式
12.下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
13.参照图1,本发明提供的基于vue和ant-design生成兼容多种数据库的代码生成方法,包括以下步骤:s1:用户通过可视界面进行表单定义;s2:系统根据配置自动生成文档数据库模型;s3:系统根据配置自动生成结构化数据库模型;s4:自动生成业务代码;s5:表单样式定义;s6:将代码同步到代码托管工具上,根据样式文件中配置的表单信息自动渲染生成表单;s7:对于数据库连接失败的情况,自动发起重连,3次连接失败的情况,发送邮件提醒;s8:针对提取的数据库信息,进行规范性检查,并将检测信息导出成文件。
14.步骤s1中,采用vue构建的前端,基于ant-design进行的用户校验,采用前后端分
离的方法;或将组件移植到本地启动,执行单次任务生成表单。
15.步骤s5中,3、表单样式定义包括:原始表单模板创建:创建一个原始的文档模板用于每一份文档自动创建,原始文档模板打开后里面内容为空白;表单模板编辑:根据生成文档中需要的内容,通过拖拽数据节点,将文档所需内容对应的数据拖拽到相应的位置,设置好数据的前后顺序以及迭代;表单模板保存:用以保存编辑完成后的文档模板,生成文档时根据文档模板中的配置抓取相应的数据内容生成文档内容。
16.步骤s3中,用户系统连接数据库,获取数据表列表,获取表结构和字段详情,并对获取的信息进行结构化,使得生成相应的数据库脚本。
17.最后应说明的是:以上所述仅为本发明的优选实施例而已,并不用于限制本发明,尽管参照前述实施例对本发明进行了详细的说明,对于本领域的技术人员来说,其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换,凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。


技术特征:
1.基于vue和ant-design生成兼容多种数据库的代码生成方法,其特征在于,包括以下步骤:s1:用户通过可视界面进行表单定义;s2:系统根据配置自动生成文档数据库模型;s3:系统根据配置自动生成结构化数据库模型;s4:自动生成业务代码;s5:表单样式定义;s6:将代码同步到代码托管工具上,根据样式文件中配置的表单信息自动渲染生成表单;s7:对于数据库连接失败的情况,自动发起重连,3次连接失败的情况,发送邮件提醒;s8:针对提取的数据库信息,进行规范性检查,并将检测信息导出成文件。2.根据权利要求1所述的基于vue和ant-design生成兼容多种数据库的代码生成方法,其特征在于,所述步骤s1中,采用vue构建的前端,基于ant-design进行的用户校验,采用前后端分离的方法;或将组件移植到本地启动,执行单次任务生成表单。3.根据权利要求1所述的基于vue和ant-design生成兼容多种数据库的代码生成方法,其特征在于,所述步骤s5中,表单样式定义包括:原始表单模板创建:创建一个原始的文档模板用于每一份文档自动创建,原始文档模板打开后里面内容为空白;表单模板编辑:根据生成文档中需要的内容,通过拖拽数据节点,将文档所需内容对应的数据拖拽到相应的位置,设置好数据的前后顺序以及迭代;表单模板保存:用以保存编辑完成后的文档模板,生成文档时根据文档模板中的配置抓取相应的数据内容生成文档内容。4.根据权利要求1所述的基于vue和ant-design生成兼容多种数据库的代码生成方法,其特征在于,所述步骤s3中,用户系统连接数据库,获取数据表列表,获取表结构和字段详情,并对获取的信息进行结构化,使得生成相应的数据库脚本。

技术总结
本发明公开了基于VUE和Ant-Design生成兼容多种数据库的代码生成方法,包括以下步骤:S1:用户通过可视界面进行表单定义;S2:系统根据配置自动生成文档数据库模型;S3:系统根据配置自动生成结构化数据库模型;S4:自动生成业务代码;S5:表单样式定义;S6:将代码同步到代码托管工具上,根据样式文件中配置的表单信息自动渲染生成表单;S7:对于数据库连接失败的情况,自动发起重连,3次连接失败的情况,发送邮件提醒;S8:针对提取的数据库信息,进行规范性检查,并将检测信息导出成文件。本发明提高了代码生成的便捷性,极大提高了软件开发的效率。效率。效率。


技术研发人员:雷之宇 刘宇 邹悠珍 周莹莹 杨丽
受保护的技术使用者:北京杰软科技有限公司
技术研发日:2023.09.01
技术公布日:2023/10/6
版权声明

本文仅代表作者观点,不代表航空之家立场。
本文系作者授权航家号发表,未经原创作者书面授权,任何单位或个人不得引用、复制、转载、摘编、链接或以其他任何方式复制发表。任何单位或个人在获得书面授权使用航空之家内容时,须注明作者及来源 “航空之家”。如非法使用航空之家的部分或全部内容的,航空之家将依法追究其法律责任。(航空之家官方QQ:2926969996)

飞行汽车 https://www.autovtol.com/

分享:

扫一扫在手机阅读、分享本文

相关推荐