【Web开发】Python实现Web服务器（Flask）

Web服务器系列相关文章编写如下：

【Web开发】Node.js实现Web服务器（http模块）
【Web开发】Node.js实现Web服务器（express模块）
【Web开发】Python实现Web服务器（Flask）

文章目录

1、简介
2、配置开发环境
- 2.1 配置python
- 2.2 配置VSCode
3、官网示例测试
- 3.1 代码示例1（最小的应用）
- 3.2 代码示例2（修改ip和端口号）
- 3.3 代码示例3（变量规则）
- 3.4 代码示例4（URL构建）
- 3.5 代码示例5（HTTP方法）
- 3.6 代码示例6（会话）
- 3.7 代码示例7（文件上传）
- 3.8 代码示例8（返回json）
- 3.9 代码示例9（返回图片）
4、个人代码测试
- 4.1 基于model-viewer的太阳系查看的网页
- 4.2 基于openlayers的在线地图叠加geojson的网页
- 4.3 基于leaflet的在线地图叠加mbtiles的网页
- 4.4 基于three.js的三维场景显示的网页
5、扩展功能
- 5.1 flask-admin
结语

1、简介

https://flask.palletsprojects.com/en/2.1.x/
https://flask.net.cn/

Flask是一个用Python编写的Web应用程序框架。它由 Armin Ronacher 开发，他领导一个名为Pocco的国际Python爱好者团队。 Flask基于Werkzeug WSGI工具包和Jinja2模板引擎。两者都是Pocco项目。

2、配置开发环境 2.1 配置python

安装virtualenv，并创建所需的虚拟环境。

pip install virtualenv

将在当前文件夹中创建新的虚拟环境：

mkdir myproject
cd myproject
virtualenv venv
venvscriptsactivate

注意：
（1）创建虚拟环境
如果使用venv，使用命令：$ python -m venv tutorial-env
如果使用virtualenv，则使用下面的命令：$ virtualenv snow-venv
如果你使用Python 3.3及以上版本，推荐使用标准库内置的venv 模块替代virtualenv。
如果你使用Python 2，就只能选择virtualenv，你需要额外安装它。pip install virtualenv

（2）激活虚拟环境
Windows（CMD.exe）：$ tutorial-envScriptsactivate.bat
Linux和macOS（bash/zsh）：$ source tutorial-env/bin/activate

（3）退出虚拟环境：deactivate

通过键入 deactivate 来停用环境，您将返回正常的 shell。

deactivate

检测python虚拟环境安装是否成功。

import sys
# 输出python.exe路径
print(sys.executable)
# 输出lib路径
print(sys.prefix)

将在当前文件夹中安装flask库:

pip install flask

2.2 配置VSCode

把需要使用该环境的项目文件夹添加到工作区。
按下ctrl+,打开设置；
搜索框中搜索env，点击你的项目，在左边选扩展->python，如下图：

在Python:Venv Path一行添加你的虚拟环境文件夹，注意文件夹间以逗号分隔。

之后搜索python path，左边选扩展->python，下拉找到Python:Python Path,填入你的虚拟环境中的python解析器路径，如下图：

3、官网示例测试 3.1 代码示例1（最小的应用）

新建文件hello.py，输入如下内容：

hello.py

from flask import Flask
app = Flask(__name__)

@app.route('/')
def hello_world():
    return 'Hello, World!'

执行之后，然后在VsCode的终端命令行输入如下命令：

set FLASK_APP=hellp.py
flask run

如果执行报错的话，可以试试如下代码：

$env:FLASK_APP="hello.py"
flask run

当然也可以将hello.py改成app.py的话，直接执行flask run也可以。

执行结果反馈如下：

网页访问结果如下：

3.2 代码示例2（修改ip和端口号）

新建文件hello2.py，输入如下内容：

hello2.py：

from flask import Flask
app = Flask(__name__)

@app.route('/')
def hello_world():
   return 'Hello World，爱看书的小沐！'

if __name__ == '__main__':
   # app.run()
   app.run(host="127.0.0.1", port="8080")

