Django自学之 将views.py中的数据传递到前端html页面,并展示

自学Django已经有一周啦,想把自己自学过程中的每一步都记录下来,给一些零基自学Django的战友们一些参考;本次主要内容为,用一个实例展现views.py中的数据是如何传递到html页面,并在页面中展示。我的项目已经创建好,我的app为song03apptest。因为我的项目和环境的相关配置已经配置好,如果是第一天开始学习Django的童鞋,请先看我的入门教程,第一个Django实例。本文重点在于用实例来说明views和html前台页面的传递。

1.打开我的app,song03apptest下的views.py编写views.py文件,代码如下:

from django.shortcuts import render

# Create your views here.
def year(request):
    years = range(1997, 2018)
    return render(request, 'year_test.html', {"data":years})

2.配置urls.py,其中song03apptest为我的app名称代码如下:

from django.urls import path
from song03apptest import  views

urlpatterns = [
    path('testyear/', views.year),
]

3.在templates下创建year_test.html,编写页面,内容如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<label for="byear">出生年月</label>
<select name="byear">
    {% for year111 in data %}
    <option value="{{ year111}}">{{ year111 }}</option>
    {% endfor %}
</select>


</body>
</html>

4.运行服务器,并在浏览器中输入http://127.0.0.1:8000/app03/testyear/,页面展示如下:

点击后可见在views.py中使用years = range(1997, 2018)生成的列表,页面效果如下:

猜你喜欢

转载自blog.csdn.net/songlh1234/article/details/81185036