欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Django 前后端数据交换

程序员文章站 2022-06-26 08:38:03
Django 前后端数据接口1.form表单提交前端数据urls.py 路由跟路由APP路由==后台获取前端数据的相关代码==views.py 视图 ==后端代码==HTML form表单 ==前端代码====**以下是运行结果**==2.form表单获取后台数据views.py 视图 ==后端代码==HTML form 表单 ==前端代码====**以下是运行结果**====**这就从后台的 msg.txt 获取信息并显示在浏览器上了**==大功告成1.form表单提交前端数据urls.py 路由由...

1.form表单提交前端数据

urls.py 路由

由下面的两个路由我们可以知道最终网页的url是 localhost\web\hello,这个url关系到后面表单提交 action 的位置

跟路由

from django.urls import path,include
urlpatterns = [
    path('web/',include("web.urls")),
]

APP路由

from django.urls import path
from . import views
urlpatterns=[
    path('hello/',views.hello)]

后台获取前端数据的相关代码

views.py 视图 后端代码

writeTo是我自己写的函数。将获取的文本数据写入了名为msg.txt的文件中。

from django.shortcuts import render,HttpResponse
def hello(request):
    if request.method == "POST":
        postInfo=request.POST.get("msgsend")
        writeTo("msg.txt",postInfo)
    return render(request,'hello.html')

HTML form表单 前端代码

hello.html from表单

<form action="/web/hello/" method="post">
    {% csrf_token %}
    <label>提交的信息</label> <input type="text" name="msgsend"/>
    <br/>
    <input type="submit" value="确认提交">
</form>

下面这段 Django模板语言 必须要有

{% csrf_token %}

否则会报错

Forbidden (403)
CSRF verification failed. Request aborted.
Help
Reason given for failure:
    CSRF token missing or incorrect.   
In general, this can occur when there is a genuine Cross Site Request Forgery, 
or when Django's CSRF mechanism has not been used correctly. For POST forms, 
you need to ensure:
...

以下是运行结果

Django 前后端数据交换
确认提交后在项目根文件夹多了一个文件用于保存提交的信息
Django 前后端数据交换

2.form表单获取后台数据

views.py 视图 后端代码

def hello(request):
    dir={}
    if request.method == "POST":
        postInfo=request.POST.get("msgsend")
        writeTo("msg.txt",postInfo)
    if request.method == "GET":
        with open("msg.txt","r") as file:
            msg=file.readlines()
        dir["msg"]=msg
    return render(request,'hello.html',dir)

HTML form 表单 前端代码

<form action="/web/hello/" method="get" >
    <label>获取的信息</label>
    <br/>
    <h3>{{ msg }}</h3>
    <br/>
    <input type="submit" value="确认获取">
</form>

Django模板语言:
用大括号括起来的是一个变量 {{ msg }}
return render(request,‘hello.html’,dir)
将dir 字典信息传到HTML文件 渲染网页 展示在浏览器中。
字典的键 dir[“msg”] 就对应到form 表单中的 {{ msg}}变量

以下是运行结果

Django 前后端数据交换

从后台的 msg.txt 获取信息显示在浏览器中了

Django 前后端数据交换

大功告成

Django 前后端数据交换

本文地址:https://blog.csdn.net/nemo_DTT/article/details/107136460