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
  • 使用
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容