通过Echarts向用户显示本地状态。
Flask-State-test的Python项目详细描述
烧瓶状态
Flask State是一个基于Flask的可视化插件。如果您配置了redis,它可以每分钟记录本地状态并读取redis的状态,并生成数据图表通过Echarts显示给用户。在
安装
使用pip安装和更新:
$ pip install Flask-State
显示组件可以使用来自CDN的<script>
标记,或者作为npm上的烧瓶状态包。在
npm install flask-state --save
使用
安装Flask State之后,还需要导入JavaScript文件和CSS文件来绑定元素的约定ID值。在某些配置中,还可以选择修改它们。在
首先:我们将建立一个烧瓶应用程序。
fromflaskimportFlaskapp=Flask(__name__)
第二:绑定数据库地址。
fromflask_stateimportDEFAULT_BIND_SQLITEapp.config['SQLALCHEMY_BINDS']={DEFAULT_BIND_SQLITE:'sqlite:///path'}
第三:调用flask state的init_app方法初始化配置。
importflask_stateflask_state.init_app(app)
最后:选择适当的方法导入视图文件。
<!--CDN--><linkrel="stylesheet"href="https://cdn.jsdelivr.net/gh/yoobool/flask-state@v1.0.2/packages/flask-state.css"><scriptsrc="https://cdn.jsdelivr.net/gh/yoobool/flask-state@v1.0.2/packages/umd/flask-state.min.js"></script><scripttype="text/javascript">// Create a DOM node with ID 'test'. After init() binds the node, click to open the listening windowflaskState.init({dom:document.getElementById('test')});</script>
// npmimport'flask-state/flask-state.css';import{init}from'flask-state';// Create a DOM node with ID 'test'. After init() binds the node, click to open the listening windowinit({dom:document.getElementById('test')});
额外:您还可以自定义一些配置(非必需)。
监视redis状态。
app.config['REDIS_CONF']={'REDIS_STATUS':True,'REDIS_HOST':'192.168.1.1','REDIS_PORT':16380,'REDIS_PASSWORD':'psw'}
修改保存监控记录的时间间隔。
# The minimum interval is 60 seconds. The default interval is 60 secondsimportflask_stateSECS=60flask_state.init_app(app,SECS)
自定义记录器对象。
importflask_stateimportloggingcustom_logger=logging.getLogger(__name__)flask_state.init_app(app,interval=60,log_instance=custom_logger)
自定义绑定触发窗口对象。
/* When the initialization plug-in does not pass in an object, the plug-in will automatically create a right-hand suspension ball *//* Note: all pages share a plug-in instance. Calling init() method multiple times will only trigger plug-in events for new object binding */flaskState.init();
选择显示插件的语言,现在支持en、zh。
<!--Note: the language file imported through the tag must be after the plug-in is imported--><scriptsrc="https://cdn.jsdelivr.net/gh/yoobool/flask-state@v1.0.2/packages/umd/flask-state.min.js"></script><scriptsrc="https://cdn.jsdelivr.net/gh/yoobool/flask-state@v1.0.2/packages/umd/zh.js"></script><scripttype="text/javascript">flaskState.init({lang:flaskState.zh});</script>
import{init}from'flask-state';import{zh}from'flask-state/i18n.js';init({lang:zh});
贡献
欢迎来到open an issue!在
烧瓶状态遵循Contributor Covenant行为准则。在
社区频道
我们上了Gitter!请加入我们。在
许可证
Flask State根据BSD-3-Clause许可证提供。在
- 项目
标签: