flask-bootstrap中文手册 Bootstrap(http://getbootstrap.com/)是Twitter 开发的一个开源框架,它提供的用户界面组件可用于创建整洁且具有吸引力的网页 不过,更简单的方法是使用一个名为Flask-Bootstrap 的Flask 扩展,简化集成的过程。 Flask-Bootstrap 使用pip安装: pip install flask-bootstrap 初始化bootstrap from flask_bootstrap import Bootstrap
幸运的是,有一个名为Flask-Bootstrap的Flask插件,它提供了一个已准备好的基础模板,该模板引入了Bootstrap框架。 让我们来安装这个扩展: (venv) $ pip install flask-bootstrap 03 使用 flask-bootstrap Flask-Bootstrap需要像大多数其他Flask插件一样被初始化 : app/__init__.py: Flask-Bootstrap实例。 正如你在上面看到的,Flask-Bootstrap使用名为content的块,所以我将我的内容块重命名为app_content。 Flask-Bootstrap不需要逐个设置表单字段,而是使用一个接受Flask-WTF表单对象作为参数的宏,并以Bootstrap样式渲染出完整的表单。
安装Flask-Bootstrap插件 ? Flask-Bootstrap的命名空间为flask.ext.bootstrap。 Flask-Bootstrap的使用 代码中我们要初始化bootstrap,如下: from flask.ext.bootstrap import Bootstrap bootstrap = Bootstrap {% endblock %} {% endblock %} 说下重点代码: {% extends "bootstrap/base.html" %} "bootstrap/base.html"就是Flask-Bootstrap {% block head %} {% endblock %} 这个是Jinja2的自定义块,在Flask-Bootstrap中有很多定义好的块: 块名 说明 doc 整个HTML文档 html_attribs
block,也可以对父页面中的block进行重写 super()则是继承父页面中的block中的已有的代码 7.Bootstrap Flask中也可以使用boostrap,Flask提供了Flask-Bootstrap 扩展包,用来将 使用bootstrap $ pip install flask-bootstrap 安装flask-bootstrap from flask.ext.bootstrap import bootstrap = Bootstrap(app) 初始化flask-bootstrap。 method="POST"> {{ form.name.label }} {{ form.name() }} {{ form.submit() }} </form> 用flask-wtf和flask-bootstrap
title> {% endblock %} </head> <body> {% block body %} {% endblock %} </body> </html> 二、使用Flask-Bootstrap #初始化 Flask-bootstrap from flask.ext.bootstrap import Bootstrap #... bootstrap = Bootstrap(app) 初始化Flask-Bootstrap
https://flask-bootstrap-zh.readthedocs.io/zh/latest/basic-usage.html#id2 项目地址:https://github.com/mbr/flask-bootstrap / 安装使用: pip install flask-bootstrap # 开始前第一步是导入和加载扩展 from flask import Flask from flask_bootstrap import app 示例程序: {%- extends "bootstrap/base.html" %} {# 网页标题设置带有默认标题 #} {% block title %}Sample App for Flask-Bootstrap "bootstrap/fixes.html" as fixes %} {% block head %} {{super()}} {#- Docs: http://pythonhosted.org/Flask-Bootstrap Check the documentation at http://pythonhosted.org/Flask-Bootstrap/basic-usage.html#available-blocks
requirements.txt requirements.txt文件如下: click==6.7 decorator==4.0.11 dominate==2.3.1 enum34==1.1.6 Flask==0.12.2 Flask-Bootstrap
当然要集成 Bootstrap 框架,我们就需要对模板进行相关的改动,而这些完全可用交给插件 Flask-Bootstrap 来完成。 pip install flask-bootstrap # 安装插件 在 Flask app 中初始化 Flask-Bootstrap from flask_bootstrap import Bootstrap ... bootstrap = Bootstrap(app) 初始化 Flask-Bootstrap 之后,就可以在程序中使用一个包含所有 Bootstrap 文件的基模板。
() }} {{ form.name.label }} {{ form.name(id='my-text-field') }} {{ form.submit() }} </form> Flask-Bootstrap {% import "boostrap/wtf.html" as wtf %} {{ wtf.quick_form(form) }} #使用Flask-WTF和Flask-Bootstrap渲染表单
0.24.0) blueprint (3.4.2) cffi (1.11.5) click (6.7) cryptography (2.3.1) dominate (2.3.1) Flask (1.0.2) Flask-Bootstrap
1,程序的基本结构 # 初始化app、路由、视图函数、flask框架的设计理念 2,模板 # Jinja2模板引擎、Flask-Bootstrap、错误页面、静态文件、Moment 字段对象可附属一个或多个验证函数,验证函数就是用来验证用户提交form的输入值是否符合要求 11,Flask-Bootstrap提供预先定义好的表单样式渲染整个Flask-WTF表单:{{ wtf.quick_form
推荐大家安装以下几个常用插件: flask-bootstrap flask-script flask-wtf 下次会针对这些插件进行讲解。
提供国际化和本地化支持,翻译; Flask-script:插入脚本; Flask-Login:认证用户状态; Flask-OpenID:认证; Flask-RESTful:开发REST API的工具; Flask-Bootstrap 需求文件的内容示例如下: alembic==0.9.2 blinker==1.4 click==6.7 dominate==2.3.1 Flask==0.10.1 Flask-Bootstrap==3.3.7.1
token)机制,使用postman等工具的话,也是需要去自定义解决的,因此决定写个页面更简易化 思路: 为了快速实现功能,决定采用python的flask框架,使用了flask-wtf(form表单),flask-bootstrap
Flask-Mail:邮件 Flask-Bable:提供本地化支持,翻译 Flask-Login:认证用户状态 Flask-OpenID:认证 Flask-RESTful:开发REST API的工具 Flask-Bootstrap
; Flask-Mail邮件; Flask-WTF表单; Flask-script插入脚本; Flask-Login认证用户状态; Flask-RESTful开发REST API的工具; Flask-Bootstrap
管理迁移数据库; Flask-Mail:邮件; Flask-WTF:表单; Flask-script:插入脚本; Flask-Login:认证用户状态; Flask-RESTful:开发REST API的工具; Flask-Bootstrap
Flask-Moment本地化时间(因为时间统一以UTC时间保存) Flask-Assets处理静态文件 Flask-Babel国际化 由于后台部分是只有API的,而博客展示部分又没有表单,所以Flask-WTF,Flask-Bootstrap
MigrateCommand) if name == 'main': manager.run() 7、 建立需求文件: pip freeze >requirements.txt Flask==0.10.1 Flask-Bootstrap
Django==1.11.8 django-mongonaut==0.2.21 docopt==0.6.2 Flask==0.10.1 Flask-Bootstrap==3.0.3.1 Flask-Login