一种XML生成WEB前端图像方法及WEB前端图像生成XML方法技术

本申请公开了一种XML生成WEB前端图像方法及WEB前端图像生成XML方法。所述XML生成WEB前端图像的方法包括：web客户端在HTML的页面中定义一个div块状元素；web客户端调用javascript SDK包中的图像构造器的图像转化函数并为图像转化函数传入第一参数以及第二参数；web客户端根据所述第一参数以及第二参数判断是否能够进行图像转换，若是，则获取预设变量信息并为预设变量信息进行赋值；根据第一参数、第二参数以及进行赋值后的预设变量信息将具体图形的SVG值的集合转化成图像后加载至面板，从而生成WEB前端图像。本申请的XML生成WEB前端图像的方法能够提高开发效率，有效的缩短开发周期，简化了开发者的代码，方便代码后期维护与管理。码后期维护与管理。码后期维护与管理。

【技术实现步骤摘要】
一种XML生成WEB前端图像方法及WEB前端图像生成XML方法


[0001]本申请涉及计算机
，具体涉及一种XML生成WEB前端图像的方法以及WEB前端图像生成XML方法。

技术介绍

[0002]企业内部管理系统的业务功能越来越完善，可视化的业务功能需求越来越多，可视化图像加文字的方式展示的WEB前端业务功能，提高了视觉目标搜索的效率，能够大量利用颜色、形状等视觉信息，发挥人的形象感知和形象思维的潜能，提高了信息传递的效率，让使用人员清晰、易读的看懂业务内容，可视化业务功能带来便利的同时也给业务功能开发增加不同程度的难度，可视化业务功能的数据结构、服务端对业务数据的提取都会影响可视化业务功能开发的效率。
[0003]一个内部管理系统涵盖多个不同的可视化业务功能，每一个可视化业务功能都独立开发，开发周期受到影响的同时，也给后期的维护升级带来了不同程度开发成本。
[0004]现有技术采用硬编码方式，然而，硬编码方式影响了开发效率，如果图像有扩增和变动需要重新修改代码。
[0005]因此，希望有一种技术方案来克服或至少减轻现有技术的至少一个上述缺陷。

技术实现思路

