作者：cryanimal QQ:164166060
上篇文章中，简要介绍了LazyUI框架，本文便来演示，如何从无到有快速搭建基于lazyUI的工程，并成功运行第一个测试用例。
本文以百度搜索为例，选用chrome浏览器进行演示，IDE选用eclipse。
STEP1：下载模板工程LazyUI-template，导入eclipse
前置条件：安装eclipse，并且装好maven，以及eclipse的maven插件
1.点击下载：https://github.com/lazytest/LazyTest-UI-Template/archive/master.zip
2.解压后，打开目录如下：
3.打开eclipse，以已存在的maven工程方式导入
选择工程所在目录，并勾选POM，导入
导入后，在eclipse中可看见如下工程（展开目录后）
使用maven更新依赖，并编译。
STEP2：下载并安装chrome插件 Elements Extractor
前置条件：安装chrome，版本46.0.2490.86或更新到最新版本
1.下载Chrome插件Elements Extractor：https://github.com/lazytest/LazyTest-Elements-Extractor/archive/master.zip
2. 解压后将文件：
3.打开chrome，打开扩展程序页
4.将解压后文件中的 LazyTestElementsExtractor.crx 拖拽至chrome
5. 安装完成后，效果如图所示：
STEP3： 使用chrome插件抓取页面元素，生成bean层代码
1.打开百度首页，右键，选择 LazyTest Elements Extractor->Extract All，
2.插件会自动查找出页面中的常用控件并且展示在浮层上（下图为页面原型）：
3.选择全不选，并且勾选上图中红框中的两个控件，即“搜索框”和“百度一下”按钮，填写包名为“bean”，类名为“BeanDemoBaidu”，点击生成代码，插件会自动生成好代码文件，并自动下载
4.将生成代码文件拷贝到eclipse工程文档中，代码如下。工程中已有BeanDemoBaidu类，此处只做截图，具体代码请参见工程。
STEP4： 编写page层代码
1.在page包下新建类PageDemoBaidu，并使用生成的生成的bean层代码，page层组合bean层的代码，往搜索框中输入"Web自动化框架lazyUI"，并点击“百度一下”按钮。
示例中sleep3秒，以便人眼能看到浏览器的返回结果。
STEP5： 编写test层代码
1.在test包下新建TestDemoBaidu类，编写test层代码，
2.如上图“红框1”所示，打开浏览器，并跳转到：https://www.baidu.com/
3.如上图“红框1”所示，调用page层代码的search()方法，实现模拟人的操作：输入数据，并点击搜索。
4.当然，此处也可以增加一些必要的校验。
STEP6： 运行测试用例，查看运行结果
前置条件：安装了eclipse的testng插件
1. 在TestDemoBaidu类上右键，点击run as->testNG test
2. 可以看到程序会打开浏览器，并跳转到百度，输入并搜索，搜索结果如下：
小结
本文只是简单演示了基于百度搜索的第一个测试用例，旨在快速上手，增强大家的信心，因此并没有对细节做过多的介绍。
后续文章会详细解读每个模块，以及支持的API，欢迎继续阅读。
