Django 模板语言从后端传到前端

最新推荐文章于 2023-08-01 14:43:43 发布
最新推荐文章于 2023-08-01 14:43:43 发布
阅读量378 收藏 1
点赞数
文章标签： 前端 后端 python ViewUI
原文链接：http://www.cnblogs.com/laoguiaabb/p/8126122.html
版权

如果我们在后端有数据动态提取到前端的时候 就需要模板语言加以渲染后再将渲染好的HTML文件传入前端

 

我们的views.py里的index函数里有个s变量是个列表,将数据以大括号的形式传入{"list":s} 把s传入list.

html的要加入的地方是用2个大括号引入的   <h1>{{ list.1 }}</h1> 用的是句点符获取列表第二个参数 和python的语法取得列表不同(list[1])

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

 

如果我们把s注释掉,用s1 字典来传

如果用字典传的话,前端的{{ }} 里引入的就是dict.name 用句点符加键名

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

如果我们可能用的变量会很多,那么就不需要直接传参数.用locals() 就可以指代所有的变量. 在前端网页里也是用句点符导出变量(列表用索引,字典用键)

 

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

 

 如果前端是for循环也是可以的

 

注意for在模板里和变量不同,语句是用{% 语句 %},和变量的{{ 变量 }}不同, for语言的结尾还必须用{% endfor %}来包裹语句块

 

转载于:https://www.cnblogs.com/laoguiaabb/p/8126122.html

