1 模板 -Templates

    1 什么是模板

        模板，在Flask中就是允许响应给用户看的网页在模板中，允许包含“占位变量”来表示动态的内容

        模板最终也会被解析成字符串再响应给客户端，这一过程通常称为“渲染”

    2 模板的设置

        默认情况下，Flask会在程序文件夹中的 templates 的子文件夹中搜索模板

        默认情况下，需要手动创建 templates 文件夹

    3 模板的渲染

        作用：在视图中，将模板文件（xx.html）渲染成字符串之后，再响应给客户端浏览器

        函数：render_template(xx.html)

    4 模板中的语法（重难点）

        1 变量

            变量是一种特殊的占位符，告诉模板引擎该位置的值是从渲染模板时的数据中获取出来的

            在视图中:

            app.route('/')

            def index():

                return render_template('xx.html',变量1 = 值1，变量2 = 值2)

        2 过滤器

            1 什么是过滤器

                过滤器是允许在变量输出前改变变量的值

            2 语法

                {{ 变量|过滤器}}

                Jinja2 模板中常见的过滤器：

                过滤器名        说明

                capitalize         首字符变大写，其他变小写

                lower            将值转换为小写

                upper            将值转换为大写

                title            将值中的每个单词首字符变大写

                trim            去掉值两边的空格

            3 标签

                1 什么是标签

                    每个标签标示的是不同的服务器端的功能

                2 常用标签

                    1。 if标签

                        1 基本if结构

                            ｛% if 条件 %｝

                            ｛% endif %｝

                        2 if... else 结构

                            {% if 条件 %}

                                满足条件时要运行的代码

                            {% else %}

                                不满足条件时要运行的代码

                            {% endif %}

                        3  if...elif ..elif ..else

                            {% if 条件1 %}

                                满足条件1 ，要运行的代码

                            {% elif 条件2 %}

                                满足条件2，要运行的代码

                            ｛% else %｝

                            {% endif %}

                    2 for 标签

                        {% for 变量 in 元组|字典|列表%}

                        {% endfor %}

                        在 Jinja2模板的循环中，支持内部变量-loop

                        loop作用：记载当前循环中的一些相关信息

                        loop 常用属性

                            1 index

                                用法：loop.index

                                作用：记录当前循环的次数，从 1 开始纪录

                            2 index0

                                用法: loop.index0

                                作用：同上，从0开始记录

                            3 first

                                用法：loop.first

                                作用：值为True，则表示当前循环是第一次循环

                            4 last

                                用法：loop.last

                                作用：值为True，则表示当前循环是最后一次循环

                    3 macro 标签（宏）

                        1 作用：

                            相当于是在模板中声明函数

                        2 语法

                            使用｛% macro %｝声明宏

                            {% macro 名称(参数列表) %}

                            {% endmacro %}

                        3 在独立的文件中声明宏

                            1 创建 macro.html 模板文件

                                作用：定义项目中要用到的所有的宏
{% macro show_p(str)%}

<p style="background: orange">{{str}}</p>

{% endmacro %}

{% macro show_li(str) %}

    <li><p style="font-size: 20px;">内容</p></li>

        <span style="color: red;">{{str}}</span>

{% endmacro %}


　　　　　　　　　　　　　　　　2 在使用的网页中，导入macro.html

                                {% import 'macro.html' as macros %}




<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

{% import 'macro.html' as macros %}

{% for i in list_1 %}

    {{macros.show_li(i)}}

{% endfor %}

</body>

</html>




　　　　　　　　　　4 include 标签
　　　　　　　　　　　　将其他的模板文件包含到当前的模板文件中
　　　　　　　　　　　　语法：｛% include 'xx.html' %｝
　　　　　　　　　　　　　{% include '05-head.html' %}


 　　　　5 静态文件处理
