Python烧瓶框架的简介-Python教程-PHP中文网

>我们将使用Virtualenv为该项目创建一个孤立的Python环境。这样可以防止与其他系统库发生冲突。

Flask App

Welcome!

This is the home page.

app/app/templates/about.html

About

结论

首页

后端开发

Python教程

Python烧瓶框架的简介

Joseph Gordon-Levitt

Feb 28, 2025 am 10:23 AM

>本教程演示了使用轻量级Python Web框架构建一个简单的两页网站。它专注于静态内容来建立基础工作流，很容易扩展到更复杂的应用程序。

烧瓶安装

>开始之前，安装烧瓶。如果您遇到问题，请咨询在线资源或发表评论详细介绍该问题。

>我们将使用Virtualenv为该项目创建一个孤立的Python环境。这样可以防止与其他系统库发生冲突。

检查是否已经安装了Virtualenv：

如果不是，请安装：

$ virtualenv --version

登录后复制

创建并激活虚拟环境：

$ pip install virtualenv

登录后复制

现在安装烧瓶：

$ virtualenv flaskapp
$ cd flaskapp
$ . bin/activate

登录后复制

pip install Flask

登录后复制

项目结构

在目录中组织您的项目如下：>

以下图说明了应用程序流：flaskapp

<code>flaskapp/
├── app/
│   ├── static/
│   │   ├── css/
│   │   ├── img/
│   │   └── js/
│   ├── templates/
│   ├── routes.py
│   └── README.md
└── ...</code>

登录后复制

用户请求（例如， An Introduction to Python’s Flask Framework ）到达

> file。

/>在routes.py文件夹中找到相应的模板。
模板从routes.py>文件夹中访问静态资产（图像，CSS，JavaScript）。templates
。 static
routes.py为避免重复的HTML样板，我们将使用Web模板。烧瓶利用Jinja2模板引擎。

首先，创建一个基本布局模板：>

> app/app/templates/layout.html

接下来，创建主页模板：

> app/app/templates/home.html

<!DOCTYPE html>
<html>
<head>
<title>Flask App</title>
<link href="{{ url_for('static', filename='css/main.css') }}" rel="stylesheet">
</head>
<body>
<div class="container">
  <h1 id="Flask-App">Flask App</h1>
</div>
<div class="container">
  {% block content %}{% endblock %}
</div>
</body>
</html>

登录后复制

现在，将URL映射到

>中的模板：>

app/utaes.py

{% extends "layout.html" %}

{% block content %}
  <div class="jumbo">
    <h2 id="Welcome">Welcome!</h2>
    <h3 id="This-is-the-home-page">This is the home page.</h3>
  </div>
{% endblock %}

登录后复制

routes.py

>将CSS样式添加到

> ：（ main.css的内容保持不变）> 运行该应用程序并访问

将显示主页。

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def home():
  return render_template('home.html')

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

登录后复制

添加关于页面和导航static/css/main.css

>让我们创建一个“关于”页面并添加导航链接。

创建“关于”模板：http://localhost:5000/>

app/app/templates/about.html

update

>包括关于页面路由：

app/utaes.py

{% extends "layout.html" %}

{% block content %}
  <h2 id="About">About</h2>
  <p>This is the About page.</p>
{% endblock %}

登录后复制

routes.py添加导航链接到

：（内容保持不变）

> >将导航样式添加到> ：（内容保持不变）

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def home():
  return render_template('home.html')

@app.route('/about')
def about():
  return render_template('about.html')

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

登录后复制

现在，您可以访问关于

>的大约页面