黄小二哥
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
6、Django将后端数据传递回前端界面形成好看页面（bootstrap）
lindafang72的博客
05-08 1086
1、将后端数据传递回前端界面(常用格式列表字典) views.py中Render中参数context传递动态数据 rooms=[ {'name':'python web 技术'},{'name':'测试技术'}, {'name':'人工智能'}] def hello(request): context={'rooms':rooms} return render(request,'h...
Django之前后端交互篇目录
Burgess_zheng的博客
01-20 2291
Django之前后端交互篇目录 Django初识之生命周期【一】点击跳转 Django之创建项目【二】点击跳转 Django之URL路由系统（关系映射，name值，路由分发，默认值，命名空间namespace）【交互篇一】 点击跳转     实战Django的URL路由映射关系 点击跳转     实战Django的URL的name值 点击跳转     实战Django的URL路由分发 ...
Django 前后台数据传递方法
热门推荐
fanzirong_的博客
04-18 2万+
所熟悉的Django前后台数据传递的方法有以下几种：1、后台往前台传数据最简单的返回一个页面，view代码如下：def Home(request): return render(request,"flow/home.html",locals()) 如果要带上一些数据返回到前台：view代码：def domain_list(request): data = [1,2,3,4,5,6]...
Django传递数据给前端的几种方式
最新发布
weixin_65784341的博客
08-01 2837
Django的上下文处理器允许在每个模板中自动包含特定的数据。可以在Django的配置文件（settings.py）中定义一个上下文处理器，并将其添加到TEMPLATES的。Django的模板引擎允许在后端代码中将数据传递给前端模板，并在模板中进行渲染。在视图函数中，可以使用。如果需要将数据以JSON格式传递给前端，可以在视图函数中使用。这样前端可以通过AJAX、axios等方式接收JSON数据。这样在每个模板中就可以直接使用该数据。函数来将数据传递给模板并渲染页面。然后在模板中就可以直接使用。
知识图谱可视化之cytoscape.js构建知识图谱（django框架将数据由后台传到前台进行图谱构建）
带鱼工作室的博客
04-05 9576
1、cytoscape.js是什么 cytoscape.js是常用的构建知识图谱的工具，是一个网络图的可视化工具。通常有两种使用方式： 第一种是桌面版的Cytoscape Desktop，集成好的app供我们使用。 第二种是前端js库，通过在前端代码中引用cytoscape.js进行使用，通常cytoscape.js需要结合jquery.js进行使用。 在此使用cytoscape.js进行...
python3 django整理(七) Django 从后台往前台传递数据时有多种方法可以实现。
IT届的小学生
04-18 4688
Django 从后台往前台传递数据时有多种方法可以实现。 基础形式： from django.shortcuts import render def main_page(request): return render(request, 'index.html') views传递给 HTML 使用数据 views传递给 HTML 使用数据data. views中代码...
Django的前后端联调
soildog的博客
06-21 1087
前后端联调
django将数组传递给前台模板的方法
09-18
在Django框架中，开发Web应用时经常需要将后端处理的数据传递到前端模板进行展示。本篇文章将详细讲解如何将数组（列表）传递给Django的HTML模板，并通过一个具体的示例来演示这一过程。 首先，我们需要在视图函数...
Django实现将views.py中的数据传递到前端html页面,并展示
09-17
在templates目录下创建一个名为`year_test.html`的HTML模板文件，我们可以使用Django模板语言（DTL）来遍历并显示传递过来的数据。在本例中，我们创建了一个选择框，它的选项由`data`变量提供。 ```html <!DOCTYPE ...
Python库 | django-rgallery-0.0.2.tar.gz
03-02
`django-rgallery-0.0.2.tar.gz` 是一个针对Python编程语言的压缩包文件，它包含了一个名为 `django-rgallery` 的开源库，版本为0.0.2。这个库是为Django框架设计的，Django是一个流行的、高级的Web开发框架，用...
Django实现将一个字典传到前端显示出来
09-17
主要介绍了Django实现将一个字典传到前端显示出来，具有很好的参考价值，希望
Ajax请求django返回json数据到前端
04-22
Ajax请求接口，Django框架下从该接口接收Ajax发送的json数据，同时将新的json数据返回给Ajax，Ajax收到后在js进行处理，然后和页面内容交互。整个数据前后端交互全部采用json格式。代码高度封装，只需要更改json内容即可直接嵌套到任何需求中。更多细节请访问：https://blog.csdn.net/Ximerr/article/details/89449148
浅谈Django前端后端值传递问题
09-16
主要介绍了浅谈Django前端后端值传递问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
通用的前台后台模板，各个语言都适用！
06-25
我收集了一些很不错的模板，里面包括了1个前台模板，后台模板有6个，都是很不错的。 里面有个很好的通用模板。这个通用模板非常适合做后台管理，我已经用过了，很不错，画面设计很不错，可以动态添加菜单栏，导航栏可以通过配置动态添加删除。免去了你设计界面的麻烦，特别适合做小项目用。不下可惜啊……
Python库 | django-wysiwyg-redactor-ng-1.0.0.tar.gz
03-03
3. **配置项目**：在你的Django项目的`settings.py`中，添加`django_wysiwyg_redactor_ng`到`INSTALLED_APPS`列表，并配置相关设置，如上传路径、语言等。 4. **静态文件**：确保在你的HTML模板中正确引用了...
梅科尔工作室-django web应用（四）（后端数据库数据展示到前端）
qq_59744114的博客
07-23 1380
1）pycharm（用来写后端Django）（2）DevEcostudio（用来写前端）（3）mysqlmsi（用来直观的查看数据库，其他修改数据库方式也行）
Django 中数据在前后端传递的方式：表单、JSON、ajax
weixin_44144510的博客
12-17 1万+
最近用Django写项目的时候用到了数据的传递，一窍不通，查了点资料。记录一下。水平不高，瓜不保熟。
Django学习之旅（四）数据在数据库和前端之间传递
weixin_37881839的博客
05-01 1601
网页项目的核心工作就是在后端从数据库查找数据，然后传递到网页前端进行展示。上一节我们打通了项目与网页模板的数据通路，本节将从数据库查询数据到传递到前端进行展示。 视图函数 首先是blog/views中，对index处理函数进行改写（参考追梦人物老师博客） def index(request): post_list = Post.objects.all().order_by('-created_time') return render(request,'blog/index.htm.
django将后端生成图片显示到前端
05-19
要将后端生成的图片显示到前端，可以使用Django的视图函数和模板引擎来实现。 首先，在Django的视图函数中，需要使用Pillow库来生成图片，然后将图片保存到Django项目中的media文件夹中。例如： ```python from django.shortcuts import render from PIL import Image def generate_image(request): # 生成图片 image = Image.new('RGB', (200, 200), (255, 255, 255)) image.save('media/generated_image.png') # 将图片路径传递给模板 context = {'image_path': 'generated_image.png'} return render(request, 'image.html', context) ``` 接着，在模板中，可以使用Django的模板引擎来显示图片。例如： ```html <img src="{% url 'media' image_path %}" alt="Generated Image"> ``` 这里假设在Django项目的urls.py文件中已经配置了media文件夹的URL映射，可以通过{% url 'media' image_path %}来获取生成的图片的URL。 需要注意的是，在Django项目的settings.py文件中，需要配置MEDIA_ROOT和MEDIA_URL，以便Django能够正确地处理media文件夹中的文件。例如： ```python MEDIA_ROOT = os.path.join(BASE_DIR, 'media') MEDIA_URL = '/media/' ``` 这样，就可以将后端生成的图片显示到前端了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值