Django把数据发到模板上

最新推荐文章于 2023-11-28 20:40:04 发布
最新推荐文章于 2023-11-28 20:40:04 发布
阅读量736 收藏 2
点赞数
分类专栏： Django 文章标签： django python 后端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_65288775/article/details/126711344
版权

讲解如何把Django中的数据给到前端的页面，让前端页面显示数据

模板路径配置

1.在主目录下创建一个templates目录templates目录里面在新建各个以app名字命名的目录来存放各个app中模板文件.

2.在app模块中插入模板文件.

3.templates目录与主目录进行关联

在总项目的settings.py中设置templates字典的信息

在app模板中的views.py文件中给入数据（python连接，属于前端和后端的连接，可以进行数据处理）

1.输入数据

这里的函数，实例化对象，列表，字符串...都是可以当成数据传送到前端页面使用的

2.把数据给到模板，使用视图函数中的上下文协议

变量名是给模板调用数据使用的

在html中调用views.py里的数据（模板，属于前端的，把python连接里的数据进行呈现到网页里）

如果引入的变量是函数或者方法，则会直接调用；

如果引入的变量是列表，元组，可以通过下标取值,如：列表.下标

如果引入的变量是字典，可以通过键值对的方式取值，如：字典.键

通过过滤器把在前端把数据美化（不常用）

过滤器

作用：对变量进行过滤。在真正渲染出来之前，过滤器会根据功能处理好变量，然后得出结果后再替换掉原来的变量展示出来

语法：{{变量名|效果}}

例子：{{fruits|lower|capfirst}}  先把所有字符变成小写，把第一个字符转换成大写

常见的过滤器：

 

使用例子：简单的使用过滤器

再次创建了一个视图函数

添加路由

 

模板引用数据，并对数据进行处理

关于自动转义:

自动转义是将变量的一些特殊字符，比如左箭头（<）、右箭头（>）转义成html代码，这样做的目的是为了处理一些不安全的变量。

<：转义成<

>：转义成>

‘：转义成'

“：转义成"

&：转义成&

配置静态文件

作用：可以在静态文件里传入CSS，js样式。使网页显示的更加好看

创建静态文件

在static文件里创建需要的，比如放入js文件的文件夹js，放入图片的文件夹image....

设置静态文件目录路径

把html文件，js和css样式传入

加载静态文件，并把文件里的内容导入到html

在app模块写一个视图函数，并给上路由

访问模块里写了html的视图函数