[0006]本专利技术的目的在于提供一种XML生成WEB前端图像的方法来克服或至少减轻现有技术的至少一个上述缺陷。
[0007]本专利技术的一个方面，提供一种XML生成WEB前端图像的方法，所述XML生成WEB前端图像的方法包括：web客户端在HTML的页面中定义一个div块状元素；web客户端调用javascript SDK包中的图像构造器的图像转化函数并为图像转化函数传入第一参数以及第二参数；web客户端根据所述第一参数以及第二参数判断是否能够进行图像转换，若是，则获取预设变量信息并为预设变量信息进行赋值；根据第一参数、第二参数以及进行赋值后的预设变量信息将具体图形的SVG值的集合转化成图像后加载至面板，从而生成WEB前端图像。
[0008]可选地，所述web客户端根据所述第一参数以及第二参数判断是否能够进行图像转换包括：检查第一个参数是否为空,若否，则根据第一个参数获取div块状元素的DOM对象并检查DOM对象是否在HTML页面中定义并且判断DOM对象的类型是否等于object类型，若是，则将DOM对象赋值给container全局变量并判断能够进行图像转换。
[0009]可选地，所述获取预设变量信息包括：
定义一个名为xmlStr字符串变量，所述xmlStr字符串变量用于存储XML结构数据；定义一个名为readOnlyStr字符串变量，所述readOnlyStr字符串变量用于存储只读标识；定义一个名为exceptionStrategyStr字符串变量，所述exceptionStrategyStr字符串变量用于存储图像异常处理策略标识；定义一个名为iconIndex数字类型变量，所述iconIndex数字类型变量用于存储扩展图库模板图形模板分类的索引。
[0010]可选地，所述为预设变量信息进行赋值包括：判断第二个参数的类型是否等于object类型，若否，则给xmlStr变量赋一个空值，给readOnlyStr变量赋一个空值，给exceptionStrategyStr赋值一个字符串1，给iconIndex赋值一个数字
‑
1。
[0011]可选地，所述为预设变量信息进行赋值进一步包括：判断第二个参数的类型是否等于object类型，若是，则判断第二个参数中的第一个数据XML结构数据是否等于空，若否，则把第二个参数中的第一个数据XML结构数据赋值给xmlStr变量；判断第二个参数中的第二个数据只读标识是否等于空，若否，则把第二个参数中的第二个数据只读标识赋值给readOnlyStr变量；判断第二个参数中的第三个数据图像异常处理策略标识是否等于空，若否，则把第二个参数中的第三个数据图像异常处理策略标识赋值给readOnlyStr变量；判断第二个参数中的第四个数据扩展图库模板图形模板分类的索引是否等于空，若否，则把第二个参数中的第四个数据扩展图库模板图形模板分类的索引赋值给iconIndex变量。
[0012]可选地，所述根据第一参数、第二参数以及进行赋值后的预设变量信息将具体图形的SVG值的集合转化成图像后加载至面板，从而生成WEB前端图像包括：判断xmlStr字符串变量的值是否等于空，若是，则转换一个空白页面；判断readOnlyStr字符串变量的值是否不等于readOnly，若是，则用container全局变量创建一个浮动图形操作面板，通过浮动图形操作面板把具体图形的SVG值的集合转化成图像，每个图像隐藏一个图形SVG值绑定编码，然后全部加载到面板中，从而生成WEB前端图像。
[0013]可选地，所述根据第一参数、第二参数以及进行赋值后的预设变量信息将具体图形的SVG值的集合转化成图像后加载至面板，从而生成WEB前端图像进一步包括：判断xmlStr字符串变量的值是否等于空，若否，则将xmlStr字符串数据转成JSON数组并循环该JSON数组，从而绘制svg图形拼接到页面上。
[0014]可选地，所述将xmlStr字符串数据转成JSON数组并循环该JSON数组，从而绘制svg图形拼接到页面上包括：循环进行如下步骤：获取JSON数组本次循环的图像节点对象，从节点对象中取到SVG值绑定编码赋值给一个名为svgCode的变量，进入下一步；判断iconIndex变量是否大于等于0，若是，则从扩展图库模板的二维数组中根据
iconIndex索引获取具体图形的SVG值的集合，进入下一步；判断iconIndex变量是否小于0，若是，则从内置基础图库模板的二维数组中根据iconIndex索引获取具体图形的SVG值的集合，进入下一步；判断具体图形的SVG值的集合中包含svgCode变量的值，用svgCode变量的值从具体图形的SVG值的集合中取图形SVG值赋值给一个名为svgVal变量进行下一步；用container全局变量（DOM对象）将svgVal变量的值按照节点对象的x轴坐标和y轴坐标绘制svg图形拼接到页面上。
[0015]本申请还提供了一种WEB前端图像生成XML的方法，所述XML生成WEB前端图像的方法包括：获取采用如上所述的XML生成WEB前端图像的方法所获取的WEB前端图像；从WEB前端图像的对象参数中获取到图形SVG值绑定编码，用图形SVG值绑定编码从具体图形的SVG值的集合中取图形SVG值，判断图形SVG值等于空，抛出异常，停止转化图像，判断图形SVG值不等于空，进入下一步；container全局变量将图形SVG值按照图像对象参数的x轴坐标和y轴坐标绘制svg图形拼接到页面上，进入下一步；用图形SVG值绑定编码从扩展节点模板的json结构中获取XML数据结构节点，节点具体内容：节点的显示名称、节点的编码、图形SVG值宽度、图形SVG值的高度、图形SVG值的颜色、图形x轴坐标、图形y轴坐标，将获取的XML数据结构节点转换成字符串，拼接到resultStr本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种XML生成WEB前端图像的方法，其特征在于，所述XML生成WEB前端图像的方法包括：web客户端在HTML的页面中定义一个div块状元素；web客户端调用javascript SDK包中的图像构造器的图像转化函数并为图像转化函数传入第一参数以及第二参数；web客户端根据所述第一参数以及第二参数判断是否能够进行图像转换，若是，则获取预设变量信息并为预设变量信息进行赋值；根据第一参数、第二参数以及进行赋值后的预设变量信息将具体图形的SVG值的集合转化成图像后加载至面板，从而生成WEB前端图像。2.如权利要求1所述的XML生成WEB前端图像的方法，其特征在于，所述web客户端根据所述第一参数以及第二参数判断是否能够进行图像转换包括：检查第一个参数是否为空,若否，则根据第一个参数获取div块状元素的DOM对象并检查DOM对象是否在HTML页面中定义并且判断DOM对象的类型是否等于object类型，若是，则将DOM对象赋值给container全局变量并判断能够进行图像转换。3.如权利要求2所述的XML生成WEB前端图像的方法，其特征在于，所述获取预设变量信息包括：定义一个名为xmlStr字符串变量，所述xmlStr字符串变量用于存储XML结构数据；定义一个名为readOnlyStr字符串变量，所述readOnlyStr字符串变量用于存储只读标识；定义一个名为exceptionStrategyStr字符串变量，所述exceptionStrategyStr字符串变量用于存储图像异常处理策略标识；定义一个名为iconIndex数字类型变量，所述iconIndex数字类型变量用于存储扩展图库模板图形模板分类的索引。4.如权利要求3所述的XML生成WEB前端图像的方法，其特征在于，所述为预设变量信息进行赋值包括：判断第二个参数的类型是否等于object类型，若否，则给xmlStr变量赋一个空值，给readOnlyStr变量赋一个空值，给exceptionStrategyStr赋值一个字符串1，给iconIndex赋值一个数字
‑
1。5.如权利要求4所述的XML生成WEB前端图像的方法，其特征在于，所述为预设变量信息进行赋值进一步包括：判断第二个参数的类型是否等于object类型，若是，则判断第二个参数中的第一个数据XML结构数据是否等于空，若否，则把第二个参数中的第一个数据XML结构数据赋值给xmlStr变量；判断第二个参数中的第二个数据只读标识是否等于空，若否，则把第二个参数中的第二个数据只读标识赋值给readOnlyStr变量；判断第二个参数中的第三个数据图像异常处理策略标识是否等于空，若否，则把第二个参数中的第三个数据图像异常处理策略标识赋值给readOnlyStr变量；判断第二个参数中的第四个数据扩展图库模板图形模板分类的索引是否等于空，若
否，则把第二个参数中的第四个数据扩展图库模板图形模板分类的索引赋值给iconIndex变量。6.如权利要求5所述的XML生成...

【专利技术属性】
技术研发人员：请求不公布姓名，
申请(专利权)人：北京融和友信科技股份有限公司，
类型：发明
国别省市：