Django模板语法,带你快速入门

目录

案例一:登录页面

 案例二:for案例 + if案例——单个字符串的传递,列表的传递,字典的传递


         模板语法其本质:本质上,Django的模板语法就是在html中,写一些占位符,由数据对这些占位符进行替换和处理

这里,做一个登陆页面,供大家更好的理解~

案例一:登录页面

后端比较简单,我们先来看后端实现:

         细心的同学会发现我把用户名和密码写死了,不符合实际啊~确实哈,所以我们这里只是举例子哈,因为还没有连接数据库~

现在来看前端实现:

效果展示;

登录成功:

 登陆失败:

 案例二:for案例 + if案例---单个字符串的传递,列表的传递,字典的传递

        该案例中,不仅包括了for和if的案例,更重要的是向大家展示了,单个字符串的传递,列表的传递,字典的传递

前端:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<><h1>模板语法的学习  list:</h1><div><h2>n1---</h2>{{ n1 }}</div><div><h2>n2---</h2>{{ n2 }}</div>n2:</br><div>{{ n2.0 }}</div><div>{{ n2.1 }}</div><div>{{ n2.2 }}</div><div><h2>for循环输出n2:</h2></br>{% for item in n2 %}<span>{{ item }}</span>{% endfor %}</div><hr/><h2>n3---</h2></br>{{ n3 }}{{ n3.name }}{{ n3.salary }}{{ n3.role }}<ul><h2>for循环输出n3:</h2></br>{% for k,v in n3.items %}<li>{{ k }} = {{ v }} </li>{% endfor %}</ul><hr/><h2>n4---</h2></br>{{ n4.1 }}{{ n4.1.name }}{{ n4.1.role }}<h2>for循环输出n4:</h2></br>{% for item in n4 %}<div>{{ item.name }} {{ item.salary }}</div>{% endfor %}<hr/><h2>if、else 、elif:</h2>
</br>{% if n1 == "lyj" %}<h1>eeeee</h1>{% else %}<h1>ddddd</h1>{% endif %}{% if n1 == "lyj" %}<h1>hhhh</h1><h1>ddddd</h1>{% elif n1 == "xxx" %}<h1>bbb</h1>{% else %}<h1>aaaa</h1>{% endif %}</body>
</html>

 后端:

def test(request):name = "lyj"roles = ["管理员", "TC", "BO"]user_info = {"name": "cyk", "salary": 100, 'role': "TC"}data_list = [{"name": "张三", "salary": 100, 'role': "TC"},{"name": "李四", "salary": 1000, 'role': "TC"},{"name": "王五", "salary": 10000, 'role': "TC"},]return render(request, 'test.html', {"n1": name, "n2": roles, 'n3': user_info, "n4": data_list})

url:

效果:

 

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

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

相关文章

Keepalived+LVS部署高可用集群

文章目录 KeepalivedLVS(DR)部署高可用Web集群集群环境MASTER配置BACKUP配置检查Virtual IP是否漂移IPVS检查MASTERBACKUP Real Server配置附上个人写的小脚本 测试停用Real Server某一台的Apache服务停用Master上的keepalived检测Backup是否接管资源 KeepalivedLVS(DR)部署高可…

二叉树的遍历

二叉树的遍历 关于二叉树的遍历方式&#xff0c;要知道二叉树遍历的基本方式都有哪些。二叉树主要有两种遍历方式&#xff1a; 深度优先遍历&#xff1a;先往深走&#xff0c;遇到叶子节点再往回走。 前序遍历&#xff08;递归法&#xff0c;迭代法&#xff09;中序遍历&#…

【LeetCode-中等题】11. 盛最多水的容器

题目 题解一:双指针法 思路&#xff1a; 题目中的示例为&#xff1a; 在初始时&#xff0c;左右指针分别指向数组的左右两端&#xff0c;它们可以容纳的水量为 min⁡(1,7)∗88 此时我们需要移动一个指针。移动哪一个呢&#xff1f;应该移动对应数字较小的那个指针&#xff0…

【机器学习 | 分类指标大全】全面解析分类评估指标:从准确率到AUC,多分类问题也不在话下, 确定不来看看?

&#x1f935;‍♂️ 个人主页: AI_magician &#x1f4e1;主页地址&#xff1a; 作者简介&#xff1a;CSDN内容合伙人&#xff0c;全栈领域优质创作者。 &#x1f468;‍&#x1f4bb;景愿&#xff1a;旨在于能和更多的热爱计算机的伙伴一起成长&#xff01;&#xff01;&…

多维时序 | MATLAB实现SCNGO-BiLSTM-Attention多变量时间序列预测

多维时序 | MATLAB实现SCNGO-BiLSTM-Attention多变量时间序列预测 目录 多维时序 | MATLAB实现SCNGO-BiLSTM-Attention多变量时间序列预测预测效果基本介绍模型描述程序设计参考资料 预测效果 基本介绍 多维时序 | MATLAB实现SCNGO-BiLSTM-Attention多变量时间序列预测。 模型描…

工作流引擎之Flowable教程(整合SpringBoot)

简介 Flowable是什么&#xff0c;下面是官方文档介绍&#xff1a; Flowable是一个使用Java编写的轻量级业务流程引擎。Flowable流程引擎可用于部署BPMN 2.0流程定义&#xff08;用于定义流程的行业XML标准&#xff09;&#xff0c; 创建这些流程定义的流程实例&#xff0c;进行…

最优化方法Python计算:牛顿算法

