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进程间通信用法实例
Jun 04 Python
python实现备份目录的方法
Aug 03 Python
Python算法输出1-9数组形成的结果为100的所有运算式
Nov 03 Python
python中requests和https使用简单示例
Jan 18 Python
Python实现图片拼接的代码
Jul 02 Python
Python实现Dijkstra算法
Oct 17 Python
使用python批量化音乐文件格式转换的实例
Jan 09 Python
pycharm无法导入本地模块的解决方式
Feb 12 Python
python IDLE添加行号显示教程
Apr 25 Python
python的json包位置及用法总结
Jun 21 Python
什么是python的必选参数
Jun 21 Python
python实现图书馆抢座(自动预约)功能的示例代码
Sep 29 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中利用wsdl创建标准webservice的实现代码
2011/12/07 PHP
10个值得深思的PHP面试题
2016/11/14 PHP
thinkphp3.2实现在线留言提交验证码功能
2017/07/19 PHP
ThinkPHP整合datatables实现服务端分页的示例代码
2018/02/10 PHP
PHP面向对象程序设计中的self、static、parent关键字用法分析
2019/08/14 PHP
Javascript读取cookie函数代码
2010/10/16 Javascript
javascript 弹出层组件(升级版)
2011/05/12 Javascript
node.js中的http.request.end方法使用说明
2014/12/10 Javascript
基于jquery实现导航菜单高亮显示(两种方法)
2015/08/23 Javascript
jQuery基于ajax()使用serialize()提交form数据的方法
2015/12/08 Javascript
jquery获取所有选中的checkbox实现代码
2016/05/26 Javascript
用js读写cookie的简单方法(推荐)
2016/08/08 Javascript
javascript 动态脚本添加的简单方法
2016/10/11 Javascript
Vue.js中数组变动的检测详解
2016/10/12 Javascript
JavaScript中利用for循环遍历数组
2017/01/15 Javascript
vue router路由嵌套不显示问题的解决方法
2017/06/17 Javascript
关于jQuery.ajax()的jsonp碰上post详解
2017/07/02 jQuery
JavaScript面向对象精要(下部)
2017/09/12 Javascript
jQueryMobile之窗体长内容的缺陷与解决方法实例分析
2017/09/20 jQuery
微信小程序与公众号实现数据互通的方法
2019/07/25 Javascript
Python聊天室实例程序分享
2016/01/05 Python
python无限生成不重复(字母,数字,字符)组合的方法
2018/12/04 Python
对python的unittest架构公共参数token提取方法详解
2018/12/17 Python
python增加图像对比度的方法
2019/07/12 Python
Python调用.NET库的方法步骤
2019/12/27 Python
Python按照list dict key进行排序过程解析
2020/04/04 Python
翻转数列python实现,求前n项和,并能输出整个数列的案例
2020/05/03 Python
python中numpy数组与list相互转换实例方法
2021/01/29 Python
阿迪达斯印度官方商城:adidas India
2017/03/26 全球购物
俄罗斯建筑和装饰材料在线商店:Stroilandia
2020/07/25 全球购物
Java语言程序设计测试题改错题部分
2014/07/22 面试题
工程概预算专业毕业生求职信
2013/10/04 职场文书
毕业生大学生活自我总结
2014/01/31 职场文书
社区道德讲堂实施方案
2014/03/21 职场文书
党支部四风整改方案
2014/10/25 职场文书
大学学生会辞职信
2015/05/13 职场文书