【Python入门】48.Web开发之 Web框架与MVC模式

摘要:Web框架的基本介绍;以Flask框架为例创建一个可登录的页面;介绍如何使用MVC模式进行Web开发。


*写在前面:为了更好的学习python,博主记录下自己的学习路程。本学习笔记基于廖雪峰的Python教程,如有侵权,请告知删除。欢迎与博主一起学习Pythonヽ( ̄▽ ̄)ノ *


目录

Web开发
Web框架
使用Flask框架
MVC模式
小结

Web开发

Web框架

在了解了WSGI之后,我们发现,编写一个Web应用,其实就是编写一个WSGI的处理函数,针对每一个HTTP请求进行响应。

如果要处理多个URL,每个URL又有多个不同的请求,仅用WSGI接口来处理是很麻烦的。

因此,可以通过Web框架,让我们专注于一个函数来处理一个URL,而框架的内部就是来处理URL到函数的映射。

常见的Python Web框架FlaskDjangoweb.pyBottleTornado

其中Flask框架是如今比较流行的Web框架,我们以Flask框架为例,简单介绍Web框架的使用。

使用Flask框架

我们用Flask框架编写一个简单的可登录页面。

首先通过pip安装Flask:

pip install flask

然后编写一个webapp.py,里面处理三个URL,分别是:

1.GET/:首页;
2.GET/signin:登录页面,显示登录表单;
3.POST/signin:处理登录表单,显示登录结果。

这里一个URL/signin分别有GET和POST请求,映射到两个处理函数。

Flask是通过装饰器在内部来把URL与函数关联起来的,具体代码如下:

from flask import Flask
from flask import request

webapp = Flask(__name__)          # 实例化一个Flask应用

@webapp.route('/', methods = ['GET', 'POST']        # 添加首页URL
def home():
    return '<h1>Welcome!</h1>'

@webapp.route('/signin', methods = ['GET']          # 添加登录页URL,用于GET请求
def signin_form():
    return '''<form action="/signin" method="post">
              <p><input name="username"></p>
              <p><input name="password" type="password"></p>
              <p><button type="submit">Sign In</button></p>
              </form>'''

@webapp.route('/signin', methods = ['POST'])        # 添加登录页URL,用于POST请求
def signin():  
    if request.form['username']=='admin' and request.form['password']=='password':
        return '<h3>Hello, admin!</h3>'
    return '<h3>Bad username or password</h3>'

if __name__=='__main__':
    webapp.run()

相关代码解析:
xxx = Flask(__name__),用来实例化一个Flask应用;
Flask用装饰器的方法,通过route()函数来添加URL,传入的参数依次为URL,请求方法。

相关HTML文本解析:
<form>用于创建表单;<p>表示创建一行;<input>用于创建输入框,其中属性type="password"表示以密码形式显示即*****<button>用于创建按钮,其中属性type="submit"表示可提交。

运行webapp.py,可见Flask自带的Server在端口5000上监听:

![Flask2.png](https://upload-images.jianshu.io/upload_images/13441099-67a324ec2f06c180.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

在浏览器中输入首页地址http://localhost:5000/,就能看到我们编写的首页内容:

然后输入http://localhost:5000/signin,可以看到登录表单:

Flask3.png

输入刚刚我们编写的用户名和密码,可以看到登录结果:


Flask4.png

如果用户名或密码输入错误,则会显示登录错误:

当然了,实际的Web应用是要通过数据库来对比用户名和密码,判断用户是否能登录成功。

MVC模式

WSGI让我们只专注于编写处理函数,针对每个HTTP请求进行响应就能编写出Web应用。

而Web框架的使用,让我们只要专注于编写每个URL对应的处理函数即可,简化了Web应用的开发过程。

然而,仅仅这样还是不够,因为一个基本的网页一般都会有几千行的HTML,如果想要在Python中以字符串来编写出这么多的HTML是不现实的。

所以,更好的处理方式是准备好HTML文档作为模板,要使用时在Python中调用,并传入具体的数据,形成最终的HTML发送给用户。

这种模式就是MVC模式——Model-View-Controller

Model,模型,负责接收具体数据并传递给View;
View,视图,负责显示逻辑,在这里就是HTML模板部分,经过简单的替换后就可以展示给用户;
Controller,控制器,负责业务逻辑,Python处理URL的函数就是Controller。

我们用MVC模式再编写一个简单的登录页面。

在编写之前,我们需要先安装一种模板,Python的模板有很多种,Flask默认支持的模板是jinja2,所以我们先安装jinja2:

pip install jinja2

然后,我们编写MVC中的Model和Controller部分:

from flask import Flask
from flask import request
from flask import render_template

webapp = Flask(__name__)      

@webapp.route('/', methods = ['GET', 'POST'])  
def home():
    return render_template('home.html')        # 返回首页

@webapp.route('/signin', methods = ['GET'])     
def signin_form():
    return render_template('form.html')          # 返回表单的页面

@webapp.route('/signin', methods = ['POST'])    
def signin():  
    username = request.form['username']
    password = request.form['password']
    if username=='admin' and password=='password':
        return render_template('signin_ok.html', username=username)              # 返回登录成功的页面,并传入username数据
    return render_template('form.html', message='Bad username or password', username=username)

if __name__=='__main__':
    webapp.run()

Flask通过render_template()函数来实现模板的渲染。

接下来编写MVC的View部分,即三个HTML:

首页,home.html

<html>
<head>
  <title>Home</title>
</head>
<body>
  <h1 style="font-style:italic">Home</h1>
</body>
</html>

登录页面,form.html

<html>
<head>
  <title>Please Sign In</title>
</head>
<body>
  {% if message %}
  <p style="color:red">{{ message }}</p>
  {% endif %}
  <form action="/signin" method="post">
    <legend>Please sign in:</legend>
    <p><input name="username" placeholder="Username" value="{{ username }}"></p>
    <p><input name="password" placeholder="Password" type="password"></p>
    <p><button type="submit">Sign In</button></p>
  </form>
</body>
</html>

登录成功页面,signin_ok.html

<html>
<head>
  <title>Welcome, {{ username }}</title>
</head>
<body>
  <p>Welcome, {{ username }}!</p>
</body>
</html>

登录失败的页面通过条件判断语句加在了form.html里面。

在jinja2模板中,用{% ... %}表示指令,比如上面的if指令:{% if message %}。用{{ name }}表示需要替换的变量。

下面是登录失败时的显示页面:


MVC1.png

除了jinja2模板,常见的模板还有:

Mako:用<% ... %>${xxx}的一个模板;
Cheetah:也是用<% ... %>${xxx}的一个模板;
Django:Django是一站式框架,内置一个用{% ... %}{{ xxx }}的模板。

小结

有了Web框架,我们编写Web应用时,专注于URL与对应的处理函数即可,相比用WSGI简单很多;

而通过MVC模式,我们在Python代码中处理Model和Controller部分,在HTML代码中处理View部分。这样就可以把Python代码和HTML代码分开,便于修改与调试。


以上就是本节的全部内容,感谢你的阅读。

下一节内容:异步IO之 协程

有任何问题与想法,欢迎评论与吐槽。

和博主一起学习Python吧( ̄▽ ̄)~*

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,456评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,370评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,337评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,583评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,596评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,572评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,936评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,595评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,850评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,601评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,685评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,371评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,951评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,934评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,167评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,636评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,411评论 2 342

推荐阅读更多精彩内容