#! /usr/bin/env python3

# -*- coding:utf-8 -*-

#MVC:Model-View-Controller 模型-视图-控制器

#Python处理URL的函数就是C(controller),controller负责业务逻辑，比如检查用户名是否存在，取出用户信息等

#包含变量的HTML代码就是模板V(view),view负责显示逻辑，展现页面，通过简单地替换一些变量，view最终输出的就是用户看到的HTML。

#Model 是用来存储传递给VIEW的变量的。通常Model就是一个dict。

#将flask_1.py中的例子改成MVC模式：

from flask import Flask,request,render_template

app=Flask(__name__)

@app.route('/',methods=['GET','POST'])

def home():

return render_template('home.html')

@app.route('/signin',methods=['GET'])

def signin_form():

return render_template('form.html')

@app.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)

return render_template('form.html',message='Bad username or password',username=username)

if __name__=='__main__':

app.run()

#Flask 通过render_template()函数来实现模块的渲染。和web框架类似，Python的模板也有很多种，Flask默认支持的模板是jinja2.

#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中加了一点判断，把form.html重用为登录失败的模板。

#最后，一定要把模板放到正确的templates目录下，templates和webMVC.py在同级目录下.

#通过MVC，我们在Python代码中处理M(model)和C(controller),而v(view)是通过模板处理的，这样，我们就成功地把Python代码和HTML代码最大限度地分离了。

#使用模板的另一大好处是，模板改起来很方便，而且，改完保存后，刷新浏览器就能看到最新的效果，这对于调试HTML、CSS和JavaScript的前端工程师来说实在太重要。

#在jinja2模板中，我们用{{name}}表示一个需要替换的变量。很多时候，还需要循环、条件判断等指令语句，在jinja2中，用{%...%}表示指令。

#比如循环输出页码：

'''

{% for i in page_list %}

<a href="/page/{{i}}</a>

{% endfor %}

'''

#如果page_list是一个list:[1,2,3,4,5],上面的模板将输出5个超链接。

#除了jinja2，常见的模板还有：

'''

Mako:用<%...%>和${xxx}的一个模板

Cheetah:也是用<%...%>和${xxx}的一个模板

Django:Django是一站式框架，内置一个用{%...%}和{{xxx}}的模板

'''

网页的MVC模式简介的更多相关文章

  1. Java的MVC模式简介

    Java的MVC模式简介 MVC(Model View Control)模型-视图-控制器 首先我们需要知道MVC模式并不是javaweb项目中独有的,MVC是一种软件工程中的一种软件架构模式,把软件 ...

  2. MVC模式简介

    MVC模式是一种表现模式,它将web应用程序分成三个主要部分即:模型(Model)视图(View)控制器(Controller)M:Model主要是存储或者是处理数据的模型,包含了用户使用的数据,业务 ...

  3. mvvm模式和mvc模式 概述总结对比

    1.mvc模式简介: MVC的全名是Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写,是一种软件设计典范.例如: angular ...

  4. MVC 模式

    1.MVC 模式简介 MVC 模式代表 Model-View-Controller(模型-视图-控制器) 模式.这种模式用于应用程序的分层开发.Model(模型):模型代表一个存取数据的对象或 JAV ...

  5. 【iOS 开发】iOS 开发 简介 (IOS项目文件 | MVC 模式 | 事件响应机制 | Storyboard 控制界面 | 代码控制界面 | Retina 屏幕图片适配)

    一. iOS 项目简介 1. iOS 文件简介 创建一个 HelloWorld 项目, 在这个 IOS 项目中有四个目录 : 如下图; -- HelloWorldTests 目录 : 单元测试相关的类 ...

  6. Django简介以及MVC模式

    一.简介 Django,是当前Python世界里最负盛名且成熟的网络框架.最初用来制作在线新闻的Web站点. Django是一个基于python的web重量级框架 重指的是为发开者考虑的多 采用了MV ...

  7. MVC模式与三层架构和表示层

    1.MVC模式     - Model-View-Controller     - 模型-视图-控制器     - Model(模型)         > 模型分为业务模型,和数据模型     ...

  8. Dot Net设计模式—MVC模式

    1 MVC设计模式简介 MVC结构是为那些需要为同样的数据提供多个视图的应用程序而设计的,它很好的实现了数据层与表示层的分离.MVC作为一种开发模型,通常用于分布式应用系统的设计和分析中,以及用于确定 ...

  9. Android 腾讯入门教程( 智能手表UI设计 和 MVC模式 )

    *****注意到mvc 在android 中是如何进行分层分域执行各自的功能.**** 官方推荐的按钮尺寸是48像素 前端之Android入门(1):环境配置 前端之Android入门(2):程序目录 ...

随机推荐

  1. tchart2

  2. p1465 Preface Numbering

    用这个函数转成罗马数字统计就行了. #include <iostream> #include <cstdio> #include <cmath> #include ...

  3. laravel调度任务

    <?php namespace App\Console; use Illuminate\Console\Scheduling\Schedule;use Illuminate\Foundation ...

  4. World Tour CodeForces - 667D (bfs最短路)

    大意: 有向图, 求找4个不同的点ABCD, 使得d(A,B)+d(D,C)+d(C,A)最大

  5. 『TensorFlow Internals』笔记_源码结构

    零.资料集合 知乎专栏:Bob学步 知乎提问:如何高效的学习 TensorFlow 代码?. 大佬刘光聪(Github,简书) 开源书:TensorFlow Internals,强烈推荐(本博客参考书 ...

  6. python – time.sleep – 睡眠线程

    import time from threading import Thread class worker(Thread): def run(self): for x in xrange(0,11): ...

  7. Activiti搭建

    Activiti搭建 前期准备: JDK+Eclipse+Tomcat+Maven的安装与配置 参考:http://blog.csdn.net/zhshulin/article/details/307 ...

  8. MSMQ 概述

    MSMQ 概述 1) MSMQ概述 MSMQ 表示微软消息队列服务.MSMQ 可以工作在在线或者离线场景,并提供异步编程功能.如果客户端离线,MSMQ将会是最合适的方法,这是因为服务端不需要等待客户端 ...

  9. js操作字符串的常用方法

    使用 substring()或者slice() 函数:split() 功能:使用一个指定的分隔符把一个字符串分割存储到数组 例子: str=”jpg|bmp|gif|ico|png”; arr=the ...

  10. Oracle11g温习-第十三章：索引

    2013年4月27日 星期六 10:46 1.索引(Index)的功能:对记录进行排序,加快表的查询速度  2.索引的分类  1)B-tree 索引(默认) a.在一个大表上 b.建立在重复值比较少的 ...