蚂蚁呀嘿哦
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Django模板语法
wy_sqx的博客
05-25 103
django中模板语法的使用
django显示数据库数据，并制作模板html
m0_62836433的博客
06-18 1167
获取数据库信息【注意导入models,数据库的增删改查，传递参数前面有】先运行，浏览器能否正常打开并显示HttpResponse中的内容。运行成功进行下一步，建立html，同样先测试一下能否打开。刷新浏览器可以在浏览器上看到利用for循环得到的信息。向数据库中增加一部分数据后，将其显示再浏览器上。刷新浏览器，看是否显示h1标签中的内容。参数传递过去后替换h1标签。
django传值给模板, 再用JS接收并进行操作
Duke10的博客
09-13 5909
今天用要django传递数据给模板, 因为数据需要使用js处理，第一次这么使用。记录一下 用json.dumps()方法将值传给模板. import json return render(request,'wauth/freetime.html', {'slot_ids': json.dumps(slot_ids)}) 用JSON.parse()接收django传过来的值. va...
django模板中在js使用模板变量
weixin_52634104的博客
06-26 335
直接代入HTML.做一个观察源;它不是"变量"或类似的东西.它只是渲染文本.话虽如此,您可以将这种替换放入JavaScript中.
将django后台数组搬到js前台
qq_27361945的博客
10-12 577
// JS 代码 var chart = Highcharts.chart('container', { chart: { plotBackgroundColor: null, plotBorderWidth: null...
使用JavaScript获取Django模板指定键值数据
11-20
在Django模板中，我们通常使用模板语言来处理和展示数据。然而，当涉及到更复杂的嵌套数据结构时，标准的点操作符(`.`)可能无法满足需求。例如，如果数据是一个嵌套的字典，像`startArgsSet`所示，获取特定键如...
Django模板语法视图向模板发送数据
03-14
当一个视图被触发时，它会处理相关的业务逻辑，然后将数据打包成一个字典或其他可迭代对象，这个对象通常包含了要渲染到模板中的变量。例如： ```python from django.shortcuts import render def my_view(request...
Django_layui后台模板
10-09
【Django_layui后台模板】是一...综上所述，Django_layui后台模板是Django开发者构建后台管理系统的理想选择，结合了Django的强大功能和Layui的优秀设计，能够帮助开发者快速构建出功能强大、用户体验优秀的后台系统。
Django上使用数据可视化利器Bokeh解析
09-18
通过Python编写后端逻辑，利用Bokeh的强大功能生成交互式图表，最后将其嵌入Django模板，用户就能在浏览器中体验到丰富的数据可视化界面。这种方法简化了开发流程，降低了开发成本，特别适合需要处理大量数据并需要...
django模板中引入CSS和JS
s586的专栏
01-14 2944
因为在django中一般用来存放的模板的目录为template目录(注意：这个需要在settings.py中设置)，但是template目录是外部不能直接访问的，所以我们必须要把css文件和js文件放在外部可以直接访问的目录中，最好的办法就是自己指定一个目录，一般我们是放在static目录中，详细的方法如下。参考如下的代码，把需要引用css文件的链接修改为从“/static/css/”下面的文件。见上面的图，然后把需要用到的的css文件全部复制到css目录中，需要用到的js文件全部复制到js目录中。
Django模板标签中使用js变量
weixin_33775572的博客
10-23 2804
Django模板标签是在服务器端解析并生成html数据返回的，如何将前端的js变量应用到模板标签里呢？确实没什么好办法，只能用一个占位符，然后在JavaScript里面替换。如下所示：<script> ... varuid=$(this).attr('uid'); varurl="{%url'paas:ajx_get_viewlog_per...
JavaScript获取Django模板中指定键值的数据，使用过滤器
破竹的博客
08-09 41
Django中利用js来操作数据的常规操作一般为点(.)操作符来获取字典或列表的数据，一般如{{data.0}}，{{data.arg}} 但有时如果数据是嵌套类型的数据时，直接获取某个值就变得困难了，比如下面的格式要获取 correct中qxl的值 startArgsSet={"correct":{"qxl":0,"kkx":0},"reliable":{"qxl":0,"kkx":0},"...
Django传参给js文件
zhongzhh8的博客
07-28 2096
我写网站是遇到的问题是这样的： 首先是html前端点击超链接，通过GET方式传参到后台： <a href="/NetDataPage?disease=Dengue">网络数据</a> 在后台的urls.py中： path('NetDataPage/', learn_views.NetDataPage, name='NetDataPage'), 在views.p...
Django变量在前端js中不起作用的解决方法
ryuhfxz的博客
12-01 2282
js是具备作用范围的，由一对{}来决定。而django的内置标签和变量也都是由大括号括起来的，这样就会起冲突。 解决：将django的内置标签和变量用引号括起来 比如： 变量：var  a = "{{name}}" 静态资源：src = "{% static  path %}"...
django - 模板（templates）和 使用
单远涛
04-26 792
Django - templates（模板） 1. 简介 templates 的中文意思就是模板， 在django项目中该文件夹下是专门存放html文件的， 每一个html文件就是一个模板。模板是用来显示网页用的，在views.py文件中我们可以定义使用模板的方法。下面就来写一些干货。 2. 模板中循环、条件判断、常用标签、过滤器的使用 循环： 迭代显示列表、字典等中的内容...
第八章 django
最新发布
linjun的博客
11-28 1022
WSGI，全称为 "Web Server Gateway Interface"，是 Python Web 应用程序和Web 服务器之间的一种标准接口。它定义了 Web 服务器如何与 Python Web 应用程序进行通信的规范，使得开发者可以用相同的方式编写可在不同的 Web 服务器上运行的应用程序。WSGI 的核心思想是将 Web 服务器和应用程序分离，使得它们可以独立演进而互相之间无关。
在Django模板中使用字典
北极企鹅
10-15 5112
大家都知道，在Django的模板中不允许使用字典，只能使用类；虽然我们可以定义类来代替字典，但字典各种各样，我们总不可能每次都定义不同的类吧？因此，我们需要一个可以把字典转化成类的通用方法，让我们在顺利地在模板中使用字典。从本质上来讲，在Django的模板中使用字典的关键之处在于把字典递归转化为类。 #!/usr/bin/python #-*- coding: utf-8 -*- def
django 视图层向模板层传参
yutaixin的博客
02-13 1034
视图函数中必须将变量封装到字典中才允许传递到模板上 #views层 def test(request): dic = {} #1&2. 演示模板中显示变量的值 dic['lst'] = ['小红','小明','小兰'] #3. 模板层想要'username'的值 dic['dict'] = {'username':'yutaixin'} #4. 向模板层传对象，演示在模板...
Django 上下文管理器，为父模板添加动态数据
weixin_30627341的博客
08-29 159
1.摘要：模板继承可以减少页面内容的重复定义，实现页面内容的重用。 但是当父模板中有动态数据的话，这些动态数据在子模版中是不会显示的。我们可以通过自定义上下文处理器来解决 2.Django上下文处理器(Context Processor) 上下文处理器是接收HttpRequest为参数并返回dict形式的数据的函数。它的主要用途是将所有模板共享的公共数据添加到上下文中，从而不...
django如何把数据库数据读到前端
05-28
在Django中，可以使用视图函数将数据库中的数据传递到前端。以下是一些简单的步骤： 1. 在views.py中定义一个视图函数，该函数将从数据库中获取数据并将其传递到前端。 2. 创建一个HTML模板，该模板将用于渲染视图函数返回的数据。 3. 在视图函数中将数据传递到模板中。 例如，假设您有一个名为'Book'的模型，其中包含书籍的信息，如书名和作者。以下是一个简单的视图函数，该函数将从数据库中获取所有书籍的信息，并将其传递到模板中： ```python from django.shortcuts import render from .models import Book def book_list(request): books = Book.objects.all() return render(request, 'books/book_list.html', {'books': books}) ``` 在这个例子中，我们从数据库中获取了所有的书籍，并将它们存储在变量books中。然后，我们使用render函数将这些书籍传递到名为'book_list.html'的模板中。 接下来，我们可以在HTML模板中使用Django模板语言来渲染这些书籍。以下是一个简单的模板，它将显示每本书的书名和作者： ```html {% for book in books %} <h2>{{ book.title }}</h2> <p>Author: {{ book.author }}</p> {% endfor %} ``` 在这个模板中，我们使用一个for循环来遍历所有的书籍，并在每个循环中显示书名和作者。 最后，我们需要将这个视图函数映射到一个URL上，这样当用户访问该URL时，将会调用这个视图函数并显示书籍的信息。可以在urls.py文件中完成这一步。例如： ```python from django.urls import path from .views import book_list urlpatterns = [ path('books/', book_list, name='book_list'), ] ``` 在这个例子中，我们将'/books/' URL映射到了book_list视图函数。这意味着当用户访问'/books/'时，将会调用book_list函数并显示所有书籍的信息。 希望这个例子能够帮助您了解如何将数据库中的数据读取到前端。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值