执行结果如下：

浏览器访问结果如下：

3.3 代码示例3（变量规则）

新建文件hello3.py，输入如下内容：

hello3.py：

from flask import Flask, escape 
app = Flask(__name__)

@app.route('/')
def hello_world():
   return 'Hello World，爱看书的小沐！'

@app.route('/user/')
def show_user_profile(username):
    # show the user profile for that user
    return 'User: %s' % escape(username)

@app.route('/post/')
def show_post(post_id):
    # show the post with the given id, the id is an integer
    return 'Post: %d' % post_id

@app.route('/rev/')
def revision(revNo):
   return 'Revision Number: %f' % revNo

@app.route('/path/')
def show_subpath(path_name):
    # show the subpath after /path/
    return 'Path: %s' % escape(path_name)

if __name__ == '__main__':
   # app.run()
   app.run(host="127.0.0.1", port="8080")

浏览器访问结果如下：

3.4 代码示例4（URL构建）

新建文件hello4.py，输入如下内容：

hello4.py：

from flask import Flask, redirect, url_for
app = Flask(__name__)

@app.route('/')
def index():
    return 'hello, index, 这是看书的小沐的首页！'

@app.route('/login')
def login():
    return 'hello, login'

@app.route('/admin')
def hello_admin():
   return 'Hello Admin'

@app.route('/guest/')
def hello_guest(guest):
   return 'Hello %s as Guest' % guest
   # return '{}'s profile'.format(escape(guest))

@app.route('/user/')
def profile(username):
   if username =='admin':
      return redirect(url_for('hello_admin'))
   else:
      return redirect(url_for('hello_guest', guest = username))

with app.test_request_context():
    print(url_for('index'))
    print(url_for('login'))
    print(url_for('login', abc='/'))
    print(url_for('profile', username='爱看书的小沐'))

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

执行代码结果如下：

浏览器访问网址：http://127.0.0.1:5000/user/tomcat

浏览器访问网址：http://127.0.0.1:5000/user/admin

浏览器访问网址：http://127.0.0.1:5000

3.5 代码示例5（HTTP方法）

在myproject里新建子文件夹templates，用来存放flask的模板网页，这里新建一个测试网页hello5.html，内容如下：


   
      
         Enter Name:

新建文件hello5.py，输入如下内容：

hello5.py：

from flask import Flask, redirect, url_for, request, render_template
app = Flask(__name__)

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

@app.route('/success1/')
def get_success(name):
   return 'get: welcome %s' % name

@app.route('/success2/')
def post_success(name):
   return 'post: welcome %s' % name

@app.route('/login',methods = ['POST', 'GET'])
def login():
   if request.method == 'POST':
      user = request.form['message']
      return redirect(url_for('post_success',name = user))
   else:
      user = request.args.get('message')
      return redirect(url_for('get_success',name = user))

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

浏览器访问网址：http://127.0.0.1:5000

文本框输入“爱看书的小沐”，点击按钮submit之后，

3.6 代码示例6（会话）

有一种称为 session 的对象，允许你在不同请求之间储存信息。这个对象相当于用密钥签名加密的 cookie ，即用户可以查看你的 cookie ，但是如果没有密钥就无法修改它。
使用会话之前你必须设置一个密钥，使用下面的命令生成随机数：

python -c 'import os; print(os.urandom(16))'

hello6.py:

from flask import Flask, session, redirect, url_for, escape, request

app = Flask(__name__)

# Set the secret key to some random bytes. Keep this really secret!
app.secret_key = b'xc0)xb0x97x9fxd8x86x83:x19x9fxxb4hxd4x17'

@app.route('/')
def index():
    if 'username' in session:
        return 'Logged in as %s' % escape(session['username'])
    return 'You are not logged in'

@app.route('/login', methods=['GET', 'POST'])
def login():
    if request.method == 'POST':
        session['username'] = request.form['username']
        return redirect(url_for('index'))
    return '''
        
            
            

        
    '''

@app.route('/logout')
def logout():
    # remove the username from the session if it's there
    session.pop('username', None)
    return redirect(url_for('index'))

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

