一种基于WEB页面的批量操作界面的应用方法及系统技术领域
本发明涉及WEB(互联网)批量操作界面的应用领域，具体涉及一种基于WEB页面的
批量操作界面的应用方法及系统。
背景技术
随着WEB技术的发展，基于B/S(Browser/Server，浏览器/服务器)架构的WEB应用
越来越多，网络管理系统(以下简称网管系统)也开始采用B/S架构，网管系统中的功能应有
统一的界面风格，利于快速开发和维护以满足用户需求。
用户对网管系统中管理的设备进行批量操作时，由于批量操作是多线程运行的，
因此服务器需要实时把任务的执行情况发送到浏览器中：即网关系统的批量操作需要运用
反向AJAX(Asynchronous Javascript And XML，创建交互式网页应用的网页开发技术)或
使用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格式(JavaScript Object Notation，轻量级的数据交换格式)的对象数
据；将对象数据、对象数据名称、对象数据标识和对象数据描述，加载至批量操作对象信息
表，转到S4。
S4：使用javascript编写处理后台(服务器)传递批量操作消息的函数，初始化前
台websocket，准备接收后台传递到前台的任务消息，任务消息类型为批量操作消息、任务
进度消息和任务结果消息。后台传递到前台的任务消息的方法，为在服务端上预先编写的
处理消息的类文件中的通用方法：服务端根据反向AJAX技术，编写服务端初始化反向AJAX，
推送任务消息到前台的类文件。
批量操作消息的传递方式为：当对象数据对应的任务执行时，后台会传递附带有
对象唯一标识的批量操作消息至前台，将批量操作消息添加至对象唯一标识相同的DIV中。
批量操作消息包括消息产生时间、消息内容、消息显示级别；消息显示级别为：以黑色标识
的缺省、以蓝色标识的信息、以及以红色标识的告警。
任务进度消息的传递方式为：对象数据对应的单项任务执行完毕时，后台通过预
先编写的类文件(该文件能够监视所有线程的执行情况，每项任务对应1条线程)计算对象
数据对应的所有任务执行的百分比，将任务执行百分比对应的任务进度消息传递至前台、
并根据该任务进度消息刷新批量操作进度条(例如所有任务全部执行完成，就发送刷新进
度条为100％)。
任务结果消息的传递方式为：对象数据对应的所有任务全部执行完毕时，后台传
递任务结果消息(只有成功和失败)至前台，将任务结果消息加载至对应的对象数据任务操
作结果中显示。
用户可通过批量操作界面操作区中的执行按钮，启动对象数据对应的任务开始执
行，通过中止按钮可中止当前正在执行的任务，通过关闭按钮可结束当前正在执行的任务。
执行S1至S4后，基于WEB页面的批量操作界面生成完成，下面以实现批量升级ONU
系统功能举例，说明执行具体的批量操作时用户所需进行的步骤：
步骤一、自行制作批量升级ONU的输入参数用的批量操作参数页面及其URL：使用
javascript编写调用批量操作组件的函数，定义输入参数的批量操作参数页面的URL，调用
批量操作组件定义的创建批量操作用的函数，使用javascript编写验证代码，验证输入参
数的代码。
步骤一是为了在S2中能够成功加载批量操作参数页面，在S3中能够成功获取和解
析对象数据。
步骤二、自行在服务端上编写后台批量升级ONU系统任务的服务类文件，该类文件
继承S4中类文件的后台传递到前台的任务消息的通用方法，以使得后台能够根据通用方法
将该类文件传递至前台。
步骤三、初始化批量操作组件定义的线程池，调用执行批量升级ONU系统任务进行
批量操作。
本发明实施例提供的实现上述方法的基于WEB页面的批量操作界面的应用系统，
包括批量操作页面初始化模块、消息传递模块、批量操作输入参数子模块、批量操作对象子
模块、批量操作进度子模块和批量界面操作子模块。
批量操作页面初始化模块用于：初始化批量操作页面，分别向批量操作输入参数
子模块、批量操作对象子模块、批量操作进度子模块和批量界面操作子模块发送生成信号。
批量操作输入参数子模块用于：收到生成信号后，生成批量操作输入参数界面；当
需要进行批量操作时：若批量操作输入参数界面中存在批量操作参数页面的URL，根据批量
操作参数页面的URL，加载批量操作参数页面、并向批量操作对象子模块发送对象数据解析
信号；若批量操作输入参数界面中不存在批量操作参数页面的URL，则直接向批量操作对象
子模块发送对象数据获取信号。
批量操作对象子模块用于：
(1)收到生成信号后，生成批量操作对象信息表；批量操作对象信息表中包括对象
数据、对象数据名称、对象数据标识、对象数据描述和对象数据任务操作结果；对象数据任
务操作结果用于：显示后台传递的任务结果消息；每条对象数据栏目对应设置有批量操作
详细结果显示的信息栏DIV，DIV的ID为对象唯一标识；DIV用于：加载并显示后台传递的附
带有相同对象唯一标识的批量操作消息；
(2)收到对象数据解析信号后，获取对象数据并进行解析，批量操作输入参数界面
已加载批量操作参数页面时，对象数据在批量操作参数页面中获取；将解析生成的JSON格
式的对象数据、对象数据名称、对象数据标识和对象数据描述，加载至批量操作对象信息
表；
(3)收到对象数据获取信号后，通过直接调用的方式获取默认的对象数据；将解析
生成的JSON格式的对象数据、对象数据名称、对象数据标识和对象数据描述，加载至批量操
作对象信息表。
批量操作进度子模块用于：收到生成信号后，生成批量操作进度条；根据后台传递
的任务进度消息刷新批量操作进度条。
批量界面操作子模块用于：收到生成信号后，生成批量操作界面操作区，批量操作
界面操作区中包括：执行、取消和关闭功能，执行功能用于：启动对象数据对应的任务开始
执行，中止功能用于：中止正在执行的任务，关闭功能用于结束正在执行的任务。
消息传递模块用于：当对象数据对应的任务执行时，后台向前台传递任务消息，任
务消息类型为批量操作消息、任务进度消息和任务结果消息：
批量操作消息的传递方式为：当对象数据对应的任务执行时，后台会传递附带有
对象唯一标识的批量操作消息至前台；
任务进度消息的传递方式为：对象数据对应的单项任务执行完毕时，后台计算对
象数据对应的所有任务执行的百分比，将任务执行百分比对应的任务进度消息传递至前
台；
任务结果消息的传递方式为：对象数据对应的所有任务全部执行完毕时，后台传
递任务结果消息至前台，任务结果消息包括成功和失败。
本发明不局限于上述实施方式，对于本技术领域的普通技术人员来说，在不脱离
本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也视为本发明的保护
范围之内。本说明书中未作详细描述的内容属于本领域专业技术人员公知的现有技术。