flask之模板篇

• 模板即html文件，在学习本篇之前需要了解下前端知识（js啊，html啊，css啊），当然，够聪明边学边补也是ok哒，遇到不懂的问百度

开始开车

• 模板连接，如下图

  
  
  image.png

• 模板实现，如下图，主要是带参的那个模板，index模板随意整

  
  
  image.png

• 展示 ，如下截图

  
  
  image.png

模板进阶， 嵌入bootstrap，使界面更友好，开发更简单

• 学此之前需要知道下bootstrap的知识http://getbootstrap.com/docs/4.1/components/navbar/
  上面链接为bootstrap中navbar的官网文档，英语不好的只看里面的例子就好
  
  image.png

• 也需要知道下flask的模板继承
  模板继承和类继承差不多，其目的都是将多个文件可公用的部分提取出来，使代码利用率高，代码可读性和可维护性增加。
  简单实现如下面截图

  
  
  image.png
  
  
  image.png
  
  
  image.png
  
  

  路由跳转

  
  
  image.png

在浏览器中的效果

image.png

bootstrap开始开车

• 安装 pip install flask-bootstrap
• 使用