flask+bootstrap,flask和bootstrap
在视图的选择上,我们已经学习了模板引擎的方法。不过有些小伙伴追求开发的效率,这里我们推荐使用自举。我们把它以插件的形式安装在框架中,然后进行初始化。在具体创建基模板的方法上,我们在下面以代码的形式展现给大家,都来看看具体的使用方法吧。
1、要初始化bootstrap,如下:
从烧瓶里。延伸文件系统bootstrapimportbootstrap引导程序
自举=自举(app)2、页面模板放到项目的"templates/"目录下,我们定制一个自己的基模板,base.html,代码如下:
{ % extends bootstrap/base。html“%”
{%blockhead%}
{{super()}}
linkrel=角质层href={{url_for(static ,filename= favicon。ico )} } type= image/x-icon
linkrel= icon href= { { URL _ for( static ,filename= favicon。ico )} } type= image/x-icon
{%endblock%}
{ % block title % } JolieBaby { % end block % }
{%blocknavbar%}
div class= navbarnvbar-默认导航栏-静态-顶部
差异
差异
button type= button data-toggle= collapse data-target= # navbar-ex-collapse
spantogglenaviation/span
span/span
span/span
span/span
/按钮
ahref=#spanJolieBaby/span/a
/div
折叠导航栏-折叠 id=导航栏-ex-折叠
ul class= nav navbar-nav navbar-右侧
里
a ref= # Home/a
/李
里
ahref= # 联系人/a
/李
/ul
/div
/div
/div
{%endblock%}
{%blockcontent%}
{%blockpage_content%}
{%endblock%}
{%endblock%}
说下重点代码:
{ % extends bootstrap/base。html“% }3、"bootstrap/base.html"就是Flask-Bootstrap自带的基模板,我们自己的基模板也要继承它。
{%blockhead%}
{%endblock%}以上就是瓶中引导程序的使用方法,大家学会后可以自己动手尝试创建模板,同时比较下之前所学的模板引擎,体会用法的差别。更多大蟒框架指路:烧瓶
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。