Python编程flask使用页面模版的方法

一、使用页面模板

Flask使用Jinja2作为默认的模板引擎。Jinja2是一个现代的模板引擎,可以方便地生成HTML、XML或其他格式的文档。使用Jinja2模板引擎可以快速生成静态页面,提高开发效率。

在项目根目录下新建一个templates文件夹,这个文件夹存放我们的模板文件。然后在模板文件夹下新建一个HTML文件作为模板文件。

示例一:一个简单的模板

index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>{{ title }}</title>
</head>
<body>
    <h1>Hello, {{ name }}</h1>
</body>
</html>

然后在应用中加载这个模板:

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def hello():
    return render_template('index.html', title='首页', name='Flask')

if __name__ == '__main__':
    app.run()

在路由函数中使用render_template函数渲染模板,传递参数title和name。render_template函数的第一个参数是模板文件路径,{% %}和{{ }}这样的占位符会在渲染页面的时候被替换成相应的值。

启动应用之后,在浏览器中输入 http://127.0.0.1:5000 ,就可以看到渲染后的页面了。

示例二:一个包含for循环的模板

index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>{{ title }}</title>
</head>
<body>
    <h1>Hello, {{ name }}</h1>
    <ul>
    {% for item in items %}
        <li>{{ item }}</li>
    {% endfor %}
    </ul>
</body>
</html>

修改路由函数:

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def hello():
    items = ['Python', 'Flask', 'Jinja2']
    return render_template('index.html', title='首页', name='Flask', items=items)

if __name__ == '__main__':
    app.run()

在模板文件中使用for循环遍历items列表,生成一个有序列表。

访问首页,可以看到一个包含有序列表的页面。

二、使用Bootstrap

Bootstrap是Twitter推出的一个用于前端开发的框架,提供了丰富的CSS样式和JavaScript插件,使得开发人员可以快速构建优美、响应式的Web页面。在Flask应用中使用Bootstrap可以使开发工作变得更加高效。

通过CDN(内容分发网络)引入Bootstrap样式:

index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>{{ title }}</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
    <div class="container">
        <h1>Hello, {{ name }}</h1>
        <ul class="list-group">
        {% for item in items %}
            <li class="list-group-item">{{ item }}</li>
        {% endfor %}
        </ul>
    </div>
</body>
</html>

修改路由函数:

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def hello():
    items = ['Python', 'Flask', 'Jinja2']
    return render_template('index.html', title='首页', name='Flask', items=items)

if __name__ == '__main__':
    app.run()

使用Bootstrap的容器(container)和列表(list-group)样式渲染页面,使页面更美观。

启动应用后,在浏览器中打开 http://127.0.0.1:5000 ,你将看到一个使用Bootstrap样式的Flask页面。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:Python编程flask使用页面模版的方法 - Python技术站

(0)
上一篇 2023年5月15日
下一篇 2023年5月15日

相关文章

  • 利用 Flask 动态展示 Pyecharts 图表数据方法小结

    以下是详细的攻略: 利用 Flask 动态展示 Pyecharts 图表数据方法小结 一、背景 在 Web 应用开发过程中,展示数据是一个非常重要的需求。而 Pyecharts 是一个非常强大且易于使用的数据可视化库,尤其是在 Python 中使用时更是如此。而 Flask 则是一款非常流行的 Python Web 框架,使用 Flask 动态展示 Pyec…

    Flask 2023年5月15日
    00
  • flask框架自定义url转换器操作详解

    下面我将详细讲解 “Flask框架自定义URL转换器操作详解”的完整攻略。 什么是自定义URL转换器? 在Flask框架中,URL转换器是一种将变量转换为特定数据类型的机制。例如,Flask框架提供内置的转换器,如int,float和path等,它们可以将URL参数转换为整数,浮点数和任何非斜杠字符的字符串。 而自定义URL转换器则是我们可以根据自己的需求定…

    Flask 2023年5月15日
    00
  • 详解Flask框架中Flask-Login模块的使用

    详解Flask框架中Flask-Login模块的使用 什么是Flask-Login模块 Flask-Login是一个针对Flask的第三方模块,它提供了用户密码验证和用户会话管理的功能。它允许您在Flask应用程序中轻松实现用户认证和授权系统。 Flask-Login模块的安装 在开始使用Flask-Login模块之前,您需要先安装它。你可以使用pip命令来…

    Flask 2023年5月15日
    00
  • flask中过滤器的使用详解

    对于”flask中过滤器使用详解“这个主题,我会给出以下的完整攻略: 一、什么是过滤器 在Flask中,过滤器(filters)是一种用于处理输入并生成输出的函数,用于在模板渲染过程中转换数据。Flask内置了多种过滤器,同时支持自定义过滤器。 二、内置的过滤器 在Flask中,内置了如下过滤器: 1. safe safe是一种特殊的过滤器,用于告诉模板引擎…

    Flask 2023年5月15日
    00
  • es+flask搜索小项目实现分页+高亮的示例代码

    下面我将详细讲解“es+flask搜索小项目实现分页+高亮的示例代码”完整攻略,包含两条示例说明。 示例一:使用Python Flask框架和Elasticsearch检索引擎实现搜索功能 步骤一:准备工作 安装Python Flask框架以及它的依赖包。 安装Elasticsearch检索引擎驱动程序的Python客户端库:elasticsearch-py…

    Flask 2023年5月16日
    00
  • Flask 使用工厂模式

    使用 Flask 的工厂模式,能够更好的管理应用程序的架构和配置,使得应用程序更加模块化。在接下来的攻略中,我将详细介绍 Flask 的工厂模式,并提供两个示例说明。 什么是工厂模式 在 Flask 中,工厂模式是一种应用程序工厂,可以使用它创建应用程序实例。使用工厂模式,可以更好的管理应用程序模块和配置。 通常情况下,使用 Flask 的 Hello, W…

    Flask 2023年5月15日
    00
  • 如何使用Cython对python代码进行加密

    使用Cython对Python代码进行加密,通常是通过将Python代码编译为Cython模块,该模块可以加密并保护您的Python代码。下面我们来一步步了解如何使用Cython对Python代码进行加密。 第一步: 安装Cython 在开始使用Cython编译Python代码之前,您需要先安装Cython。您可以使用pip来安装Cython,可以在命令行界…

    Flask 2023年5月16日
    00
  • MAC+PyCharm+Flask+Vue.js搭建系统

    “MAC+PyCharm+Flask+Vue.js搭建系统”的完整攻略如下: 1. 安装所需软件 在使用MAC操作系统的情况下,需要安装以下软件:- Xcode Command Line Tools- Homebrew- Python3- PyCharm- Node.js 安装过程可以参考以下步骤:- 安装Xcode:在App Store中下载安装Xcode…

    Flask 2023年5月15日
    00
合作推广
合作推广
分享本页
返回顶部