网站维护界面设计,哪里购买网站广告位,厦门网站建设哪家专业,网站开发入门书CONTENTS 1. 环境配置2. 快速搭建Flask应用程序 1. 环境配置
首先我们在项目的根目录下创建一个 Python 虚拟环境#xff0c;打开命令行输入以下指令#xff1a;
python -m venv venv启动虚拟环境#xff1a;
.\venv\Scripts\Activate.ps1如果遇到报错#xff1a;.\venv… CONTENTS 1. 环境配置2. 快速搭建Flask应用程序 1. 环境配置
首先我们在项目的根目录下创建一个 Python 虚拟环境打开命令行输入以下指令
python -m venv venv启动虚拟环境
.\venv\Scripts\Activate.ps1如果遇到报错.\venv\Scripts\Activate.ps1 : File ...\venv\Scripts\Activate.ps1 cannot be loaded because running scripts is disabled on this system.说明可能是系统禁止运行脚本打开 PowerShell 查看一下系统当前的执行策略
get-executionpolicy如果为 Restricted 说明此系统不载入任何配置文件不运行任何脚本。我们需要修改一下执行策略以管理员身份打开 PowerShell使用以下指令修改执行策略
Set-ExecutionPolicy Unrestricted # 设置全局的执行策略
Set-ExecutionPolicy -Scope CurrentUser Unrestricted # 设置当前用户的执行策略接下来我们安装 Flask
pip install flask2. 快速搭建Flask应用程序
我们先看一下如何创建 URL 与函数的对应关系
from flask import Flaskapp Flask(__name__) # 实例化Flask类的对象app.route(/index)
def index():return h1Hello World!/h1if __name__ __main__:app.run()其中的 app.route 作用是创建了网址 /index 与 index 函数的对应关系。现在我们运行程序能看到终端的输出 * Running on http://127.0.0.1:5000然后我们访问 http://127.0.0.1:5000/index 即可看到 Hello World!。
注意我们返回的字符串中有 h1/h1 标签这是 HTML 标签整个项目的逻辑是用户浏览器访问 URL 时向 Web 应用此处就是 Flask发送请求然后 Web 应用向浏览器返回一个字符串浏览器是具备解析 h1 这类 HTML 标签的能力的。前端部分的学习可以在 Web 专栏中找到。
TipsPyCharm 输入 main 即可自动补全出 if __name__ __main__:VS Code 则需要进行配置点击左下角的齿轮选择 User Snippets用户代码片段然后在弹出的下拉选框中选择 python这时会出来一个配置文件 python.json然后向该文件中添加 Print to console 项修改后如下
{Print to console: {prefix: main,body: [if __name__ __main__:, ${1:pass},,],description: python--main}
}Flask 框架为了让我们写 HTML 标签更方便支持将这些内容写到一个单独的文件中render_template 函数可以渲染 HTML 文件默认是从项目根目录下的 templates 目录中开始寻找文件我们创建 templates 目录并创建一个 index.html 如下
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleIndex/title
/head
bodyh1Hello World!/h1
/body
/html现在就可以将之前的字符串改为渲染一个 HTML 文件了
from flask import Flask, render_templateapp Flask(__name__) # 实例化Flask类的对象app.route(/index)
def index():return render_template(index.html)if __name__ __main__:app.run()假设我们在页面中需要引入一张本地的图片在 Flask 中要求我们需要将图片这类静态文件还有视频、音频、CSS、JS 等放在项目根目录中的 static 目录下假设我们有一张图片放在 static/image 目录下那么就可以直接用相对路径调用该图片了
!DOCTYPE html
html langen
...
bodyh1Hello World!/h1img src/static/image/background.jpg /
/body
/html
