推特汇率怎么算的准确一点（）

前段时间刚接触到前端网页开发，但是对于刚入门的小白而言，像flask、Django等这类稍大型的框架确实不太适合，今天这个Dash是集众家之长于一体的轻量化Web开发库。

Dash是什么？

Dash 是一个用于构建基于 Web 的应用程序的 Python 库，无需 JavaScript 。

Dash 同时也是用于创建分析 Web 应用程序的用户界面库。那些使用 Python 进行数据分析、数据挖掘、可视化、建模、仪器控制和报告的人可以立即使用 Dash 。

Dash 建立在 Plotly.js、React 和 Flask 之上，将现代 UI 元素与你的分析 Python 代码相结合。

网页搭建步骤安装相关依赖

提示：本文基于Windows 10、Anaconda 3、Sublime Text，Python版本为3.6.5 个人习惯单独新一个用于dash开发的虚拟环境，创建命令：

conda create -n myenv_dash python==3.6.5

安装Dash的弟三方包：

pip install dash

因为是基于Flask，所以系统会自动安装相应的依赖，这里我建议也安装一个额外依赖：dash_bootstrap_components

pip install dash_bootstrap_components

此依赖包含Twitter的bootstrap组件。

导入相关包

from dash import Dash, html, dccfrom dash.dependencies import Input, Outputimport dash_bootstrap_components as dbc

构建app

try: # 获取在线bootstrap.min.css app = Dash printexcept: # 获取本地bootstrap.min.css app = Dash printapp.title = '在线汇率计算器'

此处使用的css有在线的和本地的，利用try……except……防止在线的css文件无法加载而导致报错。

构建结果输出函数

代码如下：

# 输出函数，对于重复使用的，定义函数更快捷def item: return dbc.ListGroupItem, html.Img, html.H5])

因为是单输入，多输出，构建item函数可以重复利用，优化代码， 函数参数有货币名称和国旗。dbc.ListGroupItem组件可以很好的定位标签、文字; 其中的className='float-right'可以理解为显示样式，代表“靠右浮动”

网页结构Layout搭建

代码如下：

app.layout = dbc.Container, html.P, dbc.Input ],active=True), item, item, item, item, item, item, item ],className='shadow') ],style={'padding':'2rem'})

layout为GUI布局，采用列表的模式，根据行列进行排布；style={'textAlign': 'center','color':'#272528'}为文字排布样式设定，为字典类型，可以设置字体，颜色等 dbc.Input默认value值为0，数据类型为number用于计算；style={'padding':'2rem'}为Container的居中显示样式，代表画布距离边界的宽度。

callback回调参数设定

代码如下：

@app.callback, Output, Output, Output, Output, Output, Output ], inputs = [Input] )def rule: rmb = rmb if rmb is not None else 0 return } ￥', f'{round} ＄', f'{round} ￡', f'{round} ￥', f'{round} €', f'{round} €', f'{round} $' )

@app.callback可以理解为装饰器，用于网页的交互。rule函数用于计算汇率。ps:这里的货币符号不一定全对，意思一些，不用太较真哈！！！

界面效果总结

本项目到这里，整个项目就已经完成了，涉及到的一些基础技能，还需要一点功力，好了，今天的分享就到这里，后续会更新如何使用requests爬虫获取实时汇率进行动态汇率换算。

海外精品引流脚本–最强海外引流  

官网：www.facebook18.com

唯一TG：https://t.me/Facebook181818