模板渲染

##views.py

--列表
user_list = [
{'username': 'jhon', 'age':'20', 'gender':'男'},
{'username': 'jhon', 'age': '20', 'gender': '男'},
{'username': 'jhon', 'age': '20', 'gender': '男'},
]

def home(request):
if request.method == "post":
u = request.POST.get('username')
a = request.POST.get('age')
g = request.POST.get('gender')
temp = {'username': u, 'age': a, 'gender': g}
#print(temp)
user_list.append(temp)
return render(request, 'home.html', {'user_list': user_list})

##对应的html文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Home</title>
</head>
<body>
<div style="height: 48px;background-color: #dddddd"></div>
<div>
<form action="/home" method="post">
<input type="text" name="username" placeholder="姓名"/>
<input type="text" name="age" placeholder="年龄"/>
<input type="text" name="gender" placeholder="性别"/>
<input type="submit" value="添加"/>
</form>
</div>
<div>
<table>
{% for row in user_list %}
<tr>
<td>{{ row.username}}</td>
<td>{{ row.age }}</td>
<td>{{ row.gender}}</td>
</tr>
{% endfor %}
</table>
</div>
</body>
</html>


--字典
user_dict = {
'1': {'name': 'root1', 'email': 'root1@139.com'},
'2': {'name': 'root2', 'email': 'root2@139.com'},
'3': {'name': 'root3', 'email': 'roo3@139.com'},
'4': {'name': 'root4', 'email': 'root4@139.com'},

}
def index(request):
return render(request, 'index.html', {'user_dict':user_dict})

##对应的html文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--
{{ user_dict }}
<ul>
{% for k in user_dict.keys %}
<li>{{ k }}</li>
{% endfor %}
</ul>
<ul>
{% for val in user_dict.values %}
<li>{{ val }}</li>
{% endfor %}
</ul>
<ul>
{% for k,row in user_dict.items %}
<li>{{ k }}-{{ row }}</li>
{% endfor %}
</ul>
<ul>
{% for k,row in user_dict.items %}
<li><a target="_blank" href="/detail/?nid={{ k }}">{{ row.name }}</a></li>
{% endfor %}
</ul>
-->
<ul>
{% for k,row in user_dict.items %}
<li><a target="_blank" href="/detail-{{ k }}.html">{{ row.name }}</a></li>
{% endfor %}
</ul>


</body>
</html>





posted @ 2017-12-23 22:51  未末、、  阅读(92)  评论(0编辑  收藏  举报