浏览器访问网址：http://127.0.0.1:5000/login

输入用户名之后，

或者：

hello6_2.py:

from flask import render_template
from flask import make_response
from flask import Flask, session, redirect, url_for, escape, request

app = Flask(__name__)
app.secret_key = 'fkdjsafjdkfdlkjfadskjfadskljdsfklj'

@app.route('/')
def index():
    if 'username' in session:
        username = session['username']
        return '登录用户名是:' + username + '
' + 
                 "点击这里注销"
    return "您暂未登录， 
" + 
         "点击这里登录"

@app.route('/login', methods = ['GET', 'POST'])
def login():
    if request.method == 'POST':
        session['username'] = request.form['username']
        return redirect(url_for('index'))
    return '''
   
      
      
   
   '''
@app.route('/logout')
def logout():
   # remove the username from the session if it is there
   session.pop('username', None)
   return redirect(url_for('index'))

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

3.7 代码示例7（文件上传）

在myproject里新建子文件夹templates，用来存放flask的模板网页，这里新建一个测试网页hello7.html，内容如下：

hello7.html:



  File Upload

hello7.py:

from flask import Flask, render_template, request
from werkzeug.utils import secure_filename

import os

app = Flask(__name__)
app.config['UPLOAD_FOLDER'] = 'upload/'

@app.route('/')
def index():
    return render_template('hello6.html')
    
@app.route('/upload')
def upload_file():
    return render_template('upload.html')

@app.route('/uploader',methods=['GET','POST'])
def uploader():
    if request.method == 'POST':
        f = request.files['file']
        print(request.files)
        f.save(os.path.join(app.config['UPLOAD_FOLDER'], secure_filename(f.filename)))

        return 'file uploaded successfully'

    else:

        return render_template('upload.html')

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

浏览器访问网址：http://127.0.0.1:5000

选择一个文件beijing1.tif,点击按钮“提交”，

3.8 代码示例8（返回json）

hello8.py:

from flask import Flask, request, abort, make_response
import json

app = Flask(import_name=__name__)

@app.route('/')
@app.route('/login', methods=["GET","POST"])
def login():

    data = {
        "user_name": "爱看书的小沐",
        "user_age": 18,
        "city": "beijing",
    }

    res_json = json.dumps(data)
    #return res_json
    #return res_json, 200, {"Content-Type":"application/json"}
    #return jsonify(token=123456, gender=0)
    return jsonify(data)

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

浏览器访问结果如下：

3.9 代码示例9（返回图片）

hello9.py:

# encoding:utf8
from io import FileIO
from flask import Response, Flask

app = Flask(__name__)

@app.route("/image/")
def index(imageid):
    #image = FileIO("images/{}.png".format(imageid))
    with open("images/{}.png".format(imageid), 'rb') as f:
      image = f.read()
    resp = Response(image, mimetype="image/png")
    return resp

app.run(debug=True)

浏览器访问结果如下：

4、个人代码测试 4.1 基于model-viewer的太阳系查看的网页

该例子的具体介绍请见作者的另一篇文章，网址如下：
【小沐科普】小沐带您遨游太阳系（model-viewer，trimesh，Python）

这里通过编写python代码，搭建flask的web服务器环境，运行这个网页例子。

test_solarsystem.py:

#***************************************************************
#   Purpose:   基于model-viewer的太阳系查看的网页(Flask的web服务器)
#   Author:    爱看书的小沐
#   Date:      2022-5-8
#   Languages: python
#   Platform:  python 3.9 win64
#   OS:        Win10 win64
# **************************************************************

from flask import Flask, redirect, url_for, request, render_template, Response
from io import FileIO

app = Flask(__name__)

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

@app.route("/images/")
def get_image(filename):
    with open("static/images/{}".format(filename), 'rb') as f:
      image = f.read()
    resp = Response(image, mimetype="image/jpg")
    return resp

@app.route("/glb/")
def get_binary(filename):
    data = FileIO("static/glb/{}".format(filename))
    resp = Response(data, mimetype="application/zip")
    return resp

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

