一种基于WEB页面的批量操作界面的应用方法及系统技术方案

技术编号:15436925 阅读:88 留言:0更新日期:2017-05-25 19:09
本发明专利技术公开了一种基于WEB页面的批量操作界面的应用方法及系统,涉及WEB批量操作界面的应用领域。该方法包括:初始化批量操作页面,批量操作页面包括批量操作输入参数界面、批量操作对象信息表和批量操作进度条;当需要进行批量操作时,根据批量操作参数页面的URL,加载批量操作参数页面;在批量操作参数页面中获取对象数据并进行解析生成JSON格式的对象数据后,加载至批量操作对象信息表;当对象数据对应的任务执行时,后台向前台传递任务消息。本发明专利技术在实现不同的WEB技术和组件时,能够保证批量操作界面风格统一,批量操作界面便于快速修改和维护。

Application method and system of batch operation interface based on WEB page

The invention discloses an application method and a system of a batch operation interface based on a WEB page, and relates to the application field of WEB batch operation interface. The method includes: initialize the batch operation page, batch operation page includes batch operation interface, input parameters of batch operation object information table and batch operation schedule; when the need for batch operation, according to the batch operation parameters of the URL page, the page loading parameters in batch batch operation; operation parameters of object data page to get the object data and analysis of JSON format after loading to batch operation object information table; when the object data corresponding to the task execution, the front desk backstage transfer message. When realizing different WEB technology and components, the invention can ensure the interface style of batch operation to be uniform, and the batch operation interface is convenient for fast modification and maintenance.