设函数 f ( x ) f(\boldsymbol{x}) f(x)&#xff0c; x ∈ R n \boldsymbol{x}\in\text{ℝ}^n x∈Rn二阶连续可微&#xff0c;记 g ( x ) ∇ f ( x ) \boldsymbol{g}(\boldsymbol{x})\nabla f(\boldsymbol{x}) g(x)∇f(x)&#xff0c; H ( x ) ∇ 2 f ( x ) \boldsymbol{H}(\…

Java后端开发面试题——框架篇

Spring框架中的bean是单例的吗&#xff1f;Spring框架中的单例bean是线程安全的吗&#xff1f; singleton : bean在每个Spring IOC容器中只有一个实例。 prototype&#xff1a;一个bean的定义可以有多个实例。 Spring bean并没有可变的状态(比如Service类和DAO类)&#xff0c…

模板函数实现交换_折半查找_友元函数_运算符重载

模板的本质 模板函数实现交换 #include <stdio.h>template<class T> void myswap(T &l, T &r) {T tmp;tmp = r;r = l;l =<

时序预测 | MATLAB实现SA-ELM模拟退火算法优化极限学习机时间序列预测

时序预测 | MATLAB实现SA-ELM模拟退火算法优化极限学习机时间序列预测 目录 时序预测 | MATLAB实现SA-ELM模拟退火算法优化极限学习机时间序列预测预测效果基本介绍程序设计参考资料 预测效果 基本介绍 MATLAB实现SA-ELM模拟退火算法优化极限学习机时间序列预测 程序设计 完整…

(成功踩坑)electron-builder打包过程中报错

目录 注意&#xff1a;文中的解决方法2&#xff0c;一定全部看完&#xff0c;再进行操作&#xff0c;有坑 背景 报错1&#xff1a; 报错2&#xff1a; 1.原因&#xff1a;网络连接失败 2.解决方法1&#xff1a; 3.解决方法2&#xff1a; 3.1查看缺少什么资源文件 3.2去淘…

css学习4(背景)

1、CSS中&#xff0c;颜色值通常以以下方式定义: 十六进制 - 如&#xff1a;"#ff0000"RGB - 如&#xff1a;"rgb(255,0,0)"颜色名称 - 如&#xff1a;"red" 2、background-image 属性描述了元素的背景图像. 默认情况下&#xff0c;背景图像进…

2023 - java - 强制类型转换和装箱

强制类型转换和装箱&#xff1a; 在 Java 中&#xff0c;(Integer) 和(int) 是两个不同的类型转换操作符&#xff0c;它们的效果是不一样的。 int a (Integer) t.getContent(); 这条语句使用了装箱&#xff08;Boxing&#xff09;操作&#xff0c;将一个整数对象&#xff08;…

视频上传,限制时长,获取视频时长

使用element的upload上传文件时&#xff0c;除了类型和大小&#xff0c;需求需要限制只能长传18秒内的视频&#xff0c;这里通过upload的before-upload&#xff0c;以及创建一个音频元素对象拿到durtaion时长属性来实现。 getVideoTime(file) {return new Promise(async (resol…

JVM的元空间了解吗?

笔者近期在面试的时候被问到了这个问题&#xff0c;元空间也是Java8当时的一大重大革新&#xff0c;之前暑期实习求职的时候有专门看过&#xff0c;但是近期秋招的时候JVM相关的内容确实有点生疏了&#xff0c;故在此进行回顾。 结构 首先&#xff0c;我们应了解JVM的堆结构&a…

Dockerfile制作Web应用系统nginx镜像

目录 1.所需实现的具体内容 2.编写Dockerfile Dockerfile文件内容&#xff1a; 默认网页内容&#xff1a; 3.构建镜像 4.现在我们运行一个容器&#xff0c;查看我们的网页是否可访问 5.现在再将我们的镜像打包并上传到镜像仓库 1.所需实现的具体内容 基于centos基础镜像…

sql in mac学习记录

鉴于有一段时间没有访问mysql了&#xff0c;最近打算在mac 系统上下载mysql 练习一下sql的使用&#xff0c;于是 First, the mysql download https://dev.mysql.com/downloads/mysql/ Second, Mysql install steps Install the software by normally install one software …

opencv常用API记录(C++版)

文章目录 1. cv::Mat(cv::Rect) 是什么含义2. cv::Mat初始化 cv::Mat(1, 32, CV_32F,XXX)什么意思3. 如何使用opencv的多线程接口来跑多张图的resize 1. cv::Mat(cv::Rect) 是什么含义 cv::Mat(cv::Rect) 是一种使用矩形区域来构造新的 cv::Mat 对象的方式&#xff0c;其中 cv…

刷算法常见注意点

num 正无穷&#xff1a;Infinity 金额格式化&#xff1a;利用字符串提供的toLocaleString()方法处理。有时候不生效&#xff0c;比如app 数字容错&#xff1a;if(!Number.isFinite(num)){ //不是数字} js数组 头部添加unshift 、尾部增加push、首部删除shift、尾部删除pop…

时序预测 | MATLAB实现ELM极限学习机时间序列预测(多指标、相关图)

时序预测 | MATLAB实现ELM极限学习机时间序列预测(多指标、相关图) 目录 时序预测 | MATLAB实现ELM极限学习机时间序列预测(多指标、相关图)效果一览基本介绍程序设计学习总结参考资料效果一览 基本介绍 时序预测 | MATLAB实现ELM极