• 大型情感剧集Selenium:4_老中医教你(单/多/下拉框)选项定位 #华为云·寻找黑马程序员#


    欢迎添加华为云小助手微信(微信号:HWCloud002 或 HWCloud003),输入关键字“加群”,加入华为云线上技术讨论群;输入关键字“最新活动”,获取华为云最新特惠促销。华为云诸多技术大咖、特惠活动等你来撩!

    今天讲什么

    讲什么标题说了,讲selenium的单选、多选、下拉框选项定位。但其实这东西,没什么太多说的,又比较枯燥,那该怎么让这一集selenium的课程变得有趣呢?有请老中医,哈哈…

    è中å».gif

    怎么样,这个野广告做的还不错吧,你们给多少分?至于为什么要自己写一个html的页面,一是懒得找什么网页又有下来框体,又有单/多选。二是最近更多的想练习写一些web界面,最重要的是怕大家觉得selenium系列的文章没意思,所以搞点噱头呗。哈哈…
    页面实现起来比较简单,样式用Bootstrap即可,至于这个城中村经典广告牌,只要简单的使用jQuery添加和删除css样式就OK了。
    代码如下:
     

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <title>老中医</title>
        <link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
        <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
        <style type="text/css">
        body {
            height: 500px;
        }
    
        .container {
            max- 500px;
            height: 450px;
            border: 2px solid grey;
            border-radius: 5px;
        }
    
        .ad {
            text-align: center;
            font-size: 25px;
            background-color: black;
            color: red;
            margin-bottom: 20px;
        }
    
        .chuibi {
            display: inline-block;
        }
    
        .adplus {
            color: black;
        }
    
        .footer {
            text-align: center;
        }
        </style>
    </head>
    
    <body>
        <form class="container">
            <div class="row">
                <div class="ad ">祖传男科老中医
                    <div class="small chuibi"> 【华佗在世,扁鹊转生】
                    </div>
                </div>
            </div>
            <div class="form-group ">
                <div class="input-group">
                    <div class="input-group-addon">
                        姓名:
                    </div>
                    <input id='name' class="form-control" />
                </div>
            </div>
            <div class="form-group ">
                <div class="input-group">
                    <div class="input-group-addon">
                        性别:
                    </div>
    
                    <select id="sex" class="form-control">
                        <option value="女">女</option>
                        <option value="男">男</option>
                    </select>
                </div>
            </div>
            <div class="form-group has-success">
                <div><label class="control-label">如何了解我院:</label></div>
                <label class="radio-inline">
                    <input type="radio" name="access" id="inlineRadio2" value="朋友介绍"> 朋友介绍
                </label>
                <label class="radio-inline">
                    <input type="radio" name="access" id="inlineRadio1" value="野广告">野广告
                </label>
            </div>
            <div class="form-group has-error">
                <div><label class="control-label">有哪些病症:</label></div>
                <div class="checkbox">
                    <label>
                        <input type="checkbox" value="全身乏力">
                        全身乏力
                    </label>
                </div>
                <div class="checkbox ">
                    <label>
                        <input type="checkbox" value="食欲不振">
                        食欲不振
                    </label>
                </div>
                <div class="checkbox ">
                    <label>
                        <input type="checkbox" value="腰膝酸软">
                        腰膝酸软
                    </label>
                </div>
                <div class="checkbox ">
                    <label>
                        <input type="checkbox" value="失眠多梦">
                        失眠多梦
                    </label>
                </div>
            </div>
            <div class="form-group">
                <div><label class="control-label">简要描述你的病情:</label></div>
                <input id='summary' class="form-control" type="text">
            </div>
    
        </form>
        <div class="footer">
            ©2019-清风Python:<a href="https://www.jianshu.com/u/d23fd5012bed">联系我们</a>
        </div>
        <script>
        setInterval(function() {
            var title = $('.ad')
            if (title.hasClass('adplus')) {
                title.removeClass('adplus')
            } else { $('.ad').addClass('adplus') }
        }, 600);
        </script>
    </body>
    
    </html>
    

    入主题

    先来说说下拉框吧,网上很多的帖子说下拉框的选择必须要先定位到下拉框体,然后点击框体,才能获取选项并选中,其实不然。90%的下拉框都会提前将option内容保存在html中,只有极少情况时通过AJAX请求的(这种情况之后的课程说…)。所以针对这种选项类的使用,推荐使用xpath和css_selector去定位。因为可变概率较小…

    至于单选和多选,主要是通过driver.find_elements_by_tag_name('input'),然后进行批量循环判断input选项完成选择。

    说了这么多,不如直接看代码来的直观:

    # -*- coding: utf-8 -*-
    # @Author   : 王翔
    # @JianShu  : 清风Python
    # @Date     : 2019/6/22 22:04
    # @Software : PyCharm
    # @version  :Python 3.7.3
    # @File     : Day_3.1_select.py
    
    from selenium import webdriver
    import time
    
    # 本地文件,根据你们的位置,自行修改
    URL = 'file:///D:/Codes_Repository/Python/SeleniumTest/Day4_selenium定位下拉框/index.html'
    
    options = webdriver.ChromeOptions()
    # 调整窗口大小,主要是为了使减小gif文件大小,方便截图上传
    options.add_argument('window-size=650,650')
    options.add_argument('disable-infobars')
    driver = webdriver.Chrome(options=options)
    
    driver.get(URL)
    
    driver.find_element_by_id('name').send_keys("隔壁老王")
    time.sleep(1)
    
    sex = driver.find_element_by_id('sex')
    sex.find_element_by_css_selector("[value='男']").click()
    # driver.find_element_by_xpath('//*[@id="sex"]/option[2]').click()
    time.sleep(1)
    
    input_tags = driver.find_elements_by_tag_name('input')
    for input_tag in input_tags:
        if input_tag.get_attribute('type') == 'radio' and input_tag.get_attribute('value') == '野广告':
            input_tag.click()
    time.sleep(1)
    
    input_tags = driver.find_elements_by_tag_name('input')
    for input_tag in input_tags:
        if input_tag.get_attribute('type') == 'checkbox' and input_tag.get_attribute('value') != '腰膝酸软':
            input_tag.click()
    time.sleep(2)
    
    driver.close()
    

    看下隔壁老王前来就诊的效果:

    éå£èçæ¥å°±è¯.gif

    由于页面只有一组单选和多选,所以无需多做判断,但如果网页上存在多组的单选和多选。那还需要针对他们自身的特性进行分析,知识是死的,要学会灵活运用才行…

    To Be Continue

    今天的内容就到这里,如果觉得有帮助,欢迎将文章或者我的公众号【清风Python】分享给更多喜欢python的人。

    来源:华为云社区征文 作者:清风Python

  • 相关阅读:
    前端 fetch 通信
    编写高质量的JavaScript代码(一)
    Redis学习笔记1-Redis的介绍和认识
    gitignore不起作用解决的方法
    【我的面经】说说简历的细节——软件开发岗位
    菜鸟的mongoDB学习---(七)MongoDB 备份(mongodump)与恢复(mongorerstore)
    HDU 4927 Series 1
    树状数组求第K小值 (spoj227 Ordering the Soldiers &amp;&amp; hdu2852 KiKi&#39;s K-Number)
    git和SVN的差别
    KVM-Introduce
  • 原文地址:https://www.cnblogs.com/2020-zhy-jzoj/p/13165622.html
Copyright © 2020-2023  润新知