Flask virtualenv下的环境配置和安装

WechatIMG11.jpeg

环境

  • Python 3.7.7

  • Flask 1.0.2

Flask 是基于 Werkzeug 工具箱和 Jinja2 模板引擎的 Python Web 框架。

  • virtualenv 20.0.18

virtualenv 是用来为一个应用创建一套虚拟的 Python 运行环境。

安装virtualenv

  • 安装

在已经安装过 Python 3 和 pip 的前提下,执行pip3 install virtualenv

  • 查看版本
$ pip3 freeze | grep virtualenv
virtualenv==20.0.18

查看安装的 virtualenv 版本,这里的版本是 20.0.18。版本过低的情况下,可以执行pip3 install virtualenv==20.0.18升级到此版本。

  • 创建虚拟环境

任意进入一个目录下执行virtualenv -p python3 venv会在此目录下生成一个 venv 文件夹,venv 就是虚拟环境的名称,可以自定义。

  • 启动虚拟环境(进入虚拟环境)
$ source venv/bin/activate
(venv)

启动虚拟环境后,命令行中会出现有 (venv) 字样,对应刚刚生成的目录名称,也就是虚拟环境的名称。

安装Flask

  • 安装

在虚拟环境中执行pip install flask==1.0.2来安装 flask 框架的 1.0.2 版本。

  • 查看版本
$ flask --version
Flask 1.0.2
(venv)

创建项目

  • 创建目录
$ mkdir flask && cd flask
$ touch app.py
$ mkdir static templates
  • 查看目录结构
$ tree
.
|____app.py
|____static
|____templates
(venv)
名称说明
app.py入口文件
static静态文件放在 static 目录中
templates模板文件放在 templates 目录

flask 非常灵活,它没有一个固定的项目目录组织结构,以上基于 web 应用的简单目录结构。

  • 修改 app.py 内容如下:
from flask import Flask, render_template
app = Flask(__name__)
# 如果访问根目录 '/' ,返回 Index Page
@app.route('/')
def hello():
    return render_template('hello.html')
  • 创建 static/hello.css 内容如下:
html, body {
    height: 100%;
}
body {
    margin: 0;
    padding: 0;
    width: 100%;
    display: table;
    font-weight: 100;
    font-family: 'Lato';
}
.container {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.content {
    text-align: center;
    display: inline-block;
}
.title {
    font-size: 96px;
}
  • 创建 templates/hello.html 内容如下:
<!DOCTYPE html>
<html>
    <head>
        <title>Flask</title>
        <link
          rel="stylesheet"
          type="text/css"
          href="{{ url_for('static', filename='hello.css') }}"
        />
    </head>
    <body>
        <div class="container">
            <div class="content">
                <div class="title">Hello world</div>
            </div>
        </div>
    </body>
</html>

访问项目

  • 启动
$ export FLASK_APP=app.py && export FLASK_ENV=development && export FLASK_DEBUG=1 && flask run -h 127.0.0.1 -p 8080
 * Serving Flask app "app.py" (lazy loading)
 * Environment: development
 * Debug mode: on
 * Running on http://127.0.0.1:8080/ (Press CTRL+C to quit)
 * Restarting with stat
 * Debugger is active!
 * Debugger PIN: 232-935-217

在 flask 目录下执行以上命令启动项目。

  • 访问
127.0.0.1_8080_.png

浏览器打开 http://127.0.0.1:8080,如上图所示,成功访问。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值