美文网首页
Django中前后端之间的数据传送

Django中前后端之间的数据传送

作者: Hardy_ | 来源:发表于2018-10-06 23:23 被阅读0次

    使用Django作为网页后端框架的一大好处就是可以直接在Django程序中运行python代码,使一些功能的实现变得很方便,比如在网页的执行过程中涉及到网络数据的采集,这时使用python是一个很好的选择。我们可以直接把一些函数写在views.py中,在运行Django时直接调用这些函数。或者将函数单独放在一个python文件中,然后在views.py中导入外部库。
    那么,如何完成数据从后端到前端的传送呢?Django提供了一种很简洁的方式用于数据传送。

    Django 模板

    Django模板就是templates目录下存放的html文件,之所以称为模板是因为这些html是分离了展现形式与内容的,内容会在Django程序运行时添加到html中进行展示。

    1.模板语言

    在模板中,除了常规的html语言,我们还可以写入python的语法以及加入变量,在模板中,变量以{{ var }}表示,它可以嵌在几乎任何地方,比如标签之间:<span>{{ var }}</sapn>,或者作为某个标签的属性:<a href={{ link }}></a>,<img src={{ image }}/>
    模板中也支持加入python的语句,语句需写在{%%}之间,常用的有{% for i in item %} ... {% endfor %},{% if condition1 %}... {% endif %},其中item和condition1都是可用的变量。比如下面这个sign up的例子:

    sign up
    2.变量值从后端传递到模板

    运行Django程序时,在模板中的变量都会转换为具体的数据然后展示在浏览器上,要使运行时变量的值从后端传递到模板,只需要在相应的视图函数中写如下语句:
    return render(request,'test.html',context)
    比如,'test.html'对应views.py中的函数是'test(request)',那么就在test函数的结尾处写以上语句,就可以传递数据到'test.html',其中context是一个字典,其形式为:
    {"html中的变量名var":想要传递给var的变量值}
    这样一来,当浏览器发出一个url请求时,Django首先找到url对应的视图函数,然后运行该函数,函数的最后return语句指定了将要在浏览器中显示的html页面,render的第三个参数context指定了模板中的变量的数值。返回到模板的数据可以是字符串,列表,字典等,对应上文举的sign up的具体例子为:

    test函数

    Django中的request请求

    有时,后端也需要获得并处理从浏览器端发送的数据,比如通过GET或者POST方法提交的表单数据,这时,通过request.method == 'POST'或者request.method == 'GET'来判断请求的类型。通过request.GET.get("name")或者request.POST.get("name")来获取表单数据。比如有如下表单(Django提交的POST表单中要加上{% csrf_token %}):

    登录表单
    则在对应的视图函数中可以通过request.POST.get("username")request.POST.get("password")来获取用户名和密码

    Django中通过url传递数据

    Django可以通过对url的匹配进行数据的传递,类似于GET方法。想要获取某个url中包含的数据,首先要在urls.py中的url中写出想要匹配的变量,如:

    urls.py
    这样,当用户点击了形如"/item/..."的url时,后端对应的show_item函数便可以获得item/后面的值,并且该值在变量api中,比如:
    views.py
    在匹配时,<path:name>表示匹配所有字符,其他常用的匹配方式还有:<int:name>匹配0和正整数,<str:name>匹配除'/'以外的字符串;除此之外,还支持正则表达式匹配

    以上就是常用的Django中前后端之间传递数据的方式,使用这些方式可以解决一些基本的数据传递需求。除了这些方式之外,还有Ajax等方式,本文未作介绍

    相关文章

      网友评论

          本文标题:Django中前后端之间的数据传送

          本文链接:https://www.haomeiwen.com/subject/msxkaftx.html