　　　　　　1 什么是静态文件
　　　　　　　　在Flask中不能与服务器动态交互的文件都是静态文件
　　　　　　　　　　如：图片，css文件，Js文件，音视频文件
　　　　　　2 静态文件的处理
　　　　　　　　1 所有的静态文件必须放在名为static 的目录中
　　　　　　　　　　static目录要放在项目的根目录处
　　　　　　　　2 所有的静态文件必须通过 /static/路径访问
　　　　　　　　　　/static/images/a.jpg
　　　　　　　　　　/static 要到静态资源目录中继续搜索
　1 模板
　　1 静态文件地址的反向解析
　　　　url_for('static',filname='<file_path>')
　　　　et:
　　　　url_for('static',filename='image/b041.jpg')
　　2 模板的继承
　　　　1 什么是模板的继承
　　　　　　模板的继承类似于类的继承，如果一个模板中出现的内容来自于另一个模板的话，那么就可以使用继承的方式来简化开发
　　　　2 语法
　　　　　　1 父模板
　　　　　　　　需要定义出哪些东西在子模板中是可以被重写的
　　　　　　　　{{ block 块名}}
　　　　　　　　　　父模板中正常显示的内容
　　　　　　　　{{ endblock }}
　　　　　　　　　　block
　　　　　　　　　　　　1 在父模板中是可以正常显示的，没有任何影响
　　　　　　　　　　　　2 在子模板中是可以被重写的
　　　　　　2 子模板
　　　　　　　　1 需要指定继承来自哪个父模板
　　　　　　　　　　{% extends 父模板的名称 %}
　　　　　　　　2 重写父模板中对应的内容
　　　　　　　　　　{{ block 块名 }}
　　　　　　　　　　　　　　此处编写的内容会覆盖掉父模板中同名block的内容
　　　　　　　　　　　　　　允许通过{{ super() }}来调用父模板中的内容
　　　　　　　　　　{{ endblock }}
2 修改配置
　1 构建Flask 应用时允许指定的配置信息
　　app =Flask(__name__,template_folder='muban',static_url_path='/s',static_folder='/sta')
　　　　template_folder:指定存放模板的文件夹名称
　　　　static_url_path:访问静态资源的路径
　　　　static_foler:指定存放静态文件目录名称
　　　　　　在项目的根目录中，有一个名为sta的目录用于存放静态文件
 3 请求（request） 和 响应（response）
