Python Flask 简明教程(8)--模板之继承

简介: 本文目录1. 前言2. 创建项目3. 创建基模板4. 继承模板5. 开发app.py6. 小结

1. 前言

静态网页的内容是静态的,所以如果有像导航栏这种每个页面都需要的固定内容,也还是不得不在每个页面编写一遍。


这除了会导致代码非常臃肿,还会让修改变得很繁琐,如果想修改导航中的一个链接,也不得不修改所有包含导航的页面。


使用动态网页技术中的模板,可以轻松的解决这个问题,FLask的模板继承在解决这个问题上更是非常的简洁。


2. 创建项目

首先创建flask-temp文件夹,用于演示模板继承功能。


在flask-temp下建立templates文件,用于存放网页,flask会自动识别该目录下的网页及网页模板。


3. 创建基模板

基模板页面用于提取网页中的公共部分,并设定好预留的自定义内容的位置。我们在templates目录下新建base.html代码如下:


<!DOCTYPE html>

<html>


<head>

   <meta charset="utf-8">

   <!--预留插入标题位置-->

   <title>

       {% block title %}

       {% endblock %}

   </title>

</head>


<body>

   <!--导航,内容固定-->

   <ul>

       <li>

           <a href="#">首页</a>

           <a href="#">新闻中心</a>

           <a href="#">产品中心</a>

           <a href="#">联系我们</a>

       </li>

   </ul>

   <!--预留插入网页内容部分-->

   {% block content %}

   {% endblock %}

</body>


</html>


解释下,除了{%%}包裹的部分,都是固定的内容;而{%%}包裹的部分,是预留的插入位置,也就是说其他页面继承了基模板页面后,会继承固定内容,只需要完善预留的插入位置即可。


4. 继承模板

接下来,我们可以开发一个新闻中心页面news.html,通过继承base.html来自动生成固定部分,我们仅仅需要在news.html中完善预留插入位置的内容。


{% extends 'base.html' %}

<!--插入到block title位置-->

{% block title %}

新闻中心

{% endblock %}

<!--插入到block content-->

{% block content %}

<h1>新闻中心</h1>

<p>

   这里是新闻中心页面

</p>

{% endblock %}


5. 开发app.py

在flask-demo文件夹下新建app.py,并编写代码如下:


from flask import Flask, render_template

app = Flask(__name__)



@app.route('/news')

def news():

   return render_template('news.html')



if __name__ == '__main__':

   app.run(debug=True)


所以当项目启动后,访问/news路径,即可访问到news.html网页,而该网页继承了base.html,所以python即可根据模板继承的规则渲染news.html然后返回给浏览器。


浏览`http://127.0.0.1:5000/news’,效果如下,可见固定部分已经继承成功!



6. 小结

在JSP、ASP.NET中,均有相关的模板继承复用的机制,但是Flask的实现可以说足够简单了。


上手简单,易用,强烈推荐!

相关文章
|
9天前
|
算法 Python
Python多继承时子类如何调用指定父类
通过本文的介绍,希望您能够深入理解Python多继承时子类如何调用指定父类的方法,并在实际项目中灵活运用这些技巧,编写出高效且易维护的代码。
23 11
|
7天前
|
数据可视化 DataX Python
Seaborn 教程-绘图函数
Seaborn 教程-绘图函数
39 8
|
7天前
Seaborn 教程-主题(Theme)
Seaborn 教程-主题(Theme)
27 7
|
7天前
|
Python
Seaborn 教程-模板(Context)
Seaborn 教程-模板(Context)
28 4
|
7天前
|
数据可视化 Python
Seaborn 教程
Seaborn 教程
25 5
|
8天前
|
算法 Python
Python多继承时子类如何调用指定父类
通过本文的介绍,希望您能够深入理解Python多继承时子类如何调用指定父类的方法,并在实际项目中灵活运用这些技巧,编写出高效且易维护的代码。
29 1
|
17天前
|
人工智能 数据可视化 数据挖掘
探索Python编程:从基础到高级
在这篇文章中,我们将一起深入探索Python编程的世界。无论你是初学者还是有经验的程序员,都可以从中获得新的知识和技能。我们将从Python的基础语法开始,然后逐步过渡到更复杂的主题,如面向对象编程、异常处理和模块使用。最后,我们将通过一些实际的代码示例,来展示如何应用这些知识解决实际问题。让我们一起开启Python编程的旅程吧!
|
16天前
|
存储 数据采集 人工智能
Python编程入门:从零基础到实战应用
本文是一篇面向初学者的Python编程教程,旨在帮助读者从零开始学习Python编程语言。文章首先介绍了Python的基本概念和特点,然后通过一个简单的例子展示了如何编写Python代码。接下来,文章详细介绍了Python的数据类型、变量、运算符、控制结构、函数等基本语法知识。最后,文章通过一个实战项目——制作一个简单的计算器程序,帮助读者巩固所学知识并提高编程技能。
|
4天前
|
Unix Linux 程序员
[oeasy]python053_学编程为什么从hello_world_开始
视频介绍了“Hello World”程序的由来及其在编程中的重要性。从贝尔实验室诞生的Unix系统和C语言说起,讲述了“Hello World”作为经典示例的起源和流传过程。文章还探讨了C语言对其他编程语言的影响,以及它在系统编程中的地位。最后总结了“Hello World”、print、小括号和双引号等编程概念的来源。
98 80
|
22天前
|
存储 索引 Python
Python编程数据结构的深入理解
深入理解 Python 中的数据结构是提高编程能力的重要途径。通过合理选择和使用数据结构,可以提高程序的效率和质量
134 59
下一篇
DataWorks