一种基于jquery的轨道交通两票自定义表单方法技术

一种基于jquery的轨道交通两票自定义表单方法，通过jQuery的parseXML方法，将XML文件解析后，存储到浏览器的LocalStorage中，对表单元素进行载入；用户将表示表单元素的图像组件拖放到浏览器界面显示HTML5Canvas画板上，同时调整图像组件的参数，调整表单元素，对表单进行设计，并将表单设计文件保存到浏览器的LocalStorage中；根据LocalStorage中存储的表单设计文件，通过第一预设规则，对表单进行预览；通过jQuery的Ajax方法提交表单JSON文件到服务器上，对表单进行保存；通过表单文件成生表单，经过人工审核无误后，则发通知，约定的时间生效，以后业务流程按新的表单填写。与现有技术相比，本发明专利技术布署灵活，适应性广，更切合实际，不仅节省了人力和时间，同时节省了成本，提高了效率。高了效率。高了效率。

【技术实现步骤摘要】
一种基于jquery的轨道交通两票自定义表单方法


[0001]本专利技术涉及的是轨道交通领域，特别涉及一种基于jquery的轨道交通两票自定义表单方法。

技术介绍

[0002]国家积极推进电气化铁路建设，提高铁路电气化牵引比重，进一步减少土地占用和有害气体排放，落实国家节约资源、保护环境基本国策，以较低的社会成本和资源环境代价满足经济社会发展的运输需求，促进了我国交通向节能、环保的方向发展。铁路作为国民经济大动脉、国家重要基础设施和大众化交通工具，具有节能、节地、低碳等多种比较优势，是符合我国基本国情和可持续发展要求的绿色交通工具。电气化铁路作为现代化的运输方式，可以把对燃油的直接消费转变为对煤和水资源的间接消费,直接排放接近于零，具有技术和经济优越性。
[0003]铁路的管理控制，调度维护离不开铁路信息化系统的运行，当前铁路信息化系统已大量建设，在铁路施工、维修等环节大量使用工作票、作业票等电子票，即轨道交通的两票，电子票在流程的审核，施工过程的把控，施工人员工作量的统计等环节都有体现。
[0004]现有的技术方案为系统建设时，由开发人员和业务人员确定两票的格式，在程序中编码固化两票的样式，以后在业务中仅能使用该种样式的工作票，若要进行变更，需要联系开发人员再次编码，重新系统上线。
[0005]两票适用场景多，使用的部门多，同时各铁路局两票样式不一样，若有任何变更，都需要重新开发，重新上线，十分不便。
[0006]同时，业务并非固定不变的，同一个部门的两票，在用一段时间后，有变更的需求，这样就永远离不开开发人员的维护，变更十分不灵活。部分工作场景需要在手机端进行表单的变更，当前系统并无不支持手机端的表单变更操作。

技术实现思路

