Django实现将views.py中的数据传递到前端html页面,并展示_django框架中在哪放前端代码 - CSDN文库

118 浏览量更新于2023-03-16 评论收藏 145KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

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/，页面展示如下：

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余4页未读，立即下载

评论0

weixin_38635684

粉丝: 7
资源: 955

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