Web网页自动化实战《3.在艺龙网中，根据城市+日期+关键词精准匹配了酒店》下篇

from selenium.webdriver.common.by import By

from selenium import webdriver
import time
#打开谷歌浏览器，与浏览器建立了会话。
#driver变量=会话。
driver=webdriver.Chrome()
driver.get("https://www.elong.com/")#这行代码执行后，会等到页面加载得差不多了再去执行下一行代码。
#get()这个功能是会等到页面加载完成的。
#有的时候页面加载出来了，但是渲染的方式有些慢。
#所以我还想等1秒也是可以的。
time.sleep(1)

#查找元素通过xpath定位方式。
ele=driver.find_element(By.XPATH,'//input[@data-bindid="city"]')#定位到目的地的输入框，将刚才在写好的表达式复制过来。
# ele= 我找到的元素
# 点击操作 -- 点击目的地输入框，弹出城市选择框。
ele.click()
time.sleep(2)#运行这行代码后会停留2秒，然后再去运行下一行代码。
#因为接下来要操作的元素，是动态出现的（不是一开始访问网站就有的，而是你做了一个动作让人家动态的出现了）。
#它是需要时间呈现在页面上的。这个时间就需要你来等一等了。等一等网页，再去找这个元素去操作。


#输入操作 --ele.send_keys("输入操作")
# 获取它的属性-- ele.get_attribute("属性名称")
#获取它的文本内容-- ele.text


#选择热门城市当中的广州
driver.find_element(By.XPATH,'//li[@title="广州"]').click()
time.sleep(1)#加上等待时间。sleep时间不宜太长，7秒8秒，这个时间就太长了。
#没加等待时间的时候运行代码，会发现操作太快了，且没有选择到对应的日期。

#选择入住日期
ele=driver.find_element(By.XPATH,'//input[@data-bindid="checkIn"]')
ele.clear()   #输入日期前，先清空输入框的内容。
ele.send_keys("2022-05-27")

time.sleep(1)#每个操作间都加了等待时间。

'''
输入日期后，日期框没有消失，得让日期框消失。点击除了它以外的其它元素
（选一个页面固定的元素，那就点击目的地这个元素），
日期框就能消失了。再去处理下一个元素。不然日期框会挡住别的元素。
接下来点击搜索，搜索按钮被这个日期框遮住了。就会影响你的操作效果。
所以我是根据页面的特征习性来处理的。
'''

#把弹出的日期选择框关掉。
driver.find_element(By.XPATH,'//div[@id="domesticDiv"]//dt[text()="目的地"]').click()


# 选择退房日期
ele=driver.find_element(By.XPATH,'//input[@data-bindid="checkOut"]')
ele.clear()
ele.send_keys("2022-05-30")#输入日期
time.sleep(1)
driver.find_element(By.XPATH,'//div[@id="domesticDiv"]//dt[text()="目的地"]').click()
time.sleep(1)

ele=driver.find_element(By.XPATH,'//input[@data-bindid="allInOne"]')
ele.clear()
ele.send_keys("喜悦门酒店(广州融创文旅城店)")
time.sleep(1)
driver.find_element(By.XPATH,'//div[@id="domesticDiv"]//dt[text()="目的地"]').click()
driver.find_element(By.XPATH,'//span[@data-bindid="search"]').click()
time.sleep(1)
driver.find_element(By.XPATH,'//span[@title="喜悦门酒店(广州融创文旅城店)"]').click()
time.sleep(3)
driver.quit()#退出相关驱动，关闭所有窗口。