[0007]鉴于上述问题，提出了本专利技术以便提供一种克服上述问题或者至少部分地解决上述问题的一种基于jquery的轨道交通两票自定义表单方法。
[0008]为了解决上述技术问题，本申请实施例公开了如下技术方案：
[0009]一种基于jquery的轨道交通两票自定义表单方法，包括：
[0010]S100.通过jQuery的parseXML方法，将XML文件解析后，存储到浏览器的LocalStorage中，对表单元素进行载入；
[0011]S200.用户将表示表单元素的图像组件拖放到浏览器界面显示HTML5Canvas画板上，同时调整图像组件的参数，调整表单元素，对表单进行设计，并将表单设计文件保存到浏览器的LocalStorage中；
[0012]S300.根据LocalStorage中存储的表单设计文件，通过第一预设规则，对表单进行预览；
[0013]S400.通过jQuery的Ajax方法提交表单JSON文件到服务器上，对表单进行保存；
[0014]S500.通过表单文件成生表单，经过人工审核无误后，则发通知，约定的时间生效，以后业务流程按新的表单填写。
[0015]进一步地，S100中，预置了一部分用于表设计的基础数据，基础数据为XML格式文件，基础数据中保存了表单元素的属性，至少包括：字段标识符、字段名称、字段值类型、字段展现形式、字段样式定义、字段说明、字段数据来源、字段值区间、字段验证规则。
[0016]进一步地，S200中，调整图像组件的参数，至少包括：组件的大小、颜色、位置，以及对齐方式。
[0017]进一步地，S200中，调整表单元素的方法包括：用户选择Canvas画板上的元素组件，选择该组件要展示的表单元素和展现形式，表单元素存储在LocalStorage，预先设置了元素值的范围、数据来源、推荐的展示形式、验证规则。
[0018]进一步地，用户可也可以不使用这些默认的元素，在界面上设置元素的这些属性，依次调整好所有元素后，即完成表单的设计，将表单设计文件保存到LocalStorage。
[0019]进一步地，S300中，第一预设规则为：根据LocalStorage中存储的表单设计文件，通过jQuery，找到body标签，使用jquery的append方法，在body标签里，插入一个form标签，然后再找到form标签，使用jquery的append方法，在form标签里插入一行空的div标签，在div标签里按表单的设定好的展示形式、颜色、大小、位置、数据来源添加一个表单组件；按照LocalStorage里表单设计文件中，组件设置的顺序，依次在form里添加div标签，每个div标签里添加一个表单组件，最终将所有表单组件展示出来，提供预览。
[0020]进一步地，S400中，当提交表单时，将JSON对象，使用javascript的JSON.stringify方法，转换为字符串，将该字符串以base64方法进行编码，通过POST方法提交后服务器后台。并将LocalStorage中存储的表单设计文件清除。
[0021]本专利技术实施例提供的上述技术方案的有益效果至少包括：
[0022]本专利技术公开的一种基于jquery的轨道交通两票自定义表单方法，通过jQuery的parseXML方法，将XML文件解析后，存储到浏览器的LocalStorage中，对表单元素进行载入；用户将表示表单元素的图像组件拖放到浏览器界面显示HTML5 Canvas画板上，同时调整图像组件的参数，调整表单元素，对表单进行设计，并将表单设计文件保存到浏览器的LocalStorage中；根据LocalStorage中存储的表单设计文件，通过第一预设规则，对表单进行预览；通过jQuery的Ajax方法提交表单JSON文件到服务器上，对表单进行保存；通过表单文件成生表单，经过人工审核无误后，则发通知，约定的时间生效，以后业务流程按新的表单填写。
[0023]本专利技术公开的一种基于jquery的轨道交通两票自定义表单方法，与现有轨道交通信息系统中，在系统开发时固化到系统中的工作票、作业票相比，现有技术方案变更方便，布署灵活，适应性广，更切合实际。不仅可以根据各部门实际情况，由部门负责人定制自有工作票、作业票表单，各个部门和专业，可以作到工作票完全根据业务流程量身定制；同时，若业务流程发生变化，需要变更工作票、作业票时，部门负责人可即时根据最新的工作票规范，更新工作票、作业票的表单形式，作到实时更新。使用本方案后，工作票、作业票的作更不需要开发人员再次参与即可实现工作票的变更，不仅节省了人力和时间，同时节省了成本，提高了效率。
[0024]下面通过附图和实施例，对本专利技术的技术方案做进一步的详细描述。
附图说明
[0025]附图用来提供对本专利技术的进一步理解，并且构成说明书的一部分，与本专利技术的实施例一起用于解释本专利技术，并不构成对本专利技术的限制。在附图中：
[0026]图1为本专利技术实施例1中，一种基于jquery的轨道交通两票自定义表单方法的流程图；
[0027]图2为本专利技术实施例1中，字段定义XML文件示意图；
[0028]图3为本专利技术实施例2中，生本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于jquery的轨道交通两票自定义表单方法，其特征在于，包括：S100.通过jQuery的parseXML方法，将XML文件解析后，存储到浏览器的LocalStorage中，对表单元素进行载入；S200.用户将表示表单元素的图像组件拖放到浏览器界面显示HTML5Canvas画板上，同时调整图像组件的参数，调整表单元素，对表单进行设计，并将表单设计文件保存到浏览器的LocalStorage中；S300.根据LocalStorage中存储的表单设计文件，通过第一预设规则，对表单进行预览；S400.通过jQuery的Ajax方法提交表单JSON文件到服务器上，对表单进行保存；S500.通过表单文件成生表单，经过人工审核无误后，则发通知，约定的时间生效，以后业务流程按新的表单填写。2.如权利要求1所述的一种基于jquery的轨道交通两票自定义表单方法，其特征在于，其特征在于，S100中，预置了一部分用于表设计的基础数据，基础数据为XML格式文件，基础数据中保存了表单元素的属性，至少包括：字段标识符、字段名称、字段值类型、字段展现形式、字段样式定义、字段说明、字段数据来源、字段值区间、字段验证规则。3.如权利要求1所述的一种基于jquery的轨道交通两票自定义表单方法，其特征在于，其特征在于，S200中，调整图像组件的参数，至少包括：组件的大小、颜色、位置，以及对齐方式。4.如权利要求1所述的一种基于jquery的轨道交通两票自定义表单方法，其特征在于，其特征在于，S200中，调整表单元素的方法包括：用户选择Canvas画板上的元素组件，选择...

【专利技术属性】
技术研发人员：王政，张素琴，李效祖，
申请(专利权)人：北京南凯自动化系统工程有限公司，
类型：发明
国别省市：