【技术实现步骤摘要】
一种基于WEB页面的批量操作界面的应用方法及系统
本专利技术涉及WEB(互联网)批量操作界面的应用领域,具体涉及一种基于WEB页面的批量操作界面的应用方法及系统。
技术介绍
随着WEB技术的发展,基于B/S(Browser/Server,浏览器/服务器)架构的WEB应用越来越多,网络管理系统(以下简称网管系统)也开始采用B/S架构,网管系统中的功能应有统一的界面风格,利于快速开发和维护以满足用户需求。用户对网管系统中管理的设备进行批量操作时,由于批量操作是多线程运行的,因此服务器需要实时把任务的执行情况发送到浏览器中:即网关系统的批量操作需要运用反向AJAX(AsynchronousJavascriptAndXML,创建交互式网页应用的网页开发技术)或使用WebSocket技术(HTML5的一种协议,实现了浏览器与服务器全双工通信),以实现服务器向浏览器推送信息。但是,随着网管系统中管理的设备对象的数量的增长,用户对网管系统的批量操作需求越来越多,也存在着开发时间紧急的情况;而且批量操作功能的开发可能会由多个开发人员分别完成,即用来实现批量操作功能的WEB技术和组件有很多,开发人员会根据自己熟悉的WEB技术来实现功能。因此,采用不同的WEB技术和组件会使得网管系统的界面风格很难统一,进而批量操作功能难以维护,降低开发效率。
技术实现思路
针对现有技术中存在的缺陷,本专利技术解决的技术问题为:提供一种在实现不同的WEB技术和组件时,保证批量操作界面的风格统一。为达到以上目的,本专利技术提供的基于WEB页面的批量操作界面的应用方法,包括以下步骤:S1:初始化批量操作页面,批量操作页面包括批量操作输入参数界面、批量操作对象信息表和批量操作进度条;批量操作对象信息表中包括对象数据、对象数据名称、对象数据标识、对象数据描述和对象数据任务操作结果,每条对象数据栏目对应设置有批量操作详细结果显示的信息栏DIV,DIV的ID为对象唯一标识,转到S2;S2:当需要进行批量操作时,若所述批量操作输入参数界面中存在批量操作参数页面的URL,则根据批量操作参数页面的URL,加载批量操作参数页面,转到S3;S3:获取对象数据并进行解析,存在批量操作参数页面的URL时,对象数据在批量操作参数页面中获取,将解析生成的JSON格式的对象数据、对象数据名称、对象数据标识和对象数据描述,加载至批量操作对象信息表,转到S4;S4:当对象数据对应的任务执行时,后台向前台传递任务消息,任务消息类型为批量操作消息、任务进度消息和任务结果消息:批量操作消息的传递方式为:当对象数据对应的任务执行时,后台会传递附带有对象唯一标识的批量操作消息至前台,将批量操作消息添加至S1中对象唯一标识相同的DIV中;任务进度消息的传递方式为:对象数据对应的单项任务执行完毕时,后台计算对象数据对应的所有任务执行的百分比,将任务执行百分比对应的任务进度消息传递至前台、并根据该任务进度消息刷新批量操作进度条;任务结果消息的传递方式为:对象数据对应的所有任务全部执行完毕时,后台传递任务结果消息至前台,任务结果消息包括成功和失败,将任务结果消息加载至对应的对象数据任务操作结果中显示。与现有技术相比,本专利技术的优点在于:本专利技术提供的基于WEB页面的批量操作界面在实现不同的WEB技术和组件时,能够保证批量操作界面风格统一,批量操作界面便于快速修改和维护;在此基础上,使开发人员在使用较少前台WEB技术的情况下就能实现批量操作功能开发,把更多时间放在业务功能的开发上,方便开发人员对各种批量操作功能的实现,提高批量操作功能的开发效率。附图说明图1为本专利技术实施例中的基于WEB页面的批量操作界面的应用方法的流程图;图2为本专利技术实施例中的批量操作页面的结构示意图。具体实施方式以下结合附图及实施例对本专利技术作进一步详细说明。参见图1所示,本专利技术实施例中的基于WEB页面的批量操作界面的应用方法,包括以下步骤:S1:利用WEB技术编写批量操作页面,参见图2所示,批量操作页面包括批量操作输入参数界面、批量操作对象信息表、批量操作进度条和批量操作界面操作区。批量操作页面以对话框形式呈现,使用Jquery(快速、简洁的JavaScript框架)动态创建DOM(文档对象模型)的对话框节点,并使用Jquery的UI插件加载批量操作的WEB页面,以初始化批量操作页面。批量操作界面操作区中包括:执行、取消、关闭三种操作按钮。批量操作对象信息表中包括对象数据、对象数据名称、对象数据标识、对象数据描述和对象数据任务操作结果,每条对象数据栏目对应设置有DIV(批量操作详细结果显示的信息栏),DIV的ID为“detailDiv”+对象唯一标识,以便于服务端传递消息显示至相应的DIV。批量操作对象信息表中,还包括与每条对象数据栏目对应的对象数据详细信息显示标识按钮;用户通过点击对象数据详细信息显示标识按钮,可显示和隐藏对应对象数据的DIV(例如点击“+”时显示DIV,点击“-”时隐藏DIV)。S2:通过Jquery动态初始化批量操作页面,在批量操作页面中的批量操作输入参数界面中,判断是否存在批量操作参数页面的URL(统一资源定位符,批量操作参数页面的URL为用户自己制作后传入),若是,根据批量操作参数页面的URL,动态加载批量操作参数页面,转到S3;否则调整批量操作对象信息表的高度,使其占满批量操作输入参数界面,转到S3。不存在批量操作参数页面的URL的原因在于:有些批量操作只需要调用后台的默认操作对象数据即可,不需要编写批量操作参数页面。S3:使用Javascript(直译式脚本语言)编写函数获取对象数据进行解析后(若存在URL,则在对应的批量操作参数页面中获取对象数据;若不存在URL,则直接调用默认的对象数据),生成JSON格式(JavaScriptObjectNotation,轻量级的数据交换格式)的对象数据;将对象数据、对象数据名称、对象数据标识和对象数据描述,加载至批量操作对象信息表,转到S4。S4:使用javascript编写处理后台(服务器)传递批量操作消息的函数,初始化前台websocket,准备接收后台传递到前台的任务消息,任务消息类型为批量操作消息、任务进度消息和任务结果消息。后台传递到前台的任务消息的方法,为在服务端上预先编写的处理消息的类文件中的通用方法:服务端根据反向AJAX技术,编写服务端初始化反向AJAX,推送任务消息到前台的类文件。批量操作消息的传递方式为:当对象数据对应的任务执行时,后台会传递附带有对象唯一标识的批量操作消息至前台,将批量操作消息添加至对象唯一标识相同的DIV中。批量操作消息包括消息产生时间、消息内容、消息显示级别;消息显示级别为:以黑色标识的缺省、以蓝色标识的信息、以及以红色标识的告警。任务进度消息的传递方式为:对象数据对应的单项任务执行完毕时,后台通过预先编写的类文件(该文件能够监视所有线程的执行情况,每项任务对应1条线程)计算对象数据对应的所有任务执行的百分比,将任务执行百分比对应的任务进度消息传递至前台、并根据该任务进度消息刷新批量操作进度条(例如所有任务全部执行完成,就发送刷新进度条为100%)。任务结果消息的传递方式为:对象数据对应的所有任务全部执行完毕时,后台传本文档来自技高网...
一种基于WEB页面的批量操作界面的应用方法及系统

