文章目录
前言问题分析网页源码分析与代码实现一、加载火狐驱动二、输入账号密码并提交三、进入打卡界面并点击左侧菜单栏1.iframe内元素的定位2.动态id/class的定位 四、表格填写五、提交表格 全部代码前言
因为疫情缘故，学校搞了个每日限时打卡的系统，要求学生在每天0-9点完成当日体温和在京状况的打卡。就这样手动打卡了两个多月，北京还是迟迟不开学，目测开学已经要到5月底了。打卡期间忘过无数次，每次都被班长提醒，学校还往家长手机里发送作者没有打卡的短信，神烦。
于是乎，决定使用 定时开关机软件 + python 实现一个全自动定时打卡的脚本，省却我接下来一个月的劳神费力。
学校的打卡系统登录界面是这样的：
这里是填写界面（左侧菜单栏需要依次点击数据采集和学生每日上报才能出现表格，否则是空白页面。表格很长，注意有纵向和横向滚动条）
问题分析
手动操作时的步骤是这样的：
进入学生登录界面–>输入账号密码
–>进入填报界面–>点击左侧菜单栏–>点击数据采集–>点击学生每日上报
–>进入表格–>点击表格左下角“与昨日情况一致”
–>手动填写当日体温–>滑动横向滚动条–>手动填写当日在京情况(一直在京)
因此在使用selenium时，其大致步骤与上面描述的无二。
网页源码分析与代码实现
一、加载火狐驱动
selenium需要模拟打开浏览器，这里一般使用的浏览器驱动(Driver)是谷歌或者火狐，笔者先尝试了谷歌的驱动，发现在源码分析的时候效果不是很理想，于是用了火狐的。
（关于驱动的下载与安装，这里不做赘述，百度即可查看。）
驱动加载并进入后，脚本会自动根据当前的驱动打开对应的火狐浏览器，并链接到提供url的网页。
driver = webdriver.Firefox() # 利用火狐浏览器# 填写疫情上报系统的urlurl = r"http://tb.:8075/WebReport/ReportServer?op\=fs_load&cmd=fs_signin&_=1586929099201"driver.get(url)# 最大化浏览器窗体driver.maximize_window()
二、输入账号密码并提交
想要实现填写指定数据并自动填写到对应的位置，或者点击按钮提交到对应位置，就需要通过网页的各种标签的id或者class来定位相对应的元素，学过web编程的同学应该比较好理解这点。
例如下面这段用于填写用户名的代码
<div class="fs-login-input fs-login-input-username"><input tabindex="1" class="fs-login-username" type="text" placeholder="用户名" title="用户名"></div>
我们可以看到，这部分的核心在于<input>标签，此标签没有指定id，而是给了class，因此可以使用selenium提供的driver.find_element_by_class_name()方法，通过class的值来定位元素，进而调用send_keys()方法来实现数据填充。
类似的，对于“点击”操作，只需要获取<button>或<radio>或<a>标签的class或者id，进而调用onclick()方法达到点击目的。
关于如何定位元素，可以参考这篇文章《史上最全！Selenium元素定位的30种方式》
笔记本上使用Fn+F12可以启用源代码查看器，点击页面中某个部分，便能自动锁定相应代码，非常好用。我们的页面是下图这样的，因此可以通过这段代码来定位“输入用户名”这个元素并设置数据：
elem = driver.find_element_by_class_name('fs-login-username')elem.send_keys(stu_number)
# 疫情打卡系统urlurl = r"http://tb.:8075/WebReport/ReportServer?op=fs_load&cmd=fs_signin&_=1586929099201"driver.get(url)driver.maximize_window()# 填写用户名和密码elem = driver.find_element_by_class_name('fs-login-username')elem.send_keys(stu_number)elem = driver.find_element_by_class_name('fs-login-password')elem.send_keys(stu_password)# 提交表单driver.find_element_by_xpath("//*[@id='fs-login-btn']").click()
三、进入打卡界面并点击左侧菜单栏
点击提交且用户验证成功后，会跳转到另外一个url，这个界面用于填写当日身体情况。依次点击左侧菜单栏的数据采集->学生每日上报，可以进入表格界面，如图：
在第二节的分析中，笔者已经确定了定位元素的基本流程，按照selenium给定的方法，便可依次点开左侧菜单栏（这里每执行一步后，尽量使用time.sleep()让程序休息一小段时间，否则页面可能会卡住或者代码执行无效）。
但是！随之而来的是困扰了我一天的地方。想要定位表格窗体的元素时，却怎么都定位不到，我试了好多地方，发现只有表格窗体中的元素是无法定位的。
1.iframe内元素的定位
学过web的同学知道，这种页面的header和菜单栏基本是固定的，通过内嵌<iframe>或者<frame>的方式，可以达到不同页面在相同url中切换、而指定部分（例如菜单栏 表头等）不变的目的。
于是我猜测元素定位不到可能与<iframe>的引入有关，也就是说，菜单栏和表格窗体构成的页面并非一个整体，而是两个模块的拼接。遂检索相关文章，发现果然如此。
如果页面使用了<iframe>，想要定位内嵌界面中的某个元素，在编写代码并调用selenium时，需要进入相应的<iframe>内！
知道了这点，就很容易解决了：Fn+F12查看页面源代码，把鼠标放在滚动条上就能查看到内嵌页面的<iframe>的id或者class，耐心网上翻一点，就能找到表格所在的iframe了：fs_tab_1587094181588
我兴冲冲的编写代码进入iframe并重启程序测试:
driver.switch_to.frame(driver.find_element_by_xpath("fs_tab_1587094181588"))
2.动态id/class的定位
what？找不到iframe?
不慌，盯着iframe的idfs_tab_1587094181588仔细思考了一下，后面一长串的数字像是动态生成的，而这种id一般前面的头部是不变的，即fs_tab_，于是我重新查看新页面的iframe的id，果然和上次打开的不一样了：fs_tab_1587094408952，表头也果然没变。
查看源码中以fs_tab_开头的id，发现只有一个，妙哉，可以使用了。
于是，通过driver.find_element_by_xpath("//iframe[starts-with(@id, 'fs_tab_')]")模糊匹配带有fs_tab_开头的id，并使用driver.switch_to.frame()进入相应的iframe，重新定位元素，成功了！
# 由于是动态的id和class，因此... driver.switch_to.frame(driver.find_element_by_xpath("//iframe[starts-with(@id, 'fs_tab_')]"))# 点击“与昨日情况一致”radiodriver.find_elements_by_class_name('fr-group-span')[0].click()
四、表格填写
经过上面这些分析后，下面的步骤就变得轻松多了。
由于每天填写的表格行数都是在动态变化的，比如今天的某个单元格id是D21-0-0，明天就变成了D-22-0-0，因此，对于获取当前日期应该填写的表格id，可以这样做：
根据日期差值与编写代码时的表格id相加，便得到了当日动态表格id
def getDateDiff():# -4-16编写，此时动态列数为21retire_day = datetime(, 4, 16)today = datetime.now()left_days = (retire_day - today).days # 获取两个日期的天数差值return abs(left_days)curColID = str(getDateDiff() + 20) + r'-0-0'inputCol = ['D', 'AB']
点击“与昨日情况一致”后，还需要手动填写两个表格，分别是当日体温36度和“一直在京”，不怕，写个循环就搞定了：
# 列ID形式为：列编号-0-0curColID = str(getDateDiff() + 20) + r'-0-0'inputCol = ['D', 'AB']inputVal = ['36', '一直在京']for i in range(len(inputCol)):inputBox = driver.find_element_by_id(inputCol[i] + curColID)driver.execute_script("arguments[0].scrollIntoView();", inputBox)time.sleep(1)# 开始模拟鼠标双击操作，不然无法锁定表格填数据action_chains = ActionChains(driver)action_chains.double_click(inputBox).perform()time.sleep(1)# 填写表格driver.find_element_by_xpath("//input[contains(@class,'fr-texteditor')]").send_keys(inputVal[i])time.sleep(1)
【注】 在第三版代码中，作者将通过日期差定位元素的方式改动为根据文本定位，因为系统开发者会定期删除几行表格，导致通过日期差定位的方式不准确。
获取表格ID，可以先通过文字定位元素，再使用driver.get_attribute(‘id’)获取所在单元格的id
五、提交表格
一行代码：
# css选择器选择button .x-emb-submit 这是关键print(driver.find_element_by_css_selector('.x-emb-submit').click())
全部代码
奉上全部代码，有需要的同学可以参考
第三版（已稳定运行一个多月未中断）
# encoding=utf8# from datetime import datetimefrom selenium import webdriverfrom mon.by import Byfrom selenium.webdriver import ActionChainsfrom selenium.webdriver.support.wait import WebDriverWaitfrom selenium.webdriver.support import expected_conditions as ECfrom mon.exceptions import TimeoutExceptionimport timestu_number = ['0605', '0608', '0608', '06040143', '0609', '0601']stu_password = ['10200014', '08258612', '0320001X', '1026283X', '0711181X', '02113537']#stu_number = ['0601']# 授权操作def operationAuth(driver):# 等待电脑亮屏# time.sleep(10)driver.implicitly_wait(30)try:# 疫情打卡系统urlurl = r"http://tb.:8075/WebReport/ReportServer?op=fs_load&cmd=fs_signin&_=1586929099201"# url = r"http://tb./WebReport/ReportServer?op=fs"for j in range(len(stu_number)):driver.get(url)driver.maximize_window()# 填写用户名和密码WebDriverWait(driver, 10).until(EC.presence_of_element_located((By.CLASS_NAME, r'fs-login-username')))driver.find_element_by_class_name('fs-login-username').send_keys(stu_number[j])WebDriverWait(driver, 10).until(EC.presence_of_element_located((By.CLASS_NAME, r'fs-login-password')))driver.find_element_by_class_name('fs-login-password').send_keys(stu_password[j])# 提交表单WebDriverWait(driver, 10).until(EC.presence_of_element_located((By.ID, r'fs-login-btn')))driver.find_element_by_xpath("//*[@id='fs-login-btn']").click()# 没有睡眠时间就不行switch_to.frame()# 模拟点击进入填报表格driver.find_element_by_link_text("数据采集").click()driver.find_element_by_link_text("学生每日上报").click()# 这地方写博客记录，由于是动态的id和class，因此...# WebDriverWait(driver, 10).until(EC.frame_to_be_available_and_switch_to_it((By.XPATH,"//iframe[starts-with(@id, 'fs_tab_')]")))driver.switch_to.frame(driver.find_element_by_xpath("//iframe[starts-with(@id, 'fs_tab_')]"))# 点击“与昨日情况一致”radiotime.sleep(2)driver.find_element_by_class_name('fr-group-span').click()inputVal = ['36']inputText = ['请填写体温度数']for i in range(len(inputText)):# 改动，根据文本定位，因为系统开发者会定期删除几行表格，导致日期差定位不准inputBox = driver.find_element_by_xpath("//*[text()='请填写体温度数']")# 填写"一直在京"的表格所对应的IDremarkID = 'AB' + inputBox.get_attribute("id")[1:]driver.execute_script("arguments[0].scrollIntoView();", inputBox)# 开始模拟鼠标双击操作，不然无法锁定表格填数据action_chains = ActionChains(driver)action_chains.double_click(inputBox).perform()# 填写体温度数driver.find_element_by_xpath("//input[contains(@class,'fr-texteditor')]").send_keys(inputVal[i])time.sleep(1)if stu_number[j] == '0601':remarkID = 'AE' + inputBox.get_attribute("id")[1:]inputBox = driver.find_element_by_id(remarkID)driver.execute_script("arguments[0].scrollIntoView();", inputBox)action_chains = ActionChains(driver)action_chains.double_click(inputBox).perform()time.sleep(1)driver.find_element_by_xpath("//input[contains(@class,'fr-texteditor')]").send_keys('不在北京')time.sleep(1)remarkID = 'H' + inputBox.get_attribute("id")[1:]if stu_number[j] == '0601':remarkID = 'H' + inputBox.get_attribute("id")[2:]inputBox = driver.find_element_by_id(remarkID)# 开始模拟鼠标双击操作，不然无法锁定表格填数据time.sleep(1)driver.execute_script("arguments[0].scrollIntoView();", inputBox)#inputBox.click()action_chains = ActionChains(driver)action_chains.double_click(inputBox).perform()# fr-trigger-btn-uptp = driver.find_element_by_class_name("fr-trigger-btn-up")tp.click()# time.sleep(1)inp_boxes = driver.find_elements_by_class_name("fr-combo-list-item")inp_boxes[1].click()# css选择器选择button .x-emb-submit 这是关键WebDriverWait(driver, 10).until(EC.presence_of_element_located((By.CSS_SELECTOR, '.x-emb-submit')))print(driver.find_element_by_css_selector('.x-emb-submit').click())time.sleep(1)#driver.close()except TimeoutException:# 报错后就强制停止加载# 这里是js控制driver.execute_script('window.stop()')#print(driver.page_source)# driver.close()# 方法主入口if __name__ == '__main__':# 加启动配置driver = webdriver.Firefox() # 利用火狐浏览器operationAuth(driver)
第二版：
（改动为根据文本定位，因为系统开发者会定期删除几行表格，导致通过日期差定位的方式不准确）
# encoding=utf8from datetime import datetimefrom selenium import webdriverfrom selenium.webdriver import ActionChainsfrom mon.exceptions import TimeoutExceptionimport timestu_number = ['stu1_num', 'stu2_num']stu_password = ['stu1_pwd', 'stu2_pwd']# 授权操作def operationAuth(driver):time.sleep(5)try:# 疫情打卡系统urlurl = r"http://tb.:8075/WebReport/ReportServer?op=fs_load&cmd=fs_signin&_=1586929099201"for j in range(len(stu_number)):driver.get(url)driver.maximize_window()# 填写用户名和密码elem = driver.find_element_by_class_name('fs-login-username')elem.send_keys(stu_number[j])elem = driver.find_element_by_class_name('fs-login-password')elem.send_keys(stu_password[j])# 提交表单driver.find_element_by_xpath("//*[@id='fs-login-btn']").click()# 没有睡眠时间就不行switch_to.frame()time.sleep(2)# 模拟点击进入填报表格driver.find_element_by_link_text("数据采集").click()driver.find_element_by_link_text("学生每日上报").click()time.sleep(2)# 这地方写博客记录，由于是动态的id和class，因此...driver.switch_to.frame(driver.find_element_by_xpath("//iframe[starts-with(@id, 'fs_tab_')]"))# 点击“与昨日情况一致”radiodriver.find_elements_by_class_name('fr-group-span')[0].click()inputVal = ['36']inputText = ['请填写体温度数']for i in range(len(inputText)):# 改动，根据文本定位，因为系统开发者会定期删除几行表格，导致日期差定位不准inputBox = driver.find_element_by_xpath("//*[text()='请填写体温度数']")# 下面是当前日期在京状态单元格所在的ID# remarkID = 'AB' + inputBox.get_attribute("id")[1:]time.sleep(1)# 开始模拟鼠标双击操作，不然无法锁定表格填数据action_chains = ActionChains(driver)action_chains.double_click(inputBox).perform()time.sleep(1)# 填写体温度数driver.find_element_by_xpath("//input[contains(@class,'fr-texteditor')]").send_keys(inputVal[i])time.sleep(1)# css选择器选择button .x-emb-submit 这是关键print(driver.find_element_by_css_selector('.x-emb-submit').click())time.sleep(1)# driver.close()except TimeoutException:# 报错后就强制停止加载# 这里是js控制driver.execute_script('window.stop()')print(driver.page_source)# 方法主入口if __name__ == '__main__':# 加启动配置driver = webdriver.Firefox() # 利用火狐浏览器operationAuth(driver)
第一版
# encoding=utf8import sysimport mathfrom datetime import datetimefrom selenium import webdriverfrom selenium.webdriver import ActionChainsfrom mon.exceptions import TimeoutExceptionfrom mon.desired_capabilities import DesiredCapabilitiesimport timestu_number = ['stu1_number', 'stu2_number']stu_password = ['stu1_pwd', 'stu2_pwd']# 获得日期差值，由于表格数据是动态变化的，可根据编写日期的行号和日期差来确定当日行号def getDateDiff():# -4-16编写，此时动态列数为21retire_day = datetime(, 4, 16)today = datetime.now()left_days = (retire_day - today).days # 获取两个日期的天数差值return abs(left_days)# 授权操作def operationAuth(driver):# time.sleep(10)try:# 疫情打卡系统urlurl = r"http://tb.:8075/WebReport/ReportServer?op=fs_load&cmd=fs_signin&_=1586929099201"for j in range(len(stu_number)):driver.get(url)driver.maximize_window()# 填写用户名和密码elem = driver.find_element_by_class_name('fs-login-username')elem.send_keys(stu_number[j])elem = driver.find_element_by_class_name('fs-login-password')elem.send_keys(stu_password[j])# 提交表单driver.find_element_by_xpath("//*[@id='fs-login-btn']").click()# 没有睡眠时间就不行switch_to.frame()time.sleep(2)# 模拟点击进入填报表格driver.find_element_by_link_text("数据采集").click()driver.find_element_by_link_text("学生每日上报").click()time.sleep(2)# 这地方写博客记录，由于是动态的id和class，因此...driver.switch_to.frame(driver.find_element_by_xpath("//iframe[starts-with(@id, 'fs_tab_')]"))# 点击“与昨日情况一致”radiodriver.find_elements_by_class_name('fr-group-span')[0].click()# 列ID形式为：列编号-0-0curColID = str(getDateDiff() + 20) + r'-0-0'inputCol = ['D', 'AB']inputVal = ['36', '一直在京']for i in range(len(inputCol)):inputBox = driver.find_element_by_id(inputCol[i] + curColID)driver.execute_script("arguments[0].scrollIntoView();", inputBox)time.sleep(1)# 开始模拟鼠标双击操作，不然无法锁定表格填数据action_chains = ActionChains(driver)action_chains.double_click(inputBox).perform()time.sleep(1)# 填写体温度数driver.find_element_by_xpath("//input[contains(@class,'fr-texteditor')]").send_keys(inputVal[i])time.sleep(1)# css选择器选择button .x-emb-submit 这是关键print(driver.find_element_by_css_selector('.x-emb-submit').click())time.sleep(1)# driver.close()except TimeoutException:# 报错后就强制停止加载# 这里是js控制driver.execute_script('window.stop()')print(driver.page_source)# 方法主入口if __name__ == '__main__':# 加启动配置driver = webdriver.Firefox() # 利用火狐浏览器# driver.get("") # 打开get到的网址operationAuth(driver)
