用户登录
用户注册

分享至

Django 前后端数据交换

  • 作者: 屌不屌_屌
  • 来源: 51数据库
  • 2021-07-08

Django 前后端数据交换

  • 1.form表单提交前端数据
    • urls.py 路由
      • 跟路由
      • APP路由
  • ==后台获取前端数据的相关代码==
    • views.py 视图 ==后端代码==
    • HTML form表单 ==前端代码==
  • ==**以下是运行结果**==
  • 2.form表单获取后台数据
    • views.py 视图 ==后端代码==
    • HTML form 表单 ==前端代码==
  • ==**以下是运行结果**==
  • ==**从后台的 msg.txt 获取信息显示在浏览器中了**==
    • 大功告成

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:
...

以下是运行结果


确认提交后在项目根文件夹多了一个文件用于保存提交的信息

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}}变量

以下是运行结果

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

大功告成

软件
前端设计
程序设计
Java相关