Jinja的基础知识

Jinja的基础知识

介绍:Jinja2 是一个现代的,设计者友好的,仿照 Django 模板的 Python 模板语言。 它速度快,被广泛使用,并且提供了可选的沙箱模板执行环境保证安全

基本操作

  • 变量:使用{{}}包围

    <a>{{user.username}}</a>
  • 注释:注释代码块使用 {# Documents #} 来表示

  • 控制语句:使用{{% 控制流程 %}}来编写控制代码块

    {% if a %}<p>hello a</p>
    {% else %}<p>hello b</p>
    {% endif %}
  • 循环:

    • 在 Jinja 中需要同时使用循环语句和 if 语句来模拟 continue 语句的功能。

    • 可以使用 Jinja 提供的 loop 变量来模型 Python 中的 enumerate() 内置函数的功能。 loop 变量可以返回一些关于 for 循环的信息,如: 索引号。

    
    # example1{% for post in posts if post.text %}<div><h1>{{ post.title }}</h1><p>{{ post.text | safe }}</p></div>
    {% endfor %}# example2{% for post in posts %}{{ loop.index }}-{{ post.title }}
    {% endfor %}
  • 过滤器:用于处理变量代码块中的变量。过滤器与变量用管道符号( | )分割,并且也 可以用圆括号传递可选参数。多个过滤器可以链式调用,前一个过滤器的输出会被作为 后一个过滤器的输入。
    常用过滤器:http://blog.csdn.net/jmilk/article/details/53292248

    
    # 有参数{{ variable | filter_name }}# 或无参数{{ variables | filter_name(*args) }}
    
  • 宏:类似于函数,会返回一个 Jinja 模板或 HTML 字符串。其最主要的功能就是提高代码的重用性。如:

    {% macro input(name, label, value='', type='text')%}<div class="form-group"><label for"{{ name }}">{{ label }}</div><input type="{{ type }}" name="{{ name }}"value="{{ value | escape }}" class="form-control"></div>
    {% endmacro %}
    • input():是宏的名字,类似于函数名

    • (name, label, value='', type='text'):是宏的参数,类似于函数的必备参数和缺省参数

    • 调用

    {{ input('name', 'Name') }}
    • 结果
     <div class="form-group"><label for"name">Name</div><input type="text" name="name"value="" class="form-control"></div>

文章参考自:

http://blog.csdn.net/jmilk/article/details/53264049

http://docs.jinkan.org/docs/jinja2/templates.html#id7

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/250443.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

PE文件格式详解(二)

0x00 前言 上一篇讲到了PE文件头的中IMAGE_FILE_HEADER结构的第二个结构&#xff0c;今天从IMAGE_FILE_HEADER中第三个结构sizeOfOptionalHeader讲起。这个字段的结构名也叫做IMAGE_OPTIONAL_HEDAER讲起。 0x01 IMAGE_OPTIONAL_HEADER概述 其实这个结构是IMAGE_FILE_HEADER结构…

javascript --- [代码优化]将复杂的函数分解写异步请求数据的同步写法

说明 今天优化项目结构,发现有如下一个函数 const drawMqiPie async (index) > {// 请求的参数let params {lineNo: lineNo,direct: 1,driveway: 1,pageNum: 0,pageSize: 0,computeRange: 3,detectDate: $(#detectYear).val() -01-01}// 请求的urllet url conf.URL s…

20165223《Java程序设计》第八周Java学习总结

教材学习内容总结 第12章-JAVA多线程机制 要点 Java中的线程Thread类与线程的创建线程的常用方法线程同步协调同步的线程线程联合GUI线程计时器线程教材学习中的问题和解决过程 1. 进程与线程 程序&#xff1a;静态的代码&#xff0c;应用执行的蓝本进程&#xff1a;程序的一次…

各种平台的表达芯片跟mRNA-seq数据比较

各种平台的表达芯片跟mRNA-seq数据比较 RNA-Seq 表达谱 芯片数据分析文章见&#xff1a;http://journals.plos.org/plosone ... ournal.pone.0078644指定的细胞系是&#xff1a;Human CCR6 CD4 memory T cell &#xff0c;测了6个时间点&#xff0c;共12个样本表达芯片用的…

SQLAlchemy 一些基本操作

SQLAlchemy 一些基本操作 建表&#xff1a;db.create_all() 一次性创建全部的表 插入数据&#xff1a; ​ 1、创建变量user User(username “hjj2”,password “1234”) ​ 2、使用db.session.add(user)&#xff0c;添加到会话对象中 ​ 3、使用db.session.commit()&am…

koa --- [MVC实现之五]Model层的实现

说明 上一篇: MVC实现之四这一篇主要介绍: 项目中用到的Sequelize库中的一些方法,参考使用Sequelize连接mysql将Model层加入Mar类中 Service层 还是从业务出发,Service层是调用方,调用方式和Controller层调用Service层一样 class Service {constructor(app) {const { model…

关于字符串 --java

这是在杭电上做一道水题时发现的&#xff0c;挺不错&#xff0c;写下了分享一下 http://acm.hdu.edu.cn/showproblem.php?pid2072 这里我用了两种方法&#xff0c;参考大佬的&#xff0c;一个是list实现类&#xff0c;一个是用set框架 import java.util.*;public class Main {…

三元表达式 列表递推 生成器表达式

#!/use/bin/python# -*- conding:utf-8 -*-# def my_max(x,y):# if x > y : #>必须紧凑# return x# else:# return y# x 10# y 20# res x if x>y else y# print(res)# name input(>>>:).strip()# res 漂亮小姐姐 if name 汪妍…

node --- 模拟事件的异步

事件 在前端浏览器最常见的就是页面交互事件本质是发布/订阅设计模式 目标 对象使用add方法订阅事件。使用emit发布消息 订阅事件 添加触发事件的一个唯一字符串,以及对应的处理函数先初始化事件对象 class Event {constructor(){this.events {};} }订阅在订阅事件的时候,…

Vue-webpack项目配置详解

Vue-webpack项目配置详解 1、首先我们在构建vue项目后&#xff0c;就得先了解vue的项目结构 ├── build --------------------------------- webpack相关配置文件 │ ├── build.js --------------------------webpack打包配置文件 │ ├── check-versions.js ----…

浅谈PHP面向对象编程(九)

9.0 设计模式 在编写程序时经常会遇到一此典型的问题或需要完成某种特定需求&#xff0c;设计模式就是针对这些问题和需求&#xff0c;在大量的实践中总结和理论化之后优选的代码结构编程风格&#xff0c;以及解决问题的思考方式。 设计模式就像是经典的棋谱。不同的棋局&#…

javascript --- Object.create的阅读

说明 今天阅读koa源码时,遇到Object.create,感觉对这个概念有点生疏,于是打开了MDN进行重新梳理传送门 Object.create() 直接套用官网的栗子 const person {isHuman: false,printIntroduction: function () {console.log(My name is ${this.name}. Am I human? ${this.i…

python 12306 车次数据获取

python 12306 车次数据获取 ssl._create_default_https_context ssl._create_default_https_context train_data 2018-10-20 headers {User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36,…

Annotation 注解

Annotation分为两种&#xff0c;第一种为系统内置注解&#xff0c;第二种为自定义注解。系统内置注解&#xff1a;例如Override,Dprecated自定义注解&#xff1a;定义格式为 【public】 interface Annotation名称{数据类型 变量名称();}其中数据类型和变量自定义&#xff0c;不…

node --- [node接口阅读]cluster的使用

目标 在主进程中完成以下事情: 每隔1秒钟输出,当前请求的数量创建等同于CPU数量的进程对每个进程施加一个处理函数,用于统计请求的数量 在各个CPU的进程中完成以下事情 监听8000端口的请求,并返回最简单的信息发送事件,以触发主进程中施加的事件处理函数 前置知识 process…

洛谷P4777 【模板】扩展中国剩余定理(EXCRT)

传送门 关于excrt 1 //minamoto2 #include<iostream>3 #include<cstdio>4 #define int long long5 using namespace std;6 #define getc() (p1p2&&(p2(p1buf)fread(buf,1,1<<21,stdin),p1p2)?EOF:*p1)7 char buf[1<<21],*p1buf,*p2buf;8 int …

adb shell dumpsys

获取某个包的信息: adb shell dumpsys package <PACKAGE_NAME> 包含了Activity、Service和Receiver中的Action信息。注册的Provider Permission信息&#xff0c;被授予的权限信息 查看AndroidManifest.xml&#xff1a; aapt dump xmltree xxx.apk AndroidManifest.xml a…

docker --- 梳理 Dockerfile docker-compose.yml

docker run -p 80:80 -v $PWD/www:/usr/share/nginx/html nginx 参数说明: 1.docker run nginx: 感觉镜像(images)生成本地的容器 2.-p 80:80: 容器的80端口和本地的80端口的映射 3.-v:将本地的,当前文件夹下的www文件夹映射容器路径为/usr/share/nginx/html的文件夹下 [注:]…

python接口测试框架实战与自动化进阶(三)

python接口测试框架实战与自动化进阶 一、持续集成 1、持续集成环境搭建 1&#xff09;安装Jenkins 官网下载后直接安装&#xff1a;https://jenkins.io/ 终端直接安装及启动&#xff1a;java -jar jenkins.war 2&#xff09;Jenkins用于&#xff1a; 持续、自动地构建/测试软件…

配置 --- 将本地项目部署到阿里云上

说明: 项目代码学习地址项目前端使用了nginx代理后端使用express框架使用PM2部署后端使用mongoDB进行持久化nginx、express、PM2、mongoDB等,部署在docker中.项目使用 .sh 文件进行一键式启动 本地启动项目 1.先从github上拉取代码 git clone https://github.com/Lizhhhh/L-n…