flask+bootstrap,flask和bootstrap

  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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: