本文详细介绍了Flask框架的基础知识，包括Flask的定义、创建与核心概念。接着，探讨了路由与变量规则，讲解了GET和POST请求方法，并展示了如何自定义错误页面。此外，还详细阐述了模板引擎Jinja2的使用，如变量显示、for循环、if语句、宏和模板继承。接着介绍了Bootstrap前端框架，包括其作用和在Flask项目中导入静态文件的方法。最后，讨论了Flask中集成Bootstrap的步骤，以及如何使用Flask-WTF处理web表单，包括注册、登录、注销和用户信息查看等功能，并涉及了邮件发送的实现。
1.Flask
1.了解Flask
1)web应用框架
- Flask是python编写的， Web应用框架；微内核的web框架; —小型网站
- Django:全能型框架; — 大型网站（ERP）
- Tornado
2)什么是Flask
- Flask是一个使用Python编写的轻量级 Web 应用框架。其WSGI工具箱采用Werkzeug，模板引擎则使用Jinja2 。
- Flask也被称为“microframework”，因为它使用简单的核心，用extension增加其他功能。
- Flask没有默认使用的数据库、窗体验证工具。
3)flask框架的创建
-
在pycharm中创建项目project，选择flask，创建成功后程序目录中会自动生成相应的文件和目录
flask框架里面包含有三种文件或目录； -
static目录：里面存储的是静态文件css样式、js样式，字体格式等
-
templates目录：里面存储的是html文件
-
app.py文件：用于编写业务逻辑（定义视图函数
4)需要掌握
- 如何实现简单的web服务网站?
- 什么是路由?
- 什么是视图函数?
# 1. 导入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:red">login......</h1>'
if __name__ == '__main__':
# 运行Flask应用
# 127.0.0.1----回环地址IP， 每台主机都有====localhost
# 如何设置， 使得服务奇特主机的浏览器可以访问? '0.0.0.0'开放所有的IP， 使得可以访问
# 如何修改端口? # 可能会报错:Address already in use
app.run(host='0.0.0.0', port=8080)
2.路由与变量规则
1)常用动态路由的规则
url 路由的一部分可以标记为变量 ----> <变量名>
flask 中路由变量可以指定的类型：int、string、float、uuid
实现URL访问：
http://127.0.0.1:5000/123/comments/
http://127.0.0.1:5000/welcome/mangoknight/
# request叫做请求上下文
from flask import Flask
app = Flask(__name__)
# 常用动态路由的规则:
# 1). url路由的一部分可以标记为变量, <变量名>;
# 2):. flask中路由变量可以指定的类型: int, string, float, uuid
# 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()
2)request
Flask 从客户端收到请求时，要让视图函数能访问一些对象，这样才能处理请求。
请求对象就是一个很好的例子，它封装了客户端发送的 HTTP 请求。即request
解决问题：
访问特殊的URL地址： http://127.0.0.1:5000/query?id=123&name=mangoknight
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()
3.登录验证之http请求方法
1)get方法
1.获取页面信息
1）一般情况， 不会直接把html文件内容直接返回，而是将html文件保存到当前的templates目录中：
2）通过render_template方法调用；
默认情况下，Flask 在程序文件夹中的 templates 子文件夹中寻找模板。
2.可以提交数据信息，但是数据不安全
eg：http://127.0.0.1:5000/login/?username=root&password=redhat
from flask import Flask, render_template, request, redirect
app = Flask(__name__)
@app.route('/')
def index():
return "<h1>主页</h1>"
@app.route('/login/')
def login():
# 一般情况， 不会直接把html文件内容直接返回；
# 而是将html文件保存到当前的templates目录中；
# 1). 通过render_template方法调用;
# 2). 默认情况下,Flask 在程序文件夹中的 templates 子文件夹中寻找模板。
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('/')
# return "登录成功"
else:
return "登录失败"
if __name__ == '__main__':
app.run()
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')
@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()
在templates目录中创建 login.html 文件：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>用户登录</h1>
<!--将form表单提交的数据传输给/login2/这个路由-->
<form action="/login/">
<!--相当于key值， 输入的数据相当于value值;-->
用户： <input type="text" placeholder="用户名" name="username"><br/>
密码: <input type="password" placeholder="密码" name="password"><br/>
<input type="submit" value="登录">
</form>
</body>
</html>
登录成功后则不显示用户名和密码，保证了数据的安全
2)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')
@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()
在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.自定义错误页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1 style="color: red">404</h1>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1 style="color: green"> 服务器正忙， 请稍后再试</h1>
</body>
</html>
2.模板引擎Jinja2
1. 什么是Jinja2模板引擎?
1.python的Web开发中， 业务逻辑(实质就是视图函数的内容)和页面逻辑(html文件)分开的， 使得代码的可读性增强， 代码容易理解和维护；
2.模板渲染: 在html文件中，通过动态赋值 ，将重新翻译好的html文件(模板引擎生效) 返回给用户的过程。
3.其他的模板引擎: Mako, Template, Jinja2
2. 语法
1) Jinja2变量显示语法: { { 变量名 }}
完整的过滤器查看位置: http://jinja.pocoo.org/docs/templates/#builtin-filters
Jinja2变量内置过滤器:
-
safe： 渲染值时不转义，即将html格式的字符串转换成html文件
-
capitalize： 把值的首字母转换成大写,其他字母转换成小写
-
lower： 把值转换成小写形式
-
upper： 把值转换成大写形式
-
title： 把值中每个单词的首字母都转换成大写
-
trim： 把值的首尾空格去掉
-
striptags： 渲染之前把值中所有的 HTML 标签都删掉
自定义过滤器： -
定义一个函数，用来处理传入html的数据
-
将该函数添加到默认过滤器中，第一个参数时定义好的函数名，第二个参数为用于html文件中的过滤器别名
app.add_template_filter(参数1, 参数2)
如何自定义过滤器?
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('/')
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('06_index.html',
message=message,
names = li,
info=info,
fentiao=fentiao,
tags = tags
最低0.47元/天 解锁文章
扫一扫
722
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