　　 1 HTTP协议 
　　　　Request Headers - 请求消息头
　　　　Response Headers -  响应消息头
　　2 请求对象 - request
　　　　request - 请求对象，封装了所有与请求相关的信息，如：请求数据，请求消息头，请求路径，...
　　　　在Flask中，要使用request 的话，必须先导入
　　　　from flask import request
　　　　1 request 的常用成员
　　　　　　1 scheme: 获取请求方案（协议）
　　　　　　2 method: 获取本期请求的请求方式（重点）
　　　　　　3 args :获取使用get请求方式提交的数据
　　　　　　4 form :获取使用post 请求方式提交的数据
　　　　　　5 cookies: 获取cookies的相关信息
　　　　　　6 headers: 获取请求消息头的相关信息
　　　　　　7 files:获取上传的文件
　　　　　　8 path ：获取请求的url地址 
　　　　　　9 full_path :获取请求的url地址（进入到主机后的请求资源地址，包含请求参数）
　　　　　　10 url :获取完整的请求地址，从协议开始的地址
　　　　2 获取请求提交的数据
　　　　　　1 get 请求方式
　　　　　　　　1 表单允许实现get请求
　　　　　　　　　　<form action=""> method ="get">
　　　　　　　　　　　　姓名：<input name ='uname'>
　　　　　　　　　　</form>
　　　　　　　　2 在请求地址后拼请求提交的参数
　　　　　　　　　　request.args封装的是get 请求的数据
　　　　　　2 post 请求方式
　　　　　　　　post请求只有在表单中才能够被触发
　　　　　　　　<form method='post'>
　　　　　　　　获取post 请求提交的数据：
　　　　　　　　　　request.form 封装的就是post请求的数据，类型为字典
　　　　　　　　request.form['name']:获取name 对应的值
　　　　　　　　request.form.get('name'):获取name 对应的值
　　　　　　　　request.form.getlist('name'):获取name 列表数据（如复选框，下拉列表）
　　　　　　　　


												


											
macro 标签，和静态文件，以及templates的更多相关文章
	

    
						
  1. day51:django:dispatch&模板渲染&过滤器&标签&组件&静态文件配置
		
    目录 1.dispatch 2.模板渲染 3.过滤器 4.标签 5.组件 6.静态文件配置 dispatch 回顾:CBV对应的URL传参 urls.py url(r'^book/(\d+)/(\d+ ...
    
		
    2. 
						
  2. Django 2.0 学习(09)：Django 静态文件(样式和背景图片)
		
    应用的定制化:静态文件 首先,在polls目录中创建一个名叫static的目录.Django会在该目录里面查找静态文件,类似于Django在polls/template目录下查找模板文件. Djang ...
    
		
    3. 
						
  3. Flask初级（四）flash在模板中使用静态文件
		
    Project name :Flask_Plan templates: 默认设置下,Flask在程序根目录中名为static的子目录中寻找静态文件. 随便找个图片放进去把,命令test.png Fla ...
    
		
    4. 
						
  4. django静态文件配置和使用
		
    一.首先需要了解的知识点是: 1.出于对效率和安全的考虑,django管理静态文件的功能仅限于在开发阶段的debug模式下使用,且需要在配置文件的INSTALLED_APPS中加入django.con ...
    
		
    5. 
						
  5. 7. url反向解析和静态文件
		
    一.代码中url出现的位置 1.模版[html]中 1.<a href='urk'>超链接点击跳转<a/> 2.<form action='url' method='po ...
    
		
    6. 
								
  6. Django 模板    语法    变量     过滤器    模板继承      组件     自定义标签和过滤器         静态文件相关
		
    本节目录 一 语法 二 变量 三 过滤器 四 标签Tags 五 模板继承 六 组件 七 自定义标签和过滤器 八 静态文件相关 一 语法   模板渲染的官方文档 关于模板渲染你只需要记两种特殊符号(语法 ...
    
		
    7. 
						
  7. django系列4.2--自定义标签, 自定义过滤器, inclusion_tag, 引入静态文件(css,js等)
		
    项目的目录为 在app中创建templates时,最好要再创建一个app名相同的文件夹,因为项目找文件时从第一个app开始遍历,不同app内的同名文件会有冲突,所以这样处理 一.自定义标签和过滤器 1 ...
    
		
    8. 
						
  8. django之模板系统 --》内容（filter过滤器、tags标签【for、if、with】、母板以及继承、crf_token、注释、组件、静态文件【load static】、get_static_prefix、自定义标签和tag)
		
    常用: Django模板中只需要记两种特殊符号: {{ }}和 {% %} {{ }}表示变量,在模板渲染的时候替换成值,{% %}表示逻辑相关的操作. 变量 {{ 变量名 }} 变量名由字母数字和下 ...
    
		
    9. 
						
  9. Django下的templates 和 static静态文件
		
    如果Django顶层目录中没有templates的话,就自己新建一个Directory ,这个文件是存放html文件的 1)如果在views里面用render(request,"" ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. thymeleaf中switch case多出一个空行
			
    以下是<thymeleaf3.0.5中文参考手册.pdf>中的代码,官方代码没有具体去查询. <div th:switch="${user.role}">  ...
    
			
    2. 
						
  2. 关于类似QQ的展开和折叠效果的实现
			
    介绍: 1.两级折叠与展开: 实现原理如下: 1>通过表视图的组的头视图和单元格实现; 2>通过改变cell的高度实现; 3>通过cell实现; 实现 UITableView 的ce ...
    
			
    3. 
						
  3. python判断命令执行成功
			
    if os.system('lss') !=0: print 'Without the command'
    
			
    4. 
						
  4. C入门笔记
			
    教程总体概括:Mac OS X系统简介:C语言:OC语言:Foundation:iOS开发:项目实战. 3.第一个c语言程序#include <stdio.h>//预处理指令:在编译之前执 ...
    
			
    5. 
						
  5. node更改默认npm阿里地址
			
    npm config set registry https://registry.npm.taobao.orgsudo npm install cnpm -g --registry=https://r ...
    
			
    6. 
						
  6. Ubuntu构建LVS+Keepalived高可用负载均衡集群【生产环境部署】
			
    1.环境说明: 系统版本:Ubuntu 14.04 LVS1物理IP:14.17.64.2   初始接管VIP:14.17.64.13 LVS2物理IP:14.17.64.3   初始接管VIP:14 ...
    
			
    7. 
						
  7. pycharm操作Django基础部分
			
    原文地址:https://www.cnblogs.com/feixuelove1009/p/5823135.html
    
			
    8. 
						
  8. Navicat安装及使用
			
    一.安装Navicat 1.下载安装文件:navicat11.0.17_premium_cs_x86.exe(32位) 2.Oracle 的 Instance Client:instantclient ...
    
			
    9. 
						
  9. 关于cookies、sessionStorage和localStorage解释及区别
			
    在浏览器查看 HTML4的本地存储 cookie 浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式,可以利用cookie,session等跟服务端进行数据交互. 一.cookie和sessio ...
    
			
    10. 
						
  10. C语言程序设计II—第十周教学
			
    第十周教学总结(29/4-5/5) 教学内容 本周的教学内容为:9.2 学生成绩排序 知识点:结构数组的定义.初始化和数组成员引用:9.3 修改学生成绩 知识点:结构指针指向操作,结构指针作为函数参数 ...
    
			
    11.