Django把数据发到模板上

讲解如何把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中,可以使用视图函数将数据库中的数据传递到前端。以下是一些简单的步骤: 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、付费专栏及课程。

余额充值