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 路由由...
Django 前后端数据交换
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 获取信息显示在浏览器中了
大功告成
本文地址:https://blog.csdn.net/nemo_DTT/article/details/107136460
推荐阅读
-
Django之使用中间件解决前后端同源策略问题
-
Python/Django后端使用PIL Image生成头像缩略图
-
让Django支持Sql Server作后端数据库的方法
-
DRF跨域后端解决之django-cors-headers的使用
-
解决django前后端分离csrf验证的问题
-
Django+Vue.js搭建前后端分离项目的示例
-
Django使用中间件解决前后端同源策略问题
-
Django+vue在腾讯云上搭建前后端分离项目
-
Django之使用中间件解决前后端同源策略问题
-
2019年6月14日 Web框架之Django_07 进阶操作(MTV与MVC、多对多表三种创建方式、前后端传输数据编码格式contentType、ajax、自定义分页器)