[HTML教程] django控件及传参使用详解

[复制链接]
查看2504 | 回复7 | 2020-10-3 02:38:21 | 显示全部楼层 |阅读模式
这次给大家带来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控件及传参使用详解的详细内容,更多请关注爱上源码网其它相关文章!

  • 微信
  • 分享
  • 相关标签:django 详解 控件
  • 本文原创发布爱上源码网,转载请注明出处,感谢您的尊重!
    • 上一篇:HTML学习笔记二
    • 下一篇:HTML5的video标签操作视频详解

    相关文章

    相关视频

    • 奇妙的 CSS shapes(CSS图形)
    • IE、火狐、谷歌浏览器下兼容统一select样式
    • 神奇的 conic-gradient 圆锥渐变
    • 利用html实现一个三级菜单
    • django控件及传参使用详解
    • Django 安装
    • Django 创建第一个项目
    • Django 模板
    • Django 模型
    • Django 表单
    本文有爱上源码下载完入驻作者发布,如果对您版权造成侵害,可以联系本站站长管理进行维权删除,本站收到维权24小时内进行处理,谢谢您关注23ym.cn! 本站分享大量程序员技术文章以及对编程开发的初级入门教程,包括图文讲解笔记和高清视频下载~
    回复

    使用道具 举报

    都市夜归人PLA | 2020-11-29 02:19:19 | 显示全部楼层
    找了好多地方,终于找到了
    回复

    使用道具 举报

    小玛哥1 | 2021-2-21 04:03:11 | 显示全部楼层
    感谢悟空源码分享精品资源!
    回复

    使用道具 举报

    好时光516 | 2022-3-18 15:55:20 | 显示全部楼层
    悟空源码太厉害,资源真多!
    回复

    使用道具 举报

    小仙女要起飞 | 2022-6-1 18:56:12 | 显示全部楼层
    厉害了,悟空源码资源多教程多!
    回复

    使用道具 举报

    真无牙泛 | 2023-6-8 19:07:29 | 显示全部楼层
    加油!悟空源码,继续努力!支持你!
    回复

    使用道具 举报

    旭日非常 | 2023-8-18 03:23:57 | 显示全部楼层
    有情怀的站啊,爱了
    回复

    使用道具 举报

    123457751 | 2024-2-16 06:50:50 | 显示全部楼层
    加油!悟空源码,继续努力!支持你!
    回复

    使用道具 举报

    Amy570 | 2024-4-9 11:12:22 | 显示全部楼层
    这个资源都有真不错
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则