flask模板网页怎么引用文件(flask默认使用的模板是)

技术Flask模版如何使用这篇文章主要介绍了Flask模版如何使用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。1. Flask的模版引擎是什么?flas

本文主要介绍如何使用Flask模板,具有一定的参考价值。有兴趣的朋友可以参考一下。希望大家看完这篇文章后收获多多。让边肖带你去了解它。

1. Flask的模版引擎是什么?

烧瓶的模板引擎使用jinja2,官网地址:

http://jinja.pocoo.org

模板允许我们在多个地方重用代码片段,非常适合动态HTML页面。

Flask模版如何使用

00-1010首先,按照前一章,在Flask_Blog文件夹中创建新的文件夹模板:

Flask模版如何使用

在文件夹模板中创建新的layout.html页面,包含以下内容:

Flask模版如何使用

Flask模版如何使用

在文件夹模板中创建新的home.html页面,包含以下内容:

Flask模版如何使用

在文件夹模板中创建新的about.html页面,包含以下内容:

Flask模版如何使用

在Flask_Blog文件夹中创建新的静态文件夹,在静态文件夹中创建新的样式文件main.css,内容为:

Flask模版如何使用

Flask模版如何使用

接下来,我们修改flaskblog.py:

Fromflaskimportmask,render _ tytemplate,URL _ forapp=mask(_ _ _ name _ _)#定义一个用于前台数据显示的列表。使用帖子=[{ '作者' : '辽北皇帝','标题' : '博文1 ',内容' : '博文1 ',' date _ posted ' : ' June年6月12日' },{ '作者' : '爱情奇迹','标题' : '博文2 ','内容' 3360 '博文2。Date _ posted ' : ' June年6月12日' }]@ app . route('/')@ app . route('/home ')defhome(): return render _ template(' home . html ',post=post)@ app . route('/about ')def bout(): return render _ template(' about . html ',title=' about ')if _ _ name _ _=' _ main _ _ ' 3360 app . run(debug=

然后我们打开Flask_Blog文件夹中的命令行cmd,运行python falskblog.py:

Flask模版如何使用

我们的访问地址是http://127.0.0.1:5000/:

Flask模版如何使用

我们继续访问地址:http://127 . 0 . 0 . 1:5000/约:

Flask模版如何使用

因为标题参数值是在代码中传递的,所以在收到标题有值的判断后,首页显示标题内容。

感谢您仔细阅读本文。希望边肖分享的文章《如何使用Flask模板》对大家有所帮助。同时希望大家多多支持,关注行业信息渠道,多了解!

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/157151.html

(0)

相关推荐

  • 怎么解决css加载外部字体乱码问题

    技术怎么解决css加载外部字体乱码问题本篇内容介绍了“怎么解决css加载外部字体乱码问题”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,

    攻略 2021年11月17日
  • 炼铁的原理化学方程式,赤铁矿炼铁的化学方程式是什么

    技术炼铁的原理化学方程式,赤铁矿炼铁的化学方程式是什么赤铁矿炼铁的化学方程式是:Fe₂O₃+3CO=高温=2Fe+3CO₂。 原理:一氧化碳和氧化铁在高温的条件下生成铁和二氧化碳。 赤铁矿石主要用来冶炼生铁。赤铁矿在自然

    生活 2021年10月28日
  • API错误返回规范有哪些

    技术API错误返回规范有哪些本篇内容介绍了“API错误返回规范有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!禁止通

    攻略 2021年11月16日
  • vue-countTo --

    技术vue-countTo -- vue-countTo --- 数字滚动插件vue-countTo是一个无依赖,轻量级的vue组件,可以自行覆盖easingFn。
    你可以设置startVal和endV

    礼包 2021年12月13日
  • 从SQL到NoSQL7种比较查询语言的指标分别是什么

    技术从SQL到NoSQL7种比较查询语言的指标分别是什么从SQL到NoSQL7种比较查询语言的指标分别是什么,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望

    攻略 2021年11月30日
  • 创建javascript对象类成员(javascript私有成员分析)

    技术JavaScript 中怎样创建私有成员JavaScript 中怎样创建私有成员,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。前言:面向对象编程语言中的

    攻略 2021年12月13日