Python之Django自动实现html代码(下拉框,数据选择)


Posted in Python onMarch 13, 2020

我就废话不多说了,还是直接看代码吧!

#模板
class IndexForm(forms.Form):
 # 模板,用户提交的name和这里的变量名一定要是一致的.否则不能获取数据
 user = forms.CharField(min_length=6, error_messages={'required': '用户名不能为空', 'min_length': '用户名长度不能小于6'})
 email = forms.EmailField(error_messages={'required': '邮箱不能为空', 'invalid': '邮箱格式错误'})
 """
  单选
  favor = forms.ChoiceField(
  choices=[(1, '小虎'), (2, '小小虎'), (3, '小B虎')]
 )
 """
 # 多选
 favor = forms.MultipleChoiceField(
  choices=[(1, '小虎'), (2, '小小虎'), (3, '小B虎')]
 )
 pass
#函数
def index(request):
 obj = IndexForm()
 return render(request, "index.html", {'obj': obj})


def edit_index(request):
 obj = IndexForm({'user': 'root', 'email': '123@qq.com', 'favor': [2,3]})
 return render(request, "index.html", {'obj': obj})
#前端

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Title</title>
</head>
<body>
<p>{{ obj.user }}</p>
<p>{{ obj.email }}</p>
<p>{{ obj.favor }}</p>
</body>
</html>

补充知识:django使用模板实现下拉菜单,菜单内容读取后台动态填充,并动态设置默认值

看代码吧!

<select id="heard1" class="form-control" required="" data-parsley-id="6485" name="name">
   {% for name in data_list %}
   <option id="name" value="{{ name }}" {% if name == role_name %} selected {% endif %}>{{ name }}</option>
   {% endfor %}
</select>

这里面的重点是:

{% if name == role_name %} selected {% endif %} 这句话中得判断条件,name就是自己从data_list中遍历出来得那个name, role_name也是自己传过来得数据,这个数据是我自己定义的另一个库中的数据,因为两个库是关联的;

data = UserManage.objects.get(id=id)
role_name = data.user_role.name
query_name_list_set = RolesManage.objects.values("name")
data_list = []
for name_dict in query_name_list_set:
  data_list.append(name_dict.get("name"))
return render(request, "users_manage/edit.html", {"data": data, "data_list": data_list, "role_name": role_name})

贴上代码,为了防止自己忘记了好回过头来翻看

以上这篇Python之Django自动实现html代码(下拉框,数据选择)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Python 相关文章推荐
python实现排序算法
Feb 14 Python
python写入xml文件的方法
May 08 Python
python 循环while和for in简单实例
Aug 16 Python
python实现下载整个ftp目录的方法
Jan 17 Python
详解Numpy中的数组拼接、合并操作(concatenate, append, stack, hstack, vstack, r_, c_等)
May 27 Python
python调用动态链接库的基本过程详解
Jun 19 Python
Python日志无延迟实时写入的示例
Jul 11 Python
Python使用matplotlib 模块scatter方法画散点图示例
Sep 27 Python
利用setuptools打包python程序的方法步骤
Jan 18 Python
解决python 虚拟环境删除包无法加载的问题
Jul 13 Python
Python爬虫Scrapy框架CrawlSpider原理及使用案例
Nov 20 Python
python超详细实现完整学生成绩管理系统
Mar 17 Python
Tensorflow中的dropout的使用方法
Mar 13 #Python
python实现简单俄罗斯方块
Mar 13 #Python
Python实现检测文件的MD5值来查找重复文件案例
Mar 12 #Python
python 判断txt每行内容中是否包含子串并重新写入保存的实例
Mar 12 #Python
python 两个一样的字符串用==结果为false问题的解决
Mar 12 #Python
python不相等的两个字符串的 if 条件判断为True详解
Mar 12 #Python
Python 实现使用空值进行赋值 None
Mar 12 #Python
You might like
php 高效率写法 推荐
2010/02/21 PHP
一步一步学习PHP(7) php 字符串相关应用
2010/03/05 PHP
用PHP将网址字符串转换成超链接(网址或email)
2010/05/25 PHP
php使HTML标签自动补全闭合函数代码
2012/10/04 PHP
使用Smarty 获取当前日期时间和格式化日期时间的方法详解
2013/06/18 PHP
php生成图片缩略图功能示例
2017/02/22 PHP
Laravel学习教程之本地化模块
2017/08/18 PHP
对联广告js flash激活
2006/10/19 Javascript
Ajax::prototype 源码解读
2007/01/22 Javascript
Chrome中模态对话框showModalDialog返回值问题的解决方法
2010/05/25 Javascript
javascript中字符串的定义示例代码
2013/12/19 Javascript
详解AngularJS中的作用域
2015/06/17 Javascript
zTree插件下拉树使用入门教程
2016/04/11 Javascript
JS使用单链表统计英语单词出现次数
2016/06/16 Javascript
jQuery获取file控件中图片的宽高与大小
2016/08/04 Javascript
浅谈bootstrap使用中的一些问题以及解决过程
2016/10/18 Javascript
canvas实现弧形可拖动进度条效果
2017/05/11 Javascript
react.js使用webpack搭配环境的入门教程
2017/08/14 Javascript
ES6知识点整理之数组解构和字符串解构的应用示例
2019/04/17 Javascript
vue cli 3.0通用打包配置代码,不分一二级目录
2020/09/02 Javascript
浅析Python3中的对象垃圾收集机制
2019/06/06 Python
python解析命令行参数的三种方法详解
2019/11/29 Python
PyTorch中反卷积的用法详解
2019/12/30 Python
Python +Selenium解决图片验证码登录或注册问题(推荐)
2020/02/09 Python
python topk()函数求最大和最小值实例
2020/04/02 Python
Python基于network模块制作电影人物关系图
2020/06/19 Python
简单总结CSS3中视窗单位Viewport的常见用法
2016/02/04 HTML / CSS
澳大利亚工具仓库:Tools Warehouse
2018/10/15 全球购物
公司年会主持词
2014/03/22 职场文书
祖国在我心中演讲稿450字
2014/09/05 职场文书
寒暑假实习证明书模板
2014/11/29 职场文书
酒店辞职书范文
2015/02/26 职场文书
企业反腐倡廉心得体会
2015/08/15 职场文书
如何写一份成功的商业计划书
2019/06/25 职场文书
Nginx安装完成没有生成sbin目录的解决方法
2021/03/31 Servers
gateway网关接口请求的校验方式
2021/07/15 Java/Android