脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 脚本专栏 → python → python include标签的使用

python include标签的使用方式及说明

 更新时间：2023年03月02日 11:44:05   作者：现在叫阿汤哥  
这篇文章主要介绍了python include标签的使用方式及说明，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教

include标签如何使用？

include标签的使用

在讲python include标签使用之前，我们新建一个include_demo项目

截图如下

项目新建好了，再在templates文件下新建一个index.html文件，代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{margin:0;padding:0;}
        ul{list-style: none;}
        a{text-decoration: none;
            color: #ffffff;}
        nav,footer,.main{width:1000px; height:40px; margin:0 auto;}
        ul{width: 1000px; height:40px; line-height: 40px;
            background-color:#000000;}
        li{width:120px; height:40px; line-height:40px; text-align: center;
        float:left;}
        .main{clear:both; line-height:40px; background-color:pink;}
        footer{height:40px;  background-color: green;}
    </style>
</head>
<body>
 
        <nav>
            <ul>
                <li><a href="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >首页</a></li>
                <li><a href="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >关于我们</a></li>
                <li><a href="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >产品中心</a></li>
                <li><a href="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >新闻中心</a></li>
                <li><a href="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >服务宗旨</a></li>
                <li><a href="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >联系我们</a></li>
            </ul>
        </nav>
        <div class="main">
            网站首页主体部分
        </div>
       <footer>
            网站首页footer部分
       </footer>
 
</body>
</html>

然后在include_demo.py页面渲染一下index模板文件，代码如下：

from flask import Flask,render_template
 
app = Flask(__name__)
 
@app.route('/')
def hello_world():
    return render_template("index.html")
 
 
if __name__ == '__main__':
    app.run(debug=True)

运行include_demo.py文件，运行结果如下：

在这里主要是为了方便讲解include标签，所有没太注重前端页面部分。

通过上面index.html文件就能发现，我将公共和私有代码部分都在一块，假设网站有几十个页面，我将所有公共代码和私有代码

都放一块，如果有一天要修改某个公共代码块，哪就得修改几十个页面，那将是件非常麻烦的事。为了方便管理项目，我们将页面公共、私有代码部分抽取出来。

我们新建一个header.html文件，把css样式及nav标签内容复制到header.html页面中。

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{margin:0;padding:0;}
        ul{list-style: none;}
        a{text-decoration: none;
            color: #ffffff;}
        nav,footer,.main{width:1000px; height:40px; margin:0 auto;}
        ul{width: 1000px; height:40px; line-height: 40px;
            background-color:#000000;}
        li{width:120px; height:40px; line-height:40px; text-align: center;
        float:left;}
        .main{clear:both; line-height:40px; background-color:pink;}
        footer{height:40px;  background-color: green;}
    </style>
</head>
<body>
      <nav>
            <ul>
                <li><a href="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >首页</a></li>
                <li><a href="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >关于我们</a></li>
                <li><a href="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >产品中心</a></li>
                <li><a href="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >新闻中心</a></li>
                <li><a href="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >服务宗旨</a></li>
                <li><a href="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >联系我们</a></li>
            </ul>
        </nav>
</body>
</html>

然后新建一个footer.html文件，把footer标签中的内容复制到该文件中。

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
     <footer>
            网站首页footer部分
     </footer>
     </footer>
</body>
</html>

我们在运行主app文件，结果如下：

(＾－＾)，为啥没有居中，背景色也不见了？？因为我们没有把样式引入进来（嗯，页面太丑了，没法看了，赶紧关了！！）

OK！我们将公共代码抽取出来后。记得在index.html文件中用include标签导入header、footer代码块，代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
   {% include "header.html" %}
        <div class="main">
            网站首页主体部分
        </div>
    {% include "footer.html" %}
</body>
</html>

再运行主app文件，结果如下：

嗯，结果是不是和之前一样，对吧！

通过上面例子，相信大部分小伙伴都明白了include标签的作用及用法。总之一句话，include标签的作用就相当于把抽取的代码复制到当前页面中。

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • Python如何读写二进制数组数据

    Python如何读写二进制数组数据

    这篇文章主要介绍了Python如何读写二进制数组数据，文中讲解非常细致，代码帮助大家更好的理解和学习，感兴趣的朋友可以了解下
    2020-08-08
  • 用Python实现流星雨效果的方法详解

    用Python实现流星雨效果的方法详解

    这篇文章主要为大家介绍了Python实现流星雨效果的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助<BR>
    2021-12-12
  • python机器学习darts时间序列预测和分析

    python机器学习darts时间序列预测和分析

    这篇文章主要介绍了python机器学习darts时间序列预测和分析使用实例探索,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2024-01-01
  • Python脚本实现自动将数据库备份到 Dropbox

    Python脚本实现自动将数据库备份到 Dropbox

    本文给大家分享的是作者使用python脚本实现自动备份mysql数据库到的dropbox网盘的代码，非常的简单实用，有需要的小伙伴可以参考下
    2017-02-02
  • Python使用os模块和fileinput模块来操作文件目录

    Python使用os模块和fileinput模块来操作文件目录

    这篇文章主要介绍了Python编程中使用os模块和fileinput模块来操作文件的方法,包括获取路径和创建爱你删除目录等基本操作的例子,需要的朋友可以参考下
    2016-01-01
  • python多线程方法详解

    python多线程方法详解

    大家好，本篇文章主要讲的是python多线程方法详解，感兴趣的同学赶快来看一看吧，对你有帮助的话记得收藏一下
    2022-01-01
  • python定时任务schedule库用法详细讲解

    python定时任务schedule库用法详细讲解

    python中有一个轻量级的定时任务调度的库schedule,下面这篇文章主要给大家介绍了关于python定时任务schedule库用法的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-01-01
  • Python translator使用实例

    Python translator使用实例

    translator实例应用代码
    2008-09-09
  • Python+Pygame实现之见缝插针游戏的实现

    Python+Pygame实现之见缝插针游戏的实现

    这篇文章主要为大家介绍了如何利用Python中的Pygame模块实现见缝插针游戏，文中的示例代码讲解详细，对我们学习Python游戏开发有一定帮助，需要的可以参考一下
    2022-07-07
  • 一篇文章彻底搞懂python正则表达式

    一篇文章彻底搞懂python正则表达式

    正则表达式是一个特殊的字符序列,它能帮助你方便的检查一个字符串是否与某种模式匹配,Python 自1.5版本起增加了re模块,这篇文章主要给大家介绍了如何通过一篇文章彻底搞懂python正则表达式的相关资料,需要的朋友可以参考下
    2021-09-09

最新评论