#! /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. 雷林鹏分享：XML 树结构

    XML 树结构 XML 文档形成了一种树结构,它从"根部"开始,然后扩展到"枝叶". 一个 XML 文档实例 XML 文档使用简单的具有自我描述性的语法: To ...

  2. clustering

    搞了将近一年的单细胞,聚类也是自认为得心应手了,自信满满. 但是多半是跑软件,对聚类的深层次的思想不甚了了. Google了一下clustering,看了一篇文章,突然了解到了clustering的算 ...

  3. 2017-2018-2 20165303 实验二《Java面向对象程序设计》实验报告

    实验一 实验要求 参考 http://www.cnblogs.com/rocedu/p/6371315.html#SECUNITTEST 完成单元测试的学习 提交最后三个JUnit测试用例(正常情况, ...

  4. gradle ----> 安装和使用

    1.安装gradle 参考官网教程:https://gradle.org/install/ 安装的前提:要求安装jdk1.7或者以上 比较重要的一步:配置环境变量,把gradle的bin目录的全路径配 ...

  5. java学习进度

    上周日玩的比较high,忘记写进度报告,今天补上.通过这些天的学习,我对java有了初步的认识,java和c有很多的不同和相同之处,然后就是java的代码在记事本里写,等慢慢深入之后又可以用eclip ...

  6. Android 如何更改一个 imageview的颜色

    xml中可以使用tint属性 tips:这里的图片必须是png格式的文件才行,不然你得到的就是一个被纯色覆盖的图 java中 使用 imageView.setColorFilter(Color.WHI ...

  7. selenium 简单粗暴的定位方法

  8. constant函数

    返回一个常量的值 constant('constname');

  9. bzoj3926: [Zjoi2015]诸神眷顾的幻想乡 后缀自动机在tire树上拓展

    题意:有棵树每个点有个颜色(不超过10种),每个节点不超过20个儿子,问你每两点之间的颜色序列不同的有多少种 题解:先建出树,对于每个叶子节点,bfs一遍建在sam上,每次保留当前点在sam上的位置, ...

  10. vivado第一天从建立文件运行小程序开始

    今天,是第一天什么也处于懵懂的时候,首要的任务就是建立一个文件 首先打开vivado运行软件, 如图所示,选择第一个create new project 来新建文件 选择存储路径,一路向下 当选择芯片 ...