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中ConfigParse模块的用法
Sep 29 Python
深入理解python中的select模块
Apr 23 Python
对python程序内存泄漏调试的记录
Jun 11 Python
python实现雪花飘落效果实例讲解
Jun 18 Python
Pytorch实现GoogLeNet的方法
Aug 18 Python
wxPython实现画图板
Aug 27 Python
Python常用模块os.path之文件及路径操作方法
Dec 03 Python
python 读取更新中的log 或其它文本方式
Dec 24 Python
浅谈PyTorch中in-place operation的含义
Jun 27 Python
通过实例解析python subprocess模块原理及用法
Oct 10 Python
Python字符串的15个基本操作(小结)
Feb 03 Python
Python中requests库的用法详解
Jun 05 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
在windows iis5下安装php4.0+mysql之我见
2006/10/09 PHP
Laravel 5框架学习之数据库迁移(Migrations)
2015/04/08 PHP
PHP使用pear实现mail发送功能 windows环境下配置pear
2016/04/15 PHP
javascript Split方法,indexOf方法、lastIndexOf 方法和substring 方法
2009/03/21 Javascript
Javascript 原型和继承(Prototypes and Inheritance)
2009/04/01 Javascript
js word表格动态添加代码
2010/06/07 Javascript
JavaScript Title、alt提示(Tips)实现源码解读
2010/12/12 Javascript
在Windows上安装Node.js模块的方法
2011/09/25 Javascript
cument.execCommand()用法深入理解
2012/12/04 Javascript
jQuery实现购物车计算价格功能的方法
2015/03/25 Javascript
JS实现课堂随机点名和顺序点名
2017/03/09 Javascript
SVG实现时钟效果
2018/07/17 Javascript
详解vue在项目中使用百度地图
2019/03/26 Javascript
Vue CLI3移动端适配(px2rem或postcss-plugin-px2rem)
2020/04/27 Javascript
Vue 3.0 全家桶抢先体验
2020/04/28 Javascript
[04:54]DOTA2 2017国际邀请赛:上届冠军WINGS采访短片
2017/08/09 DOTA
[01:02:26]DOTA2-DPC中国联赛 正赛 SAG vs RNG BO3 第二场 1月18日
2021/03/11 DOTA
python模拟登陆阿里妈妈生成商品推广链接
2014/04/03 Python
Python数据分析之双色球基于线性回归算法预测下期中奖结果示例
2018/02/08 Python
Python wxPython库消息对话框MessageDialog用法示例
2018/09/03 Python
关于Python 常用获取元素 Driver 总结
2019/11/24 Python
django queryset相加和筛选教程
2020/05/18 Python
python异常处理之try finally不报错的原因
2020/05/18 Python
利用PyQt5+Matplotlib 绘制静态/动态图的实现代码
2020/07/13 Python
HTML5 FormData 方法介绍以及实现文件上传示例
2017/09/12 HTML / CSS
小程序canvas中文字设置居中锚点
2019/04/16 HTML / CSS
瑰珀翠美国官网:Crabtree & Evelyn美国
2016/11/29 全球购物
台湾乐天市场:日本No.1的网路购物网站
2017/03/22 全球购物
一套中级Java程序员笔试题
2015/01/14 面试题
女大学生毕业找工作的自我评价
2013/10/03 职场文书
施工材料员岗位职责
2014/02/12 职场文书
人事专员工作职责
2014/02/22 职场文书
怎样拟定创业计划书
2014/05/01 职场文书
安装工程师岗位职责
2015/02/13 职场文书
MySQL数据库索引的最左匹配原则
2021/11/20 MySQL
Vue router配置与使用分析讲解
2022/12/24 Vue.js