一种实现xml格式表结构可视化以及建表语句生成的方法与流程

文档序号:30496791发布日期:2022-06-22 05:22阅读:318来源:国知局
1.本发明公开一种方法,涉及可视化
技术领域
:,具体地说是一种实现xml格式表结构可视化以及建表语句生成的方法。
背景技术
::2.设计人员根据固定格式的xml格式编写表数据结构设计,指导开发人员开发,开发人员通常通过文本编辑器,或者ie浏览器查看表数据结构,并且开发人员只能根据表数据结构内容人工编写建表语句,然后在数据库中创建,不仅增加消耗了时间成本,无形中也增加了错误发生的概率。技术实现要素:3.本发明针对现有技术的问题,提供一种实现xml格式表结构可视化以及建表语句生成的方法,可以直接在浏览器中查看,一键生成建表语句进行建表操作,同时可以进行收藏操作,便于后期查看。4.本发明提出的具体方案是:5.本发明提供一种实现xml格式表结构可视化以及建表语句生成的方法,按照固定xml格式编写表数据结构,根据所述表数据结构形成xml文件,6.通过vue技术,对所述xml文件进行标签解析,在浏览器中呈现表格化的xml文件的文本内容,7.通过typescript对所述文本内容中每个数据表的关键信息进行捕获并拼接,生成建表语句,用于展示于前台。8.进一步,所述的一种实现xml格式表结构可视化以及建表语句生成的方法中所述通过vue技术,对所述xml文件进行标签解析,包括:9.将所述xml文件的文本内容读取为流文件并转换为字符串,将所述xml文件按照固定xml格式解析成hash表,对hash表进行遍历并组织成树形结构。10.进一步,所述的一种实现xml格式表结构可视化以及建表语句生成的方法中所述在浏览器中呈现表格化的xml文件的文本内容,包括:11.通过vue模板化语言将树形结构可视化为html中的table标签,用于浏览器呈现。12.进一步,所述的一种实现xml格式表结构可视化以及建表语句生成的方法中所述通过typescript对所述文本内容中每个数据表的关键信息进行拼接,生成建表语句,包括:13.通过监听每个数据表的点击事件,确定数据表的id,根据id通过树形结构进行字符串拼接,生成建表语句。14.进一步,所述的一种实现xml格式表结构可视化以及建表语句生成的方法中将所述文件内容进行json转换,将转换后json数据作为value值,xml文件名为key,保存在浏览器localstorage中。15.本发明还提供一种实现xml格式表结构可视化以及建表语句生成的装置,包括编写模块、解析呈现模块及语句生成模块,16.所述编写模块按照固定xml格式编写表数据结构,根据所述表数据结构形成xml文件,17.所述解析呈现模块通过vue技术,对所述xml文件进行标签解析,在浏览器中呈现表格化的xml文件的文本内容,18.所述语句生成模块通过typescript对所述文本内容中每个数据表的关键信息进行捕获并拼接,生成建表语句,用于展示于前台。19.进一步,所述的一种实现xml格式表结构可视化以及建表语句生成的装置中所述解析呈现模块通过vue技术,对所述xml文件进行标签解析,包括:20.将所述xml文件的文本内容读取为流文件并转换为字符串,将所述xml文件按照固定xml格式解析成hash表,对hash表进行遍历并组织成树形结构。21.进一步,所述的一种实现xml格式表结构可视化以及建表语句生成的装置中所述解析呈现模块在浏览器中呈现表格化的xml文件的文本内容,包括:22.通过vue模板化语言将树形结构可视化为html中的table标签,用于浏览器呈现。23.进一步,所述的一种实现xml格式表结构可视化以及建表语句生成的装置中所述语句生成模块通过typescript对所述文本内容中每个数据表的关键信息进行拼接,生成建表语句,包括:24.通过监听每个数据表的点击事件,确定数据表的id,根据id通过树形结构进行字符串拼接,生成建表语句。25.进一步,所述的一种实现xml格式表结构可视化以及建表语句生成的装置中还包括收藏模块,所述收藏模块将所述文件内容进行json转换,将转换后json数据作为value值,xml文件名为key,保存在浏览器localstorage中。26.本发明的有益之处是:27.本发明提供一种实现xml格式表结构可视化以及建表语句生成的方法,可以对规定格式的xml文件进行客户端解析,通过浏览器对表数据结构内容以表格的形式直观展示,可以对文件中的表数据结构一键生成建表语句并允许复制,节省了时间成本同时降低了错误发生的概率。附图说明28.为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。29.图1是表数据结构设计界面示意图。30.图2是前台界面展示示意图。31.图3是本发明方法流程示意图。具体实施方式32.下面结合附图和具体实施例对本发明作进一步说明,以使本领域的技术人员可以更好地理解本发明并能予以实施,但所举实施例不作为对本发明的限定。33.本发明提供一种实现xml格式表结构可视化以及建表语句生成的方法,按照固定xml格式编写表数据结构,根据所述表数据结构形成xml文件,34.通过vue技术,对所述xml文件进行标签解析,在浏览器中呈现表格化的xml文件的文本内容,35.通过typescript对所述文本内容中每个数据表的关键信息进行捕获并拼接,生成建表语句,用于展示于前台。36.开发人员可以通过本发明方法直接在浏览器中查看,一键生成建表语句进行建表操作,同时可以进行收藏操作,便于后期查看。37.具体应用时,在本发明的一些实施例中,进行xml格式表结构可视化以及建表语句生成时,38.以固定xml格式编写表数据结构,格式可参考图1,其中标签结构可参考表1。39.表140.标签名称标签说明database数据库名称subsystem系统名称module系统模块名称submodule系统子模块名称table数据表名称rem数据表说明column数据表列名41.column中required代表是否必填字段,type代表字段类型,primarykey代表是否为主键,note为字段备注。42.通过vue技术,对导入的xml文件进行标签解析,解析的过程为:将xml文本读取为流并转换为字符串,将xml按照其格式解析成hash表的格式,对hash表进行遍历组织成一棵方便查找的带有id的树形结构,对树形结构,通过vue模板化语言,响应式的把结构化的树形结构可视化为html中的table,用于浏览器呈现。43.建表语句生成,在每个数据表,使用typescript,对文本内容中的id,primarykey,required,type,size等关键信息进行捕获,通过监听数据表格的点击事件,进而确定数据表格的id,获取id之后,通过对树形结构的处理,对其进行字符串拼接,最终生成建表语句,展示于前台。44.基于上述实施过程,还可将文件内容进行json转换,同时将json数据作为value值,xml文件名为key,保存在浏览器localstorage中。收藏之后即可在收藏列表中找到,便于下次浏览。45.本发明还提供一种实现xml格式表结构可视化以及建表语句生成的装置,包括编写模块、解析呈现模块及语句生成模块,46.所述编写模块按照固定xml格式编写表数据结构,根据所述表数据结构形成xml文件,47.所述解析呈现模块通过vue技术,对所述xml文件进行标签解析,在浏览器中呈现表格化的xml文件的文本内容,48.所述语句生成模块通过typescript对所述文本内容中每个数据表的关键信息进行捕获并拼接,生成建表语句,用于展示于前台。49.上述装置内的各模块之间的信息交互、执行过程等内容,由于与本发明方法实施例基于同一构思,具体内容可参见本发明方法实施例中的叙述,此处不再赘述。50.需要说明的是,上述各流程和各装置结构中不是所有的步骤和模块都是必须的,可以根据实际的需要忽略某些步骤或模块。各步骤的执行顺序不是固定的,可以根据需要进行调整。上述各实施例中描述的系统结构可以是物理结构,也可以是逻辑结构,即,有些模块可能由同一物理实体实现,或者,有些模块可能分由多个物理实体实现,或者,可以由多个独立设备中的某些部件共同实现。51.以上所述实施例仅是为充分说明本发明而所举的较佳的实施例,本发明的保护范围不限于此。本
技术领域
:的技术人员在本发明基础上所作的等同替代或变换,均在本发明的保护范围之内。本发明的保护范围以权利要求书为准。当前第1页12当前第1页12
当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1