您现在的位置是：首页 > 其他

当前栏目

Python Flask教程（一）

教程代码

2023-03-02 11:48:18 时间

--------------------

操作系统：Windows  
Python：3.5  
欢迎加入学习交流QQ群：657341423

--------------------

## 路由规则 ##

路由，就是我们常说的网址，专业一点就是url。  
在Flask里面，路由的设置是一个装饰器实现的。如图：  
![这里写图片描述][SouthEast]

括号里面就是我们自定义的路由地址。而且为一个字符串。皆以/为开头。上图就单一个/，就是代表域名主页。看看运行结果就知道了  
![这里写图片描述][SouthEast 1]

--------------------

**路由的变量规则**  
在上图可以看到这段代码

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

这里的url设置有`<username>`，而且函数带参数username，这说明url里面的`<username>` 是一个变量，而且通常参数形式传递给对应的函数。

--------------------

**路由的/规则**  
看代码  
![这里写图片描述][SouthEast 2]  
会发现没有注释的代码的url设置里面，结尾一个有/，一个是没有的。  
先看看运行结果：  
![这里写图片描述][SouthEast 3]  
![这里写图片描述][SouthEast 4]  
![这里写图片描述][SouthEast 5]  
会发现projects在url上无论加不加/都可以调到该网页上，但是about就不行。  
这个细节的设计要值得注意。  
**题外话：在django也有这个情况。不过和Flask完全是不一样的情况。**

--------------------

**路由的get和post**  
用户每次访问网页都是http里面的get方法，Flask里面设定get，post方法是在路由设置的。

from flask import request
    #导入reques
    #设定post和get
    @app.route('/projects/',methods=['GET', 'POST'])
    def projects():
    	#判断是post还是get
    	if request.method=='POST':
    		return 'The project page'
    	else:
    		return 'a'

方法比较简单。这里不做详细解释。

基本上Flask的路由设置大概就那么多：  
1，路由的变量规则  
2，路由的/规则  
3，设定http的post和get

--------------------

## Ruturn类型 ##

**模板渲染**  
看完路由的设置，然后看def里面的return，这个return和Django的一样功能，都是用户浏览该url后，服务器通过这个url返回显示相应的网页给用户浏览。也就是说url生成的页面内容。  
代码

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

通过导入from flask import render\_template  
然后return render\_template即可  
注意的是模板（html文件）在该文件目录下templates查找的。  
如图  
![这里写图片描述][SouthEast 6]

<!doctype html>
    <title>Hello from Flask</title>
    {% if name %}
      <h1>Hello {
       { name }}!</h1>
    {% else %}
      <h1>Hello World!</h1>
    {% endif %}

基本上模板的渲染和Django的一样用法。[可参考][Link 1]  
此外还有模板继承，[请参考][Link 2]

--------------------

**重定向**  
在return一个模板之外，还有一个重定向的方法，就是我浏览了这个url之后，自动跳转到另外的一个url上。  
代码

from flask import redirect
    @app.route('/about/aa')
    def aa():
        return redirect('/projects/')

这代码实现了，当浏览器输入http://127.0.0.1:5000/about/aa后，会自动跳到http://127.0.0.1:5000/projects/。

基本上return的方法就模板渲染和重定向

--------------------

## 获取post和get数据 ##

from flask import request	
    @app.route('/projects/',methods=['GET', 'POST'])
    def projects():
    	if request.method=='POST':
    		name=request.form.get('name','aa')
    		age=request.form.get('age','b')
    		return name+' is '+age
    	else:
    		a=request.args.get('mytext1','mypassword')
    		return str(a)

获取post方法有2种，官方文档是`request.form['username']` 的  
这里是用request.form.get(‘name’,‘aa’)的。  
个人比较建议使用第二种，因为第一种如果username不存在的话，会出异常。而第二种的话，就是name不存在的话，值会变成aa。

同理get也是如此  
测试结果：  
![这里写图片描述][SouthEast 7]

此外还有文件上存功能，[请参考][Link 3]

--------------------

基本上一个简单的网站就这样完成了。这个只能算入门级。后面会涉及到admin站点管理，flask\_sqlalchemy（ORM）工具使用，flask构建MTV开发模式

[SouthEast]: /images/20220612/6879cff560174c72b2d5e9ab5374ec11.png
[SouthEast 1]: /images/20220612/68f277fd99d246bab5e2d9b16d0464f8.png
[SouthEast 2]: /images/20220612/1f57b3d5c9bf49469c971235badeedc0.png
[SouthEast 3]: /images/20220612/3395739a749a42fda75d34a2b831b598.png
[SouthEast 4]: /images/20220612/5265bfbd4ce1435485fbf30865652ceb.png
[SouthEast 5]: /images/20220612/011d575c508641da8e43a3bc2ab6ad95.png
[SouthEast 6]: /images/20220612/58f31d1297c8428a992a3dec5c8a36bf.png
[Link 1]: http://blog.csdn.net/huangzhang_123/article/details/70255545
[Link 2]: http://docs.jinkan.org/docs/flask/patterns/templateinheritance.html#template-inheritance
[SouthEast 7]: /images/20220612/58b2046faeb04786aea1d37953dc41f8.png
[Link 3]: http://docs.jinkan.org/docs/flask/quickstart.html#file-uploads

猜你喜欢

七天接手react项目系列 —— react 路由
七天接手react项目系列 —— react 脚手架创建项目
七天接手react项目系列
七天接手react项目系列 —— state&事件处理&ref
七天接手react项目系列 —— react 起步
DevOps 前端开发和 Spug
前端程序员初步认识 docker
初步认识微前端（single-spa 和 qiankun）
vue 快速入门系列 —— Vue 实例的初始化过程
vue 快速入门系列 —— 实例方法（或 property）和静态方法
vue 快速入门系列 —— Vue(自身) 项目结构
vue 快速入门系列 —— 模板
遮罩层没有消失 - 我们来说说 async、promise 和 yield 之间的那些事
css 快速入门系列 —— 浮动
知识体系
前端学习数据结构与算法快速入门系列
前端学习数据结构与算法快速入门系列 —— 排序和搜索算法
谈面试前端工程师
前端学习数据结构与算法快速入门系列 —— 递归
前端学习数据结构与算法快速入门系列 —— 集合、字典和散列表

zl程序教程

当前栏目

Python Flask教程（一）

相关文章