基于python的flask框架之WEB网站搭建（anaconda）

日期： 2020-12-02 分类：跨站数据测试 502次阅读

什么是Flask？
flask是一种基于python，并且依赖于Jinja2(jinja英文直译为神社)模板引擎和WSGI（Web Server Gateway Interface，即Web服务器网关接口，其规定了web服务器和python web应用/框架之间的标准接口规范）服务的一种微型框架。
模型为：
HTTP客户端——— WEB服务器————WSGI————Flask
Flask框架——MTV（MVC）
M(models)——模型层：用于数据库的建模
T(templates)——模板层：用于处理用户显示内容
V(views)——视图层：处理与用户交互的部分内容

M(models)———模型层：用于数据库的建模、处理
V(views)——视图层：用于处理用户显示内容
C(controller)——控制器：用于处理与用户交互部分内容
flask的安装
Windows：pip install flask
Linux：sudo pip install flask
flask的基本结构
run1.py文件

from flask import Flask,render_template,url_for
app=Flask(__name__,template_folder='.')#template_folder为当前路径，如果不加这个参数，默认为同级 templates文件夹路径

路由

@app.route('/')

模板

def index():
    return render_template('index.html')

调试

if __name__ == '__main__':
	app.run(debug=True,port=5000)#port:端口，默认端口为5000,访问地址为localhost:5000/

index.html文件

<html>
<head>
<meta charset="utf-8">
<title>首页</title>
</head>
<body>
    <p>Welcome to pythoy world!</p>
</body>
</html>

在这里插入图片描述
现在我们搭建了一个非常简单的WEB网站，下面进行更深层次的总结
一、带类型转化器参数的路由
（1）带str型参数：

@app.route('/<name>/<age>')
def daicanluyou(name,age):
    return '<p>姓名：{}，年龄{}</p>'.format(name,age)

运行结果
在这里插入图片描述
（2）带int型参数

@app.route('/<name>/<int:age>')
def daicanluyou(name,age):
    return '<p>姓名：{}，明年年龄{}</p>'.format(name,age+1)

运行结果：
在这里插入图片描述
二、render_template()方法
（1）不带参数的render_tamplate()

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

 <html>
<head>
<meta charset="utf-8">
<title>登陆页面</title>
</head>

<body>
    用户名<input type="text/css" size="30" value="请输入用户名"><br/>
    密    码<input type="password" size="30">
</body>
</html>

运行结果：
在这里插入图片描述
（2）带参数的render_template()

@app.route('/information/<name>/<age>')
def information(name,age):
    return render_template('information.html',name=name,age=age)

information.html

<html>
<head>
<meta charset="utf-8">
<title>Information</title>
</head>
<body>
    <p>姓名：{{name}}，年龄：{{age}}</p>
</body>
</html>

运行结果：
在这里插入图片描述
(3)多参数的render_tamplate()

@app.route('/duocanshu')
def duocanshu():
    name='mumu'
    age=23
    dic1={'bookname':'穆穆的眼睛','price':'99','publisher':'爱心出版社','date':'2020/12/2'}
    return render_template('duocanshu.html',params=locals())

duocanshu.html

<html>
<head>
<meta charset="utf-8">
<title>首页</title>
</head>

<body>
    <p>name:{{params.name}}</p>
    <p>age:{{params.age}}</p>
    {% for key,value in params.dic1.items() %}
        <p>{{key}}:{{value}}</p>
    {% endfor %}
</body>
</html>

运行结果：
在这里插入图片描述
三、模板

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

index.html

<html>
<head>
<meta charset="utf-8">
<title>首页</title>
</head>
<body>
    <p>Welcome to pythoy world!</p>
    {% block container %}
    <p>这是模板</p>
    {% endblock %}   
</body>
</html>

ziban.html

{% extends'index.html' %}
{% block container %}
    <p>这是子板</p>
{% endblock %}

运行结果
在这里插入图片描述

四、控制结构

@app.route('/control')
def control():
    usename='mumu'
    age=22
    return render_template('control.html',params=locals())

control.html

<html>
<head>
<meta charset="utf-8">
<title>首页</title>
</head>

<body>
    {% if params.usename %}
        <p>用户名为:{{params.usename}}</p>
    {% else %}
        用户未找到<a href="{{url_for('login')}}">返回登陆界面</a>
    {% endif %}
</body>
</html>

五、访问方式
(1)POST

@app.route('/methods',methods=['POST'])
def methods():
    return render_template('index.html')

运行结果
在这里插入图片描述
网页源代码：

(2)POST\GET

@app.route('/methods',methods=['POST','GET'])
def methods():
    return render_template('index.html')

运行结果：
在这里插入图片描述
六、自定义错误页面

@app.errorhandler(404)
def fail(e):
    return render_template('404.html'),404

404.html

{% extends 'index.html' %}
{% block container %}
 	<li> 您想要的网页暂时未找到</li>
{% endblock %}

运行结果：
在这里插入图片描述

七、过滤器
capitalize :首字符变大写，其他字符变小写
lower：转换成小写
upper:转换成大写
title:每个单词首字符变大写
trim:去值两边的空格

@app.route('/duocanshu')
def duocanshu():
    name='mumu'
    age=23
    usename='welcome to python'
    dic1={'bookname':'穆穆的眼睛','price':'99','publisher':'爱心出版社','date':'2020/12/2'}
    return render_template('duocanshu.html',params=locals())

duocanshu.html

<html>
<head>
<meta charset="utf-8">
<title>首页</title>
</head>

<body>
    <p>name:{{params.name}}</p>
    <p>age:{{params.age}}</p>
    <p>usename:{{params.usename}}</p>
    <p>修改后的:{{params.usename|upper}}</p>
    <p>修改后的:{{params.usename|title}}</p>
    <p>修改后的:{{params.usename|trim}}</p>
    
    {% for key,value in params.dic1.items() %}
        <p>{{key}}:{{value}}</p>
    {% endfor %}
</body>
</html>

运行结果：
在这里插入图片描述
八、静态文件

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

image.html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>图片</title>
</head>
<body>
    <div>
        <img src="/static/images/1.jpg" width=800px>
        <img src="{{url_for('static',filename='images/1.jpg')}}">
    </div>
</body>
</html>

运行结果：
在这里插入图片描述 九、注意WARNING
（1）app=Flask(name,template_folder=’.’)：
template_folder表示的是当前路径可以访问render_tamplate(‘文件名’)，当html文件与run1.py处于同一路径下时，可以正常运行。如果不带入这个实参，则render_template默认访问的是根目录下的tamplates文件夹下的html文件。一般在实际开发过程中，不推荐使用template_folder实参。
（2）url_for()
此方法在实际开发过程中非常实用，常用于超链接。
（3）静态文件
没有和服务器交互的文件叫做静态文件，在flask应用中，必须将静态文件放置于更目录下的static文件夹下，否则无法进行正常访问。
在这里插入图片描述

（4）自定义错误页面
在实际开发过程中，如果沿用浏览器的错误页面，会降低用户体验，则使用自定义的错误页面会更加吸引用户，如百度。

除特别声明，本站所有文章均为原创，如需转载请以超级链接形式注明出处：SmartCat's Blog

上一篇： python炫酷代码_给Python代码加上酷炫进度条的几种姿势

下一篇： CSDN 插件限时内测，新用户抢永久免费去广告特权！

Young87

So happy to code my life!

基于python的flask框架之WEB网站搭建（anaconda）