Web应用框架:
- Flask:微内核框架 ----小型网站
- Django:全能型框架 ---- 大型网站(ERP)
- Tornado
- …
Flask
什么是 Flask
- Flask是一个使用Python编写的轻量级 Web 应用框架。其WSGI工具箱采用Werkzeug,模板引擎则使用Jinja2 。
- Flask也被称为“microframework”,因为它使用简单的核心,用extension增加其他功能。
- Flask没有默认使用的数据库、窗体验证工具。
需要掌握:
- 如何实现简单的web服务网站?
- 什么是路由?
- 什么是视图函数?
# 导入Flask类
from flask import Flask
app = Flask(__name__)
# 实现主页
@app.route('/')
def index():
return "这是网站的主页"
# 基本路由 /login/---访问路径
# 视图函数 告诉app当用户访问/login/这个路径时,执行login函数的内容, 最终将return的内容返回给客户端
@app.route('/login/')
def login():
return '<h1 style="color:blue">login......</h1>'
if __name__ == '__main__':
# 运行Flask应用
# 默认IP:127.0.0.1----回环地址IP(每台主机都有 == localhost),但是只能自己访问
# 如何设置使得服务奇特主机的浏览器可以访问? ----> '0.0.0.0'开放所有的IP, 使得可以访问
# 如何修改端口? ----> port=80 (可能会报错:Address already in use)
app.run(host='0.0.0.0', port=80)
报错的原因是:80是httpd服务的端口,所以正在被使用
解决方法:实验时暂时关闭httpf服务 ----> systemctl stop httpd
如果因为权限不够而报错,可以换个端口号(8080)
实现主页:
实现login页面:
路由与变量规则
常用动态路由的规则:
- url 路由的一部分可以标记为变量 ----> <变量名>
- flask 中路由变量可以指定的类型:int、string、float、uuid
实现URL访问:
http://127.0.0.1:5000/123457677/comments/
http://127.0.0.1:5000/welcome/Chung/
from flask import Flask
app = Flask(__name__)
# int类型
@app.route("/<int:id>/comments/")
def comments(id):
return "这是一个%s评论页面" %(id)
# 字符串类型
@app.route("/welcome/<string:username>/")
def welcome(username):
return "<h1>欢迎用户%s登陆网站</h1>" %(username)
if __name__ == '__main__':
app.run()
评论页面:
登录页面:
request:
Flask 从客户端收到请求时,要让视图函数能访问一些对象,这样才能处理请求。
请求对象就是一个很好的例子,它封装了客户端发送的 HTTP 请求。即request
解决问题:
访问特殊的URL地址: http://127.0.0.1:5000/query?id=123&name=westos
from flask import Flask, request
app = Flask(__name__)
@app.route('/query')
def query():
# 获取客户端的用户代理
user_agent = request.user_agent
# 获取客户端的IP地址
req_addr = request.remote_addr
# 获取用户请求url地址里面key值对应的value值
id = request.args.get('id')
name = request.args.get('name')
# 查看客户端的HTTP请求方式
reqMethod = request.method
# 将字符串信息返回给客户端浏览器/其他, 默认以html方式显示, 如果需要换行, 加html的标签<br/>;
return """
请求的用户代理: %s <br/>
请求的客户端Ip: %s <br/>
请求的id号: %s <br/>
用户名: %s <br/>
请求方式: %s
""" %(user_agent, req_addr, id, name, reqMethod)
if __name__ == '__main__':
app.run()
登录验证之http请求方法
GET方法
- 获取页面信息
一般情况, 不会直接把html文件内容直接返回,而是将html文件保存到当前的templates目录中:- 通过render_template方法调用;
- 默认情况下,Flask 在程序文件夹中的 templates 子文件夹中寻找模板。
- 可以提交数据信息,但是数据不安全
eg:http://127.0.0.1:5000/login2/?username=westos&password=westos
from flask import Flask, render_template, request, redirect
app = Flask(__name__)
@app.route('/')
def index():
return "<h1>主页</h1>"
@app.route('/login/')
def login():
return render_template('login.html')
@app.route('/login2/')
def login2():
# 获取用户输入的用户名
username = request.args.get('username', None)
password = request.args.get('password', None)
# 逻辑处理,用来判断用户和密码是否正确
if username == 'root' and password == 'redhat':
# 重定向到指定路由
return redirect('/')
else:
return "登录失败"
if __name__ == '__main__':
app.run()
在templates目录中创建 login.html 文件:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>用户登录</h1>
<!--将form表单提交的数据传输给/login2/这个路由-->
<form action="/login2/">
<!--相当于key值, 输入的数据相当于value值;-->
用户: <input type="text" placeholder="用户名" name="username"><br/>
密码: <input type="password" placeholder="密码" name="password"><br/>
<input type="submit" value="登录">
</form>
</body>
</html>
登录成功后则不显示用户名和密码,保证了数据的安全
POST方法
提交服务端需要的请求信息,有利于数据的安全性
from flask import Flask, request, render_template, redirect
app = Flask(__name__)
@app.route('/')
def index():
return "这是主页"
# 默认路由只支持get方法,如何指定接受post方法?
@app.route('/login/', methods=['GET', 'POST'])
def login():
if request.method == 'POST':
# 难点: post请求提交的数据如何获取?
print(request.form)
username = request.form.get('username', None)
password = request.form.get('password', None)
# 如果用户名和密码正确,跳转到主页
if username == 'root' and password == 'redhat':
return redirect('/')
# 如果登录不正确,则警告红色信息,还是在登录页面
else:
# 可以给html传递变量
return render_template('login_post.html',
errMessages="用户名或者密码错误"
)
else:
return render_template('login_post.html')
if __name__ == '__main__':
app.run()
在templates目录中创建 login_post.html 文件:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>用户登录</h1>
<!--将form表单提交的数据传输给/login2/这个路由-->
<form action="/login/" method="post">
<!--相当于key值,输入的数据相当于value值-->
用户: <input type="text" placeholder="用户名" name="username"><br/>
密码: <input type="password" placeholder="密码" name="password"><br/>
<input type="submit" value="登录">
<span style="color: red">{{ errMessages }}</span>
</form>
</body>
</html>
登录成功,则返回主页;登录失败,则警告红色信息:
自定义错误页面
1.为什么要自定义错误页面?
如果你在浏览器的地址栏中输入了不可用的路由,那么会显示一个状态码为 404 的错误页面。现在这个错误页面太简陋、平庸,所以你可以根据自己的喜好自定义错误页面。
2.如何自定义错误页面?
像常规路由一样,Flask 允许程序使用基于模板的自定义错误页面。
最常见的错误代码有两个:
- 404:客户端请求未知页面或路由时显示;
- 500:有未处理的异常时显示。
3.自定义错误页面
from flask import Flask, render_template
app = Flask(__name__)
@app.errorhandler(404)
def page_not_found(e):
return render_template("404.html"), 404
@app.errorhandler(500)
def internal_server_error(e):
return render_template("500.html"), 500
if __name__ == '__main__':
app.run()
在404.html(500.html)中编写自己喜欢的页面
模板引擎Jinja2
1. Jinja2模板引擎
-
python的Web开发中, 业务逻辑(实质就是视图函数的内容)和页面逻辑(html
文件)分开的, 使得代码的可读性增强, 代码容易理解和维护; -
模板渲染:在html文件中,通过动态赋值,将重新翻译好的html文件(模板引擎生效) 返回给用户的过程。
-
其他的模板引擎:Mako, Template, Jinja2
2. 语法
1. Jinja2变量显示语法: {{ 变量名 }}
Jinja2变量内置过滤器:
过滤器名称 | 说明 |
---|---|
safe | 渲染值时不转义 |
capitalize | 把值的首字母转换成大写,其他字母转换成小写 |
lower | 把值转换成小写形式 |
upper | 把值转换成大写形式 |
title | 把值中每个单词的首字母都转换成大写 |
trim | 把值的首尾空格去掉 |
striptags | 渲染之前把值中所有的 HTML 标签都删掉 |
完整的过滤器查看位置: http://jinja.pocoo.org/docs/templates/#builtin-filters
如何自定义过滤器?
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def index():
message = " this is a Message "
li = ['fentiao', 'fensi', 'fendai']
info = {
'name': 'fentiao',
'age': 10
}
fentiao = User(name="粉条", age=5)
tags = "<h1>hello world</h1>"
return render_template('index.html',
message=message,
names=li,
info=info,
fentiao=fentiao,
tags=tags
)
# 自定义过滤器
# 定义一个函数
def format_data(s):
return "这是一个过滤器:" + s
# 将该函数添加到默认过滤器中,给过滤器起个名字:fmt
app.add_template_filter(format_data, 'fmt')
if __name__ == '__main__':
app.run()
在index.html中写过滤器:
<p>{{ message | fmt}}</p> # 自定义过滤器
<p>{{ message | lower}}</p>
<p>{{ message | upper}}</p>
<p>{{ message | title}}</p>
<p>{{ message | capitalize}}</p>
<p>{{ names }}</p>
<p>{{ info }}</p>
<p>{{ fentiao }}</p>
<p>{{ tags | striptags }}</p>
{{ tags | safe }}
2. for循环
{% for i in li%}
{% endfor %}
3. if语句
{% if user == 'westos'%}
{% elif user == 'hello' %}
{% else %}
{% endif%}
示例:
from flask import Flask, render_template
app = Flask(__name__)
class User(object):
def __init__(self, name, age):
self.name = name
self.age = age
def __str__(self):
return "<User: %s>" % (self.name)
@app.route('/users/')
def users():
usersinfo = [('user%s' % (i), "password%s" % (i)) for i in range(100)]
return render_template('users.html',
usersinfo=usersinfo
)
if __name__ == '__main__':
app.run()
在 users.html 中写for循环和if语句:
用列表实现:
<ul>
{% for item in usersinfo %}
<li><span style="color:green">用户名:{{ item.0 }}
密码:{{ item.1 }}</span></li>
{% endfor %}
</ul>
用表格实现:
<table border="1">
<tr>
<td>名称</td>
<td>密码</td>
</tr>
{% for item in usersinfo %}
<tr>
<td>{{ item.0 }}</td>
{% if item.1 == 'password2' %}
<td><span style="color: red">{{ item.1 }}</span></td>
{% else %}
<td><span style="color: green">{{ item.1 }}</span></td>
{% endif %}
</tr>
{% endfor %}
4. 宏的操作 ==== 相当于函数
定义宏:
<!--相当于python里面的定义函数, 后面使用场景: 分页显示-->
{% macro render() %}
<h1>hello world </h1>
{% endmacro %}
调用宏:
<!--调用定义好的宏(类似于python中的函数)-->
{{ render() }}
{{ render() }}
{{ render() }}
5. include包含操作
如何使用:
{% include "inclued.html" %}
在inclued.html文件中写入包含内容
6. 模板的继承
一般网站的导航栏和底部不会变化,模板的继承是为了避免重复编写导航栏信息
定义模板
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{% block title %} {% endblock %}</title>
</head>
<body>
<div style="width: 100px; height: 200px" > 这是导航栏</div>
{% block body %}
hello
{% endblock %}
<div style="width: 100px; height: 200px" >这是底部</div>
</body>
</html>
继承模板
{% extends '06_base.html'%}
{% block title %}
继承案例
{% endblock %}
{% block body %}
<span style="color: green">这是最新填的block内容</span>
{% endblock %}