#! /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. IBM messed up *AGAIN* in their thinkpad: 0xA0000 -> 0x9F000

    /*     * IBM messed up *AGAIN* in their thinkpad: 0xA0000 -> 0x9F000.     * They seem to have don ...

  2. A strange lift HDU - 1548

    There is a strange lift.The lift can stop can at every floor as you want, and there is a number Ki(0 ...

  3. 【其他】【navicat】【1】navicat导入txt文件中文乱码问题解决

    正文: TXT文件默认编码为ANSI,另存为编码为UTF-8的文本文件即可 备注: 1,一般需要导入的数据都是一张excel表,需要将excel表另存为“文本文件(制表符分隔)(*.txt)”保存类型 ...

  4. win php安装 oracle11 g

    1.下载plsql和oracle11g plsql安装比较简单,就是普通的安装.oracle11 g不用安装, 下面我讲解一下win 64位的系统配置oracle: (1).首先我使用的是warpse ...

  5. windows开启Apache的mod_rewrite模块

    windows下安装apache默认是没有开启mod_rewrite模块的,启用也很简单,修改apache配置文件httpd.conf,查找rewrite_module, 找到这行:#LoadModu ...

  6. Wannafly挑战赛27-A/B

    链接:https://www.nowcoder.com/acm/contest/215/A来源:牛客网 题目描述 “White shores, and beyond. A far green coun ...

  7. MSMQ 事务性消息处理

    二.事务性消息处理 事务我想大家对这个词应该都不会陌生,在操作数据库的时候经常都会用到事务,确保操作成功,要么全部完成(成功) ,要么全部不完成(失败).在MSMQ中利用事务性处理,可以确保事务中的消 ...

  8. ORACLE中ESCAPE关键字用法

    ESCAPE用法 1.使用 ESCAPE 关键字定义转义符: 在模式中,当转义符置于通配符之前时,该通配符就解释为普通字符. 2.ESCAPE 'escape_character'  允许在字符串中搜 ...

  9. 迭代器与泛型for

    迭代器与closure function allwords() local line=io.read() return function() while line do local s,e=strin ...

  10. IDEA如何导入一个web+maven以及如何运行项目

    IDEA如何导入一个web+maven以及如何运行项目 然后就可以运行你的maven项目了....