以模块化方式提供bootstrap3和其他静态资源。
Flask-Statics-Helper的Python项目详细描述
以模块化方式提供bootstrap3和其他静态资源。
此扩展的主要目的是“模块化”静态资源 (css和js文件)基于每个模板。在一个大瓶子里 应用程序,所有视图/模板都不使用相同的静态资源,例如 作为D3J。如果五个或更多视图中只有一个使用d3j,则没有 所有视图中包含d3js<script />标记的原因。
此扩展还提供了一个基本模板,可由 bootstrap3的flask应用程序模板(与其他bootstrap3一样 扩展名,如this或 this)。
- Linux和OS X支持Python 2.6、2.7、3.3和3.4。
- 在windows上支持python 2.7、3.3和3.4(python的32位和64位版本)。
快速启动
安装:
pip install Flask-Statics-Helper
启用:
# example.pyfromflaskimportFlaskfromflask.ext.staticsimportStaticsapp=Flask(__name__)Statics(app)
与bootstrap3一起使用(自动启用jquery):
{%extends'flask_statics_helper/bootstrap.html'%}{%setSTATICS_ENABLE_RESOURCE_CSSHAKE=True%}{%blocktitle%}My Application{%endblock%}{%blocknavbar%}<divclass="navbar navbar-inverse navbar-static-top"role="navigation"><divclass="container"><divclass="navbar-header"><!-- navbar-header --><buttontype="button"class="navbar-toggle"data-toggle="collapse"data-target=".navbar-collapse"><spanclass="sr-only">Toggle navigation</span><spanclass="icon-bar"></span><spanclass="icon-bar"></span><spanclass="icon-bar"></span></button><aclass="navbar-brand"href="/">My Application</a></div><!-- /navbar-header --><divclass="collapse navbar-collapse"><!-- navbar-collapse --><ulclass="nav navbar-nav"><li><ahref="/">Home</a></li></ul></div><!-- /navbar-collapse --></div></div>{%endblock%}{%blockcontainer%}<divclass="jumbotron"><h2class="shake shake-constantly">Hello World.</h2></div>{%endblock%}
可用资源
- Bootstrap3.3.1
- jQuery2.1.1
- Angular JS1.3.4
- Bootstrap Growl2.0.0
- Bootstrap X-Editable1.5.1
- BootstrapValidator0.5.3
- CSShake(2014年7月9日克隆)
- D33.4.13
- Data Tables1.10.4
- Font Awesome4.2.0
- WHHG Font(克隆于2014年11月26日)
- typeahead.js0.10.5
配置
唯一的app.config特定设置是STATICS_MINIFY。 其他的一切都可能在个人身上实现 模板(因此css/js只包含在该模板中)或者 如果需要,可以在app.config中将其设置为true 由于某种原因为所有模板启用的资源。
在烧瓶中搜索以下配置设置 应用程序的配置字典:
- STATICS_MINIFY–已选择最小化资源,而不是 未压缩的资源。
- STATICS_ENABLE_RESOURCE_ANGULARJS–全部包含资源 模板。
- STATICS_ENABLE_RESOURCE_BOOTSTRAP–全部包含资源 模板。
- STATICS_ENABLE_RESOURCE_BOOTSTRAP_EDITABLE–包含资源 所有模板。
- STATICS_ENABLE_RESOURCE_BOOTSTRAP_GROWL–全部包含资源 模板。
- STATICS_ENABLE_RESOURCE_BOOTSTRAP_TYPEAHEAD–包含资源 所有模板。
- STATICS_ENABLE_RESOURCE_BOOTSTRAP_VALIDATOR–包含资源 所有模板。
- STATICS_ENABLE_RESOURCE_CSSHAKE–全部包含资源 模板。
- STATICS_ENABLE_RESOURCE_D3–在所有模板中包含资源。
- STATICS_ENABLE_RESOURCE_DATATABLES–全部包含资源 模板。
- STATICS_ENABLE_RESOURCE_FONT_AWESOME–全部包含资源 模板。
- STATICS_ENABLE_RESOURCE_JQUERY–全部包含资源 模板。
- STATICS_ENABLE_RESOURCE_WHHG_FONT–全部包含资源 模板。
- STATICS_ENABLE_RESOURCE_ANGULARJS_ANIMATE–包含资源 所有模板。
- STATICS_ENABLE_RESOURCE_ANGULARJS_COOKIES–包含资源 所有模板。
- STATICS_ENABLE_RESOURCE_ANGULARJS_CSP–全部包含资源 模板。
- STATICS_ENABLE_RESOURCE_ANGULARJS_LOADER–包含资源 所有模板。
- STATICS_ENABLE_RESOURCE_ANGULARJS_MESSAGES–包含资源 所有模板。
- STATICS_ENABLE_RESOURCE_ANGULARJS_MOCKS–全部包含资源 模板。
- STATICS_ENABLE_RESOURCE_ANGULARJS_RESOURCE–包含资源 所有模板。
- STATICS_ENABLE_RESOURCE_ANGULARJS_ROUTE–全部包含资源 模板。
- STATICS_ENABLE_RESOURCE_ANGULARJS_SANITIZE–包含资源 所有模板。
- STATICS_ENABLE_RESOURCE_ANGULARJS_SCENARIO–包含资源 所有模板。
- STATICS_ENABLE_RESOURCE_ANGULARJS_TOUCH–全部包含资源 模板。
更改日志
1.0.0
- Windows兼容性。
- 已将引导程序更新为3.3.1。
- 将Angular JS更新为1.3.4。
- 已将BootstrapValidator更新为0.5.3。
- 更新D3至3.4.13。
- 更新数据表至1.10.4。
- 更新字体可怕的4.2.0。
- 更新whhg字体至2014年11月26日。
0.3.0
- 将bootstrap 3 typeahead替换为twitter typeahead.js。
0.2.0
- 已添加BootstrapValidator资源。
0.1.1
- 增加了对Python2.6和3.x的支持。
0.1.0
- 初次发布。