【技术保护点】
一种基于WEB页面的批量操作界面的应用方法,其特征在于:该方法包括以下步骤:S1:初始化批量操作页面,批量操作页面包括批量操作输入参数界面、批量操作对象信息表和批量操作进度条;批量操作对象信息表中包括对象数据、对象数据名称、对象数据标识、对象数据描述和对象数据任务操作结果,每条对象数据栏目对应设置有批量操作详细结果显示的信息栏DIV,DIV的ID为对象唯一标识,转到S2;S2:当需要进行批量操作时,若所述批量操作输入参数界面中存在批量操作参数页面的URL,则根据批量操作参数页面的URL,加载批量操作参数页面,转到S3;S3:获取对象数据并进行解析,存在批量操作参数页面的URL时,对象数据在批量操作参数页面中获取,将解析生成的JSON格式的对象数据、对象数据名称、对象数据标识和对象数据描述,加载至批量操作对象信息表,转到S4;S4:当对象数据对应的任务执行时,后台向前台传递任务消息,任务消息类型为批量操作消息、任务进度消息和任务结果消息:批量操作消息的传递方式为:当对象数据对应的任务执行时,后台会传递附带有对象唯一标识的批量操作消息至前台,将批量操作消息添加至S1中对象唯一标识相同的DIV中;任务进度消息的传递方式为:对象数据对应的单项任务执行完毕时,后台计算对象数据对应的所有任务执行的百分比,将任务执行百分比对应的任务进度消息传递至前台、并根据该任务进度消息刷新批量操作进度条;任务结果消息的传递方式为:对象数据对应的所有任务全部执行完毕时,后台传递任务结果消息至前台,任务结果消息包括成功和失败,将任务结果消息加载至对应的对象数据任务操作结果中显示。...

【技术特征摘要】
1.一种基于WEB页面的批量操作界面的应用方法,其特征在于:该方法包括以下步骤:S1:初始化批量操作页面,批量操作页面包括批量操作输入参数界面、批量操作对象信息表和批量操作进度条;批量操作对象信息表中包括对象数据、对象数据名称、对象数据标识、对象数据描述和对象数据任务操作结果,每条对象数据栏目对应设置有批量操作详细结果显示的信息栏DIV,DIV的ID为对象唯一标识,转到S2;S2:当需要进行批量操作时,若所述批量操作输入参数界面中存在批量操作参数页面的URL,则根据批量操作参数页面的URL,加载批量操作参数页面,转到S3;S3:获取对象数据并进行解析,存在批量操作参数页面的URL时,对象数据在批量操作参数页面中获取,将解析生成的JSON格式的对象数据、对象数据名称、对象数据标识和对象数据描述,加载至批量操作对象信息表,转到S4;S4:当对象数据对应的任务执行时,后台向前台传递任务消息,任务消息类型为批量操作消息、任务进度消息和任务结果消息:批量操作消息的传递方式为:当对象数据对应的任务执行时,后台会传递附带有对象唯一标识的批量操作消息至前台,将批量操作消息添加至S1中对象唯一标识相同的DIV中;任务进度消息的传递方式为:对象数据对应的单项任务执行完毕时,后台计算对象数据对应的所有任务执行的百分比,将任务执行百分比对应的任务进度消息传递至前台、并根据该任务进度消息刷新批量操作进度条;任务结果消息的传递方式为:对象数据对应的所有任务全部执行完毕时,后台传递任务结果消息至前台,任务结果消息包括成功和失败,将任务结果消息加载至对应的对象数据任务操作结果中显示。2.如权利要求1所述的基于WEB页面的批量操作界面的应用方法,其特征在于:S2还包括以下步骤:若所述批量操作输入参数界面中不存在批量操作参数页面的URL,则直接转到S3,此时S3中通过直接调用的方式获取默认的对象数据。3.如权利要求1所述的基于WEB页面的批量操作界面的应用方法,其特征在于:S1所述批量操作页面还包括批量操作界面操作区,批量操作界面操作区中包括:执行、取消和关闭功能,执行功能用于:启动对象数据对应的任务开始执行,中止功能用于:中止正在执行的任务,关闭功能用于结束正在执行的任务。4.如权利要求1所述的基于WEB页面的批量操作界面的应用方法,其特征在于:S1中所述批量操作对象信息表,还包括与每条对象数据栏目对应的对象数据详细信息显示标识功能,其用于:显示和隐藏对象数据的DIV。5.如权利要求1至4任一项所述的基于WEB页面的批量操作界面的应用方法,其特征在于:S4中所述批量操作消息包括消息产生时间、消息内容、消息显示级别;消息显示级别为:以黑色标识的缺省、以蓝色标识的信息、以及以红色标识的告警。6.如权利要求1至4任一项所述的基于WEB页面的批量操作界面的应用方法,其特征在于:S1中所述批量操作页面利用WEB技术编写,批量操作页面以对话框形式呈现。7.如权利要求1至4任一项所述的基于WEB页面的批量操作界面的应用方法,其特征在于:S4中所述后台向前台传递任务消息的方法为预先编写的通用方法,编写的通用方法的流程为:服务端根据反向AJAX技术,编写推送任务...

【专利技术属性】
技术研发人员:叶蔚
申请(专利权)人:武汉烽火网络有限责任公司
类型:发明
国别省市:湖北,42

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

1