Django把数据发到模板上

最新推荐文章于 2023-06-26 14:32:15 发布
最新推荐文章于 2023-06-26 14:32:15 发布
阅读量739 收藏 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 model数据排序
weixin_30955341的博客
07-05 3735
方法一：order_by函数 Track.objects.all().order_by('-id') 其中，'id'表示升序； '-id'表示降序。升序时可以不写，是默认。 Track.objects.order_by('-id') .all()可以省略。 默认查询所有。 可以结合filter等函数一起使用 。 Track.objects.all().o...
Django 模板与表单
tongzhuo1220的博客
10-31 458
加载python shell • 使用如下命令来调用Python shell： (django_env) [root@localhost mysite]# python manage.py shell • 使用上述命令而不是简单地键入“python”进入python环境 • 因为manage.py 设置了 DJANGO_SETTINGS_MODULE 环境变量，该环境变量告诉Django...
Django模板变量如何传递给外部js调用的方法小结
12-30
前言 因为工作的需要，最近一直在思考如何更好的组织Django中的静态资源，比如JS、CSS一类，如何结合前端构建工具写出更好的代码以及结构呢？下面这篇文章就给大家详细介绍了实现的方法，话不多说，来一起看看详细的介绍： 方法如下： 首先需要解决的一个问题就是某些时候需要把JS代码写在模板里来获取后台传递过来的变量，比如： <div> <h1>Test</h1> <div id=my-test></div> </div> [removed] $(function(){ $('#my-test').html({{ some_var_from_view }}) }); </script
Django模板语法
wy_sqx的博客
05-25 104
django中模板语法的使用
Django学习之Django模版
weixin_43297727的博客
02-23 344
模板重点Django使用自带模板1 配置2 定义模板3 模板渲染4 模板语法4.1 模板变量4.2 模板语句1）for循环：2）if条件：4.3 注释过滤器模板继承Django使用jinja2模板jinja2介绍安装CSRF 重点 自带模板 基本使用 流程控制 过滤器 继承 Jinja2模板 配置 CSRF 原理 如何防范 Django使用自带模板 1 配置 在工程中创建模板目录templates。 在settings.py配置文件中修改TEMPLATES配置项的DIRS
使用Django向网页的页面js中传递一个数组的方法
watermelonbig的专栏
12-30 6666
在view.py中定义的响应函数 def app_config_edit(request): # 该函数功能是为页面提供编辑一个应用所使用的若干个配置文件信息的功能支持 app_id = request.GET.get('id', '') app = get_object(App, id=app_id) # app.config_files是一个many to m
django显示数据库数据，并制作模板html
m0_62836433的博客
06-18 1170
获取数据库信息【注意导入models,数据库的增删改查，传递参数前面有】先运行，浏览器能否正常打开并显示HttpResponse中的内容。运行成功进行下一步，建立html，同样先测试一下能否打开。刷新浏览器可以在浏览器上看到利用for循环得到的信息。向数据库中增加一部分数据后，将其显示再浏览器上。刷新浏览器，看是否显示h1标签中的内容。参数传递过去后替换h1标签。
使用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框架中视图层与模板层之间的交互
MarconiYe的博客
01-31 346
在视图函数中,可以将变量封装在字典中并且传递给模板层: from shortcuts import render return render(request, '模板文件名'(不需要具体路径),dict) 如果函数中需要封装进字典的变量有许多,则可以利用locals()函数直接返回函数中的所有局部变量的字典,如: a = 1 b = 2 c = locals() # c = {'a':1,'b':2} 而视图层将数据以字典方式传入模板层后,相对应的,模板层可以通过{{ key }}来直接返回对应的val
JavaScript获取Django模板中指定键值的数据，使用过滤器
破竹的博客
08-09 42
Django中利用js来操作数据的常规操作一般为点(.)操作符来获取字典或列表的数据，一般如{{data.0}}，{{data.arg}} 但有时如果数据是嵌套类型的数据时，直接获取某个值就变得困难了，比如下面的格式要获取 correct中qxl的值 startArgsSet={"correct":{"qxl":0,"kkx":0},"reliable":{"qxl":0,"kkx":0},"...
django前端引用数据_Django模板变量如何传递给外部js调用的方法小结
weixin_39612817的博客
01-26 703
前言因为工作的需要，最近一直在思考如何更好的组织Django中的静态资源，比如JS、CSS一类，如何结合前端构建工具写出更好的代码以及结构呢？下面这篇文章就给大家详细介绍了实现的方法，话不多说，来一起看看详细的介绍：方法如下：首先需要解决的一个问题就是某些时候需要把JS代码写在模板里来获取后台传递过来的变量，比如：Test$(function(){$('#my-test').html("{{ so...
python的django框架前后台数据交互（包括传递数据到js）
Teacher_du的博客
04-17 8256
之后会写一下怎么搭建django框架以及怎么使用 在序列化的时候 用菜鸟教程的json.dumps(list) 会报错 显示没有序列化 这里用"data2": serializers.serialize(‘json’, list2) 在models.py views.py 前端直接通过遍历data使用 在前台的js里面拿到该数据 ...
Django 模板语法-传值、取值
weixin_43988680的博客
06-24 1005
django模板语法中对于值的操作方法
django 模板 渲染js中数据
阿良
07-30 3174
当你使用pycharm作为蟒蛇的开发工具的时候，如果你使用的是django的模板语言，并将一个数组传递到前端js中就像这样： var list2 = {{ list1 }}; 这种情况下，pycharm会报错 ，所以你可能会加上一对引号在外面，防止报红，就像这样： var list2 = '{{ list1 }}'; 但这样你会发现，在循环打印这个数组的时候，就会变成一个字符串，所...
将django后台数组搬到js前台
qq_27361945的博客
10-12 579
// JS 代码 var chart = Highcharts.chart('container', { chart: { plotBackgroundColor: null, plotBorderWidth: null...
django模板中在js使用模板变量
最新发布
weixin_52634104的博客
06-26 337
直接代入HTML.做一个观察源;它不是"变量"或类似的东西.它只是渲染文本.话虽如此,您可以将这种替换放入JavaScript中.
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、付费专栏及课程。

余额充值