django控件及传参运用详解-百分百源码网

django控件及传参运用详解

发布时间：09/01 来源：未知浏览：关键词：

这次给大家带来django控件及传参使用详解，django控件及传参使用的留意事项是什么，下面就是实战案例，一起来看一下。

本文对djangoHTML的表单控件中的单选及多选停止介绍，并说明怎样停止参数传递。

1.HTML中的表单控件：

在HTML中表单的书写一样为：

<form method="post" action=""> 这个method代表办法，办法一样有两个一个是'post'，一个是'get'，action是提交表单到何处，可填写一个网址。不填则默许到本页面。
{%csrf_token%} 这个是django中的一个标签，用于防止歹意攻击使用，假如不参加这个标签，会碰到不克不及提交的问题，处置费事一点，倡议加上。
<input name="select" type="radio" value='radio'>这就是一个单选标签，多选为type='checkbox'。 value是显示的内容，并且后端提交后也将此作为值，其中name是后端
猎取时所用的如后端使用 select = request.POST['select']猎取这个单选按钮的value，别的也可以用select = request.POST.get('select',None)来猎取。
<input name="submit" type="submit" value="提交" />这就是一个提控件，其中的type='submit'会包管点击后表单（<form></form>）中的内容被提交到后端。
<input name="text" type="text" value="" />一个输入框
</form>
<!-表单完毕>

前段在HTML中总的结构是

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Title</title>
</head>
<body>
<form method="post" action=""> 
{%csrf_token%}
<input name="select" type="radio" value='radio'>
<input name="text" type="text" value="" />
<input name="submit" type="submit" value="提交" />
</form>
</body>
</html>

那么前段HTML就是这样。

2.django的view.py中接受数据：

后端可以在view中书写一个def用于接受前端传入的数据：

如：

def receive_data(request):
 if request.POST: # 假如数据提交
 print('有提交')
 
 select = request.POST.get('select',None)
 
 text = request.POST.get('text',None)
 print(select,text)
 return render(request,'your_html.html', locals()) # your_html.html改为你的html页面并且参照 前面的博客创立url链接。

这就是django创立前后交互的简便案例，在django 1.10.5 python 3.5 html 5下停止。

信赖看了本案牍例你已经把握了办法，更多出色请关注百分百源码网其它相关文章！

引荐阅读：

Echarts实现动态变色柱状图

jquery实现全选反选单选

jQuery操纵背景色彩渐变更画结果

以上就是django控件及传参使用详解的具体内容，更多请关注百分百源码网其它相关文章！

打赏