Web自动化框架LazyUI使用手册（4）--控件抓取工具Elements Extractor详解（批量抓取）

概述

前面的一篇博文详细介绍了单个控件抓取的设计思路&逻辑以及使用方法，本文将详述批量控件抓取功能。
批量抓取：打开一个web页面，遍历页面上所有能被抓取的元素，获得每个元素的iframe、和三个唯一定位控件的xpath，以及被抓取元素的缩略展示，供使用者勾选，并生成基于LazyUI框架的Java代码，解决整个页面元素的获取问题。

下载：

http://download.csdn.net/detail/kaka1121/9571942
拖拽安装到chrome即可右键使用
工具由来和设计思路在上篇博文中已有详细描述，此文中不再赘述。 /article/11915757.html

使用：

以百度首页为例，页面长这样：



点击右键



得到的结果如下（前7个）：




简单来说，批量获取就是把每个控件单个获取的结果，以表格形式呈现，并且对获取到的控件做一个直观的展示（“控件展示”列），以便用户勾选需要的控件，生成代码。
如上图所示：
第一行为百度搜索框的抓取结果，
控件类型为“text”，
默认勾选生成代码，因为可以用id唯一定位，
给出了三个可对其唯一定位的xpath：
//input[@id='kw']
//input[@name='wd']
//input[contains(@class,'s_ipt')]
控件名称和描述都默认取其id，可自行修改。
点击全选，可以将工具抓取到的所有控件勾选，（能用ID或name唯一定位的，默认勾选“生成代码”）
也可以在xpath列勾选抓取到的xpath，可以把那些不稳定的xpath勾选掉，
在最下面填写pagebean的包名和类名后，会生成一个.java文件，包含了bean层所有的代码，直接拷贝到工程中即可使用。