4.2 基于openlayers的在线地图叠加geojson的网页

该例子的具体介绍请见作者的另一篇文章，网址如下：
【GIS开发】OpenLayers入门学习（JavaScript库）

test_openlayers.py:

#***************************************************************
#   Purpose:   基于openlayers的在线地图叠加geojson的网页(Flask的web服务器)
#   Author:    爱看书的小沐
#   Date:      2022-5-8
#   Languages: python
#   Platform:  python 3.9 win64
#   OS:        Win10 win64
# **************************************************************

from flask import Flask, redirect, url_for, request, render_template, Response
from io import FileIO

app = Flask(__name__)

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

@app.route("/json/")
def get_binary(filename):
    data = FileIO("static/json/{}".format(filename))
    resp = Response(data, mimetype="application/json")
    return resp

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

test_openlayers.html：





    
    
    
    
    OpenLayers example



    爱看书的小沐的地图

运行结果如下：

4.3 基于leaflet的在线地图叠加mbtiles的网页

该例子的具体介绍请见作者的另一篇文章，网址如下：
【GIS开发】Leaflet入门学习（Javascript库）

test_leaflet.py:

#***************************************************************
#   Purpose:   基于leaflet的在线地图叠加mbtiles的网页(Flask的web服务器)
#   Author:    爱看书的小沐
#   Date:      2022-5-8
#   Languages: python
#   Platform:  python 3.9 win64
#   OS:        Win10 win64
# **************************************************************

from flask import Flask, redirect, url_for, request, render_template, Response
from io import FileIO

app = Flask(__name__)

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

@app.route("/json/")
def get_binary(filename):
    data = FileIO("static/json/{}".format(filename))
    resp = Response(data, mimetype="application/json")
    return resp

@app.route("/js/")
def get_js(filename):
    data = FileIO("static/js/{}".format(filename))
    resp = Response(data, mimetype="application/html")
    return resp

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

test_leaflet.html:





    Leaflet sample
    
    

    >

运行结果如下：

4.4 基于three.js的三维场景显示的网页

test_threejs.py:

#***************************************************************
#   Purpose:   基于three.js的三维场景显示的网页(Flask的web服务器)
#   Author:    爱看书的小沐
#   Date:      2022-5-8
#   Languages: python
#   Platform:  python 3.9 win64
#   OS:        Win10 win64
# **************************************************************
from flask import Flask, render_template, Response
from io import FileIO

app = Flask(__name__)

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

@app.route("/js/")
def get_js(path):
    data = FileIO("static/js/{}".format(path))
    resp = Response(data, mimetype="application/javascript")
    return resp

@app.route("/glb/")
def get_binary(filename):
    data = FileIO("static/glb/{}".format(filename))
    resp = Response(data, mimetype="application/zip")
    return resp
    
if __name__ == '__main__':
   app.run(debug = True)

test_threejs.html:




    
    My first three.js app

运行结果如下：

5、扩展功能 5.1 flask-admin

https://flask-admin.readthedocs.io/

安装扩展flask-admin：

cd D:testmyproject
virtualenv venv
venvscriptsactivate
pip install flask-admin

测试代码1

from flask import Flask
from flask_admin import Admin

app = Flask(__name__)

# set optional bootswatch theme
app.config['FLASK_ADMIN_SWATCH'] = 'cerulean'

admin = Admin(app, name='microblog', template_mode='bootstrap3')
# Add administrative views here

app.run()

运行结果：

结语

如果您觉得该方法或代码有一点点用处，可以给作者点个赞，或打赏杯咖啡；╮(￣▽￣)╭
如果您感觉方法或代码不咋地//(ㄒoㄒ)//，就在评论处留言，作者继续改进。o_O???
如果您需要相关功能的代码定制化开发，可以留言私聊作者。(✿◡‿◡)
感谢各位童鞋们的支持！( ´ ▽´ )ﾉ ( ´ ▽´)っ！！！

【Web开发】Python实现Web服务器（Flask）

爱看书的小沐的地图

Python相关栏目本月热门文章