Djangoday3template
template第一个demo
- template存在app/templates目录下
- 新建templates文件夹
- 在文件夹下建html文件
在view下新建视图 render函数来对html进行渲染
*render是将视图渲染
项目的setting内添加app的名字
从后台传递数据到前端
- views内定义新视图
- 定义一个string
- 将string传递给前端
在html页面内 {{传递变量名}} 显示变量
urls下制定url
前端效果
从后台传递list前端for循环显示内容
- views
def list(request):
testList = ["HTML", "CSS", "jQuery", "Python", "Django"]
return render(request,'list.html',{'list':testList})- temlates
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>后台拿list数据前台for循环</title>
</head>
<body>
{% for i in list %}
{{ i }}
{% endfor %}
</body>
</html>- urls
path('list/',learn_views.list),- 前端效果
后台传输dict到前端
- views
def dict(request):
dict = {'key1': 'v1', 'key2': 'v2'}
return render(request,'dict.html',{'dict':dict})- templates
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>dict内容展示</title>
</head>
<body>
key1{{ dict.key1 }}<br/>
key2{{ dict.key2 }}<br/>
*****************<br/>
循环遍历<br/>
{% for key,value in dict.items %}
{{ key }}：<br/>
{{ value }}
{% endfor %}
</body>
</html>- urls
path('dict/',learn_views.dict),- 前端效果
Djangoday3template的更多相关文章
随机推荐
- 前端技术之：如何在vuex状态管理action异步调用结束后执行UI中的方法
一.问题的起源 最近在做vue.js项目时,遇到了vuex状态管理action与vue.js方法互相通信.互操作的问题.场景如下图所示: 二.第一种解决方法 例如,我们在页面初始化的时候,需要从服务端 ...
- Linux wget 批量下载
需求:已知50个pdf的URL地址,需要批量下载,该怎么办呢? 方案一:使用wget自带的一个功能 -i 选项 从指定文件中读取下载地址,这样的好处是一直是这一个wget进程下载所有pdf,不会来回 ...
- firefox浏览器播放音频
之前做的系统,在firefox浏览器下有更好的使用体验.因此要求客户统一使用firefox浏览器,前段时间客户要求在系统中加入音频效果. 在网上查了下,主要用到的标签有<bgsound>, ...
- 文件I/O——文件打开函数（open/openat）
一.open函数 1.函数原型:int open(const char *path,int oflag,.../* mode_t mode */); 2.头文件:#include <fcntl. ...
- 正睿OI集训游记
什么嘛....就是去被虐的... 反正就是难受就是了.各种神仙知识点,神仙题目,各式各样的仙人掌..... 但是还是学会了不少东西...... 应该是OI生涯最后一次集训了吧.... 这次的感言还是好 ...
- 一、EditPlus 的安装 - Java软件的安装
EditPlus:该软件的功能类似于windows的文本编辑器,可处理文本.HTML和程序语言的Windows编辑器. 1.安装包的下载:http://pan.baidu.com/s/1qW1akZq ...
- python中实例方法,类方法,静态方法简单理解
按照字面名称来理解的话: 实例方法就是实例化对象的方法,绑定在实例对象上 类方法就是类自己的方法,不需要实例化对象,类自己就是对象,直接绑定在类上 静态方法就是普通的函数,函数作为对象,不过是封装在类 ...
- php imagick蒙版做法
php imagick蒙版做法<pre> $image = new \Imagick(); $image->readImage(__DIR__ . '/mengban.png'); ...
- jquery layui的巨坑
jquery layui的巨坑 layui 模块不能写在ajax里 因为 layui只能执行一次 第二次会没效果 再执行需要刷新页面再执行
- 使用Rider中搭建specflow+xunit+selenium对web页面进行自动化功能测试环境
运行rider,创建测试解决方案,选择xunit,点击create创建 导入包,由于本人使用chrome浏览器(需先下载好对应的浏览器驱动),所以导入了selenium.webdriver.c ...