package bean;
import lazy.test.ui.annotations.*;
import lazy.test.ui.beans.PageBean;
import lazy.test.ui.controls.*;
import lazy.test.ui.browser.BrowserEmulator;
public class baidu extends PageBean {
@Xpath(xpath={"//input[@id='kw']", "//input[@name='wd']", "//input[contains(@class,'s_ipt')]"})
@Frame(frame="")
@Description(description="kw")
public Text kw;
@Xpath(xpath={"//input[@id='su']", "//input[contains(@value,'百度一下')]", "//input[contains(@class,'bg s_btn')]"})
@Frame(frame="")
@Description(description="su")
public Click su;
@Xpath(xpath={"//a[@name='ime_hw']", "//a[contains(text(),'手写')]", "/html/body/div[3]/div[1]/div/div[1]/div/form/span[3]/span/ul/li[1]/a"})
@Frame(frame="")
@Description(description="imehw")
public Click imehw;
@Xpath(xpath={"//a[@name='ime_py']", "//a[contains(text(),'拼音')]", "/html/body/div[3]/div[1]/div/div[1]/div/form/span[3]/span/ul/li[2]/a"})
@Frame(frame="")
@Description(description="imepy")
public Click imepy;
@Xpath(xpath={"//a[@name='ime_cl']", "//a[contains(text(),'关闭')]", "/html/body/div[3]/div[1]/div/div[1]/div/form/span[3]/span/ul/li[4]/a"})
@Frame(frame="")
@Description(description="imecl")
public Click imecl;
@Xpath(xpath={"//a[@name='tj_trnuomi']", "//a[contains(text(),'糯米')]", "/html/body/div[3]/div[1]/div/div[3]/a[1]"})
@Frame(frame="")
@Description(description="tjtrnuomi")
public Click tjtrnuomi;
@Xpath(xpath={"//a[@name='tj_trnews']", "/html/body/div[3]/div[1]/div/div[3]/a[2]"})
@Frame(frame="")
@Description(description="tjtrnews")
public Click tjtrnews;
@Xpath(xpath={"//a[@name='tj_trhao123']", "//a[contains(text(),'hao12')]", "/html/body/div[3]/div[1]/div/div[3]/a[3]"})
@Frame(frame="")
@Description(description="tjtrhao123")
public Click tjtrhao123;
@Xpath(xpath={"//a[@name='tj_trmap']", "/html/body/div[3]/div[1]/div/div[3]/a[4]"})
@Frame(frame="")
@Description(description="tjtrmap")
public Click tjtrmap;
@Xpath(xpath={"//a[@name='tj_trvideo']", "/html/body/div[3]/div[1]/div/div[3]/a[5]"})
@Frame(frame="")
@Description(description="tjtrvideo")
public Click tjtrvideo;
@Xpath(xpath={"//a[@name='tj_trtieba']", "/html/body/div[3]/div[1]/div/div[3]/a[6]"})
@Frame(frame="")
@Description(description="tjtrtieba")
public Click tjtrtieba;
@Xpath(xpath={"//div[@id='u1']//a[@name='tj_login']", "//a[@name='tj_trnuomi']/parent::div/a[7]", "/html/body/div[3]/div[1]/div/div[3]/a[7]"})
@Frame(frame="")
@Description(description="tjlogin")
public Click tjlogin;
@Xpath(xpath={"//div[@id='u1']//a[@name='tj_settingicon']", "//a[@name='tj_trnuomi']/parent::div/a[8]", "/html/body/div[3]/div[1]/div/div[3]/a[8]"})
@Frame(frame="")
@Description(description="tjsettingicon")
public Click tjsettingicon;
@Xpath(xpath={"//a[@name='tj_briicon']", "//a[contains(text(),'更多产品')]", "//a[contains(@class,'bri')]"})
@Frame(frame="")
@Description(description="tjbriicon")
public Click tjbriicon;
@Xpath(xpath={"//a[@name='tj_mp3']", "/html/body/div[3]/div[1]/div/div[4]/div/div[2]/div[1]/div/a[1]"})
@Frame(frame="")
@Description(description="tjmp3")
public Click tjmp3;
@Xpath(xpath={"//a[@name='tj_img']", "/html/body/div[3]/div[1]/div/div[4]/div/div[2]/div[1]/div/a[2]"})
@Frame(frame="")
@Description(description="tjimg")
public Click tjimg;
@Xpath(xpath={"//a[@name='tj_zhidao']", "/html/body/div[3]/div[1]/div/div[4]/div/div[2]/div[1]/div/a[3]"})
@Frame(frame="")
@Description(description="tjzhidao")
public Click tjzhidao;
@Xpath(xpath={"//a[@name='tj_wenku']", "/html/body/div[3]/div[1]/div/div[4]/div/div[2]/div[1]/div/a[4]"})
@Frame(frame="")
@Description(description="tjwenku")
public Click tjwenku;
@Xpath(xpath={"//a[@name='tj_bang']", "//a[contains(text(),'风云榜')]", "/html/body/div[3]/div[1]/div/div[4]/div/div[2]/div[1]/div/a[5]"})
@Frame(frame="")
@Description(description="tjbang")
public Click tjbang;
@Xpath(xpath={"//a[@name='tj_tuiguang']", "//a[contains(text(),'百度推广')]", "/html/body/div[3]/div[1]/div/div[4]/div/div[2]/div[1]/div/a[6]"})
@Frame(frame="")
@Description(description="tjtuiguang")
public Click tjtuiguang;
@Xpath(xpath={"//a[@name='tj_more']", "//a[contains(text(),'全部产品>')]", "/html/body/div[3]/div[1]/div/div[4]/div/div[2]/div[1]/div/div/a"})
@Frame(frame="")
@Description(description="tjmore")
public Click tjmore;
@Xpath(xpath={"//a[@id='setf']", "//a[contains(@style,'display: inline;')]", "/html/body/div[3]/div[3]/div/div[2]/p[1]/a[2]"})
@Frame(frame="")
@Description(description="setf")
public Click setf;
public baidu(BrowserEmulator be) { super(be); }
}

总结

使用此插件，可以快速地完成控件的获取，以及bean层代码（根据8种不同控件类型，提供其特异的方法）的自动生成，几乎完全释放控件获取的工作量。