lol角色查询请求失败 英雄联盟无法获取玩家信息的原因(2)

lol角色查询请求失败

2.2 利用InputGroup()为表单控件添加说明

除了前面介绍的利用dbc.FormText()等部件为对应的表单控件生成外部说明文字之外，dash_bootstrap_components还提供了基于InputGroup()的一系列部件，使得我们可以方便地创建出与控件本身浑然一体的说明内容：

❝

app3.py

❞

import dashimport dash_bootstrap_components as dbcimport dash_html_components as htmlapp = dash.Dash(__name__)app.layout = html.Div(    dbc.Container(        [            dbc.InputGroup(                [                    dbc.InputGroupAddon("https://www.cnblogs.com/", addon_type="prepend"),                    dbc.Input(placeholder="输入博客园用户名")                ]            ),            html.Br(),            dbc.InputGroup(                [                    dbc.Input(placeholder="输入qq邮箱"),                    dbc.InputGroupAddon("@qq.com", addon_type="append")                ]            )        ],        style={            'margin-top': '200px',            'max-width': '400px'        }    ))if __name__ == '__main__':    app.run_server(debug=True)

效果如下，通过InputGroupAddon()可以很方便地为输入控件添加前缀或后缀说明：

3 动手写一个英雄联盟英雄资料查看器！

有了今天的知识内容基础，加上之前教程内容的铺垫，我们可以开始用Dash书写一些形式更加丰富多样的web应用，比如一个「在线英雄联盟英雄资料查看器」，后台通过爬取LOL官网的实时数据，实现全英雄资料查询，先来一睹效果如何吧~

可以看到效果非常不错，并且纯Python编写，下面我大致介绍一下整体思路：

1.「抓包」LOL官网，爬取全英雄名称与id信息，并继续抓包找到传递每个英雄单独详细信息的异步请求；

2.利用今天所学的Form()和FormGroup()轻松搭建出界面上方的三个控件；

3.编写回调，基于用户选择内容，以及「查询」按钮的点击情况，来异步渲染出下方Tabs()+Tab()区域内容，其中大量使用到列表推导非常的方便；

4.最后「皮肤一览」区域的轮播图片结合了bootstrap的知识，对https://www.runoob.com/try/try.php?filename=trybs4_carousel#demo的例子进行了Dash化改写，也是个非常有用的技巧！

以上分享的lol角色查询请求失败 和 英雄联盟无法获取玩家信息的原因的电脑IT小方法，供您全面了解参考！