Django实现将一个字典传到前端显示出来


Posted in Python onApril 03, 2020

后台代码:

fielddict = {'name':'张三','age':18} return render(request,'test.html',{'field':fielddict})

前端代码:

{% for m,n in field.items %}
   {{ m }}:{{ n }}
{% endfor %}

效果图:

Django实现将一个字典传到前端显示出来

如果在前端想根据键取出值:

{{field.name}} {{field.age}}

补充知识:Django model转字典的几种方法

平常的开发过程中不免遇到需要把model转成字典的需求,尤其是现在流行前后端分离架构,Json格式几乎成了前后端之间数据交换的标准,这种model转dict的需求就更多了,本文介绍几种日常使用的方法以供参考,所有例子均基于Django 2.0环境演示

背景介绍

model内容如下:

class Group(models.Model):
 name = models.CharField(max_length=255, unique=True, verbose_name='组名称')
 
 def __str__(self):
  return self.name
 
class User(models.Model):
 create_time = models.DateTimeField(auto_now_add=True, verbose_name='创建时间')
 update_time = models.DateTimeField(auto_now=True, verbose_name='更新时间')
 username = models.EmailField(max_length=255, unique=True, verbose_name='用户名')
 fullname = models.CharField(max_length=64, null=True, verbose_name='中文名')
 is_active = models.BooleanField(default=True, verbose_name='激活状态')
 leader = models.ForeignKey('self', null=True, on_delete=models.CASCADE, verbose_name='上级')
 group = models.ManyToManyField(Group, null=True, verbose_name='所属组')
 
 def __str__(self):
  return self.username

需求很简单就是分别把Group和User表中的数据转换成字典格式返回

方法一:直接构建字典

示例代码:

>>> _t = Group.objects.get(id=1)
>>> 
>>> dict = {
... 'id': _t.id,
... 'name': _t.name
... }
>>> 
>>> print(dict)
{'name': 'GroupA', 'id': 1}

这种方法的好处是方便控制最终返回字典value的格式,例如对于User表,我想返回最终的数据是id、创建时间、中文名、上级中文名、所属组名列表的话可以用下边的代码实现

>>> _t = User.objects.get(id=2)
>>> 
>>> dict = {
... 'id': _t.id,
... 'create_time': _t.create_time.strftime('%Y-%m-%d %H:%M:%S'),
... 'fullname': _t.fullname if _t.fullname else None,
... 'leader': _t.leader.fullname if _t.leader else None,
... 'group': [ i.name for i in _t.group.all() ],
... }
>>> 
>>> print(dict)
{'fullname': '运维咖啡吧', 'group': ['GroupA', 'GroupC', 'GroupE'], 'create_time': '2018-10-12 21:20:19', 'id': 2, 'leader': '公众号'}
>>>

缺点也很明显,就是如果一个model字段很多且不需要转换value格式的时候需要写大量冗余的代码,这种问题怎么解决呢?且看下边的方法介绍

方法二:dict

示例代码:

>>> Group.objects.get(id=1).__dict__
{'id': 1, 'name': 'GroupA', '_state': <django.db.models.base.ModelState object at 0x7f68612daef0>}
>>> 
>>> User.objects.get(id=1).__dict__
{'is_active': True, '_state': <django.db.models.base.ModelState object at 0x7f68612fa0b8>, 'id': 1, 'username': 'ops@163.com', 'leader_id': None, 'fullname': '公众号', 'update_time': datetime.datetime(2018, 10, 12, 17, 49, 35, 504141), 'create_time': datetime.datetime(2018, 10, 12, 16, 9, 7, 813660)}

这种方法优点就是写法简单,容易理解,代码量还少

但会发现多了个没用的_state字段,同时Foreignkey字段名多了_id,也没有ManyToManyField字段的数据,且不能按需显示输出,当我只需要其中几个字段时会有大量冗余数据

方法三:model_to_dict

示例代码:

>>> model_to_dict(Group.objects.get(id=1))
{'name': 'GroupA', 'id': 1}
>>> 
>>> model_to_dict(User.objects.get(id=2))
{'leader': 1, 'is_active': True, 'username': 'ops-coffee@163.com', 'fullname': '运维咖啡吧', 'group': [<Group: GroupA>, <Group: GroupC>, <Group: GroupE>], 'id': 2}

这种方法能满足大部分的需求,且输出也较为合理,同时还有两个参数fields和exclude来配置输出的字段,例如:

>>> model_to_dict(User.objects.get(id=2), fields=['fullname','is_active'])
{'is_active': True, 'fullname': '运维咖啡吧'}
>>> 
>>> model_to_dict(User.objects.get(id=2), exclude=['group','leader','id'])
{'fullname': '运维咖啡吧', 'is_active': True, 'username': 'ops-coffee@163.com'}

但是会跳过有editable=False属性字段的展示,对于有auto_now_add=True和auto_now=True属性的datetime字段会默认添加editable=False隐藏属性,这也是上边两个time相关字段create_time和update_time转换成dict后不显示的原因,官方相关源码如下:

for f in chain(opts.concrete_fields, opts.private_fields, opts.many_to_many):
 if not getattr(f, 'editable', False):
  continue

方法四:自定义to_dict

示例代码:

from django.db.models.fields import DateTimeField
from django.db.models.fields.related import ManyToManyField
 
class User(models.Model):
 ...
 
 def to_dict(self, fields=None, exclude=None):
  data = {}
  for f in self._meta.concrete_fields + self._meta.many_to_many:
   value = f.value_from_object(self)
 
   if fields and f.name not in fields:
    continue
 
   if exclude and f.name in exclude:
    continue
 
   if isinstance(f, ManyToManyField):
    value = [ i.id for i in value ] if self.pk else None
 
   if isinstance(f, DateTimeField):
    value = value.strftime('%Y-%m-%d %H:%M:%S') if value else None
 
   data[f.name] = value
 
  return data

执行结果:

>>> User.objects.get(id=2).to_dict()
{'is_active': True, 'update_time': '2018-10-12 21:21:39', 'username': 'ops-coffee@163.com', 'id': 2, 'leader': 1, 'group': [1, 3, 5], 'create_time': '2018-10-12 21:20:19', 'fullname': '运维咖啡吧'}
>>> 
>>> User.objects.get(id=2).to_dict(fields=['fullname','is_active','create_time'])
{'is_active': True, 'fullname': '运维咖啡吧', 'create_time': '2018-10-12 21:20:19'}
>>> 
>>> User.objects.get(id=2).to_dict(exclude=['group','leader','id','create_time'])
{'is_active': True, 'update_time': '2018-10-12 21:21:39', 'username': 'ops-coffee@163.com', 'fullname': '运维咖啡吧'}

拥有model_to_dict一样的便利性,同时也解决了不能输出time时间字段(editable=False)的问题,还能对value按照自己需要的格式输出,一举多得

当然拥有便利性的同时需要自己实现to_dict的代码,增加了复杂度

以上这篇Django实现将一个字典传到前端显示出来就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Python 相关文章推荐
python设置windows桌面壁纸的实现代码
Jan 28 Python
Python Trie树实现字典排序
Mar 28 Python
python两种遍历字典(dict)的方法比较
May 29 Python
详解Python中的文本处理
Apr 11 Python
Python中urllib+urllib2+cookielib模块编写爬虫实战
Jan 20 Python
Python中%r和%s的详解及区别
Mar 16 Python
python里使用正则的findall函数的实例详解
Oct 19 Python
python内置函数:lambda、map、filter简单介绍
Nov 16 Python
Selenium 模拟浏览器动态加载页面的实现方法
May 16 Python
Python Pandas分组聚合的实现方法
Jul 02 Python
在pycharm中创建django项目的示例代码
May 28 Python
Opencv求取连通区域重心实例
Jun 04 Python
Django 后台带有字典的列表数据与页面js交互实例
Apr 03 #Python
Django import export实现数据库导入导出方式
Apr 03 #Python
Django用户身份验证完成示例代码
Apr 03 #Python
基于Python共轭梯度法与最速下降法之间的对比
Apr 02 #Python
python 的topk算法实例
Apr 02 #Python
python torch.utils.data.DataLoader使用方法
Apr 02 #Python
Python基于stuck实现scoket文件传输
Apr 02 #Python
You might like
smarty的保留变量问题
2008/10/23 PHP
解决163/sohu/sina不能够收到PHP MAIL函数发出邮件的问题
2009/03/13 PHP
php fsockopen伪造post与get方法的详解
2013/06/14 PHP
PHP实现把MySQL数据库导出为.sql文件实例(仿PHPMyadmin导出功能)
2014/05/10 PHP
为Extjs加加速(javascript加速)
2010/08/19 Javascript
用JavaScript获取DOM元素位置和尺寸大小的方法
2013/04/12 Javascript
JavaScript中instanceof与typeof运算符的用法及区别详细解析
2013/11/19 Javascript
jquery删除指定子元素代码实例
2015/01/13 Javascript
浅谈JQuery+ajax+jsonp 跨域访问
2016/06/25 Javascript
学习Bootstrap滚动监听 附调用方法
2016/07/02 Javascript
jquery点击切换背景色的简单实例
2016/08/25 Javascript
JS判断来路是否是百度等搜索索引进行弹窗或自动跳转的实现代码
2016/10/09 Javascript
分类解析jQuery选择器
2016/11/23 Javascript
用原生js做单页应用
2017/01/17 Javascript
JS实现的二叉树算法完整实例
2017/04/06 Javascript
JS实现的合并多个数组去重算法示例
2018/04/11 Javascript
vue cli 3.0 使用全过程解析
2018/06/14 Javascript
通过seajs实现JavaScript的模块开发及按模块加载
2019/06/06 Javascript
vuex实现像调用模板方法一样调用Mutations方法
2019/11/06 Javascript
JS基础之逻辑结构与循环操作示例
2020/01/19 Javascript
安装ElasticSearch搜索工具并配置Python驱动的方法
2015/12/22 Python
Python selenium抓取微博内容的示例代码
2018/05/17 Python
详解python调用cmd命令三种方法
2019/07/08 Python
Django使用模板后无法找到静态资源文件问题解决
2019/07/19 Python
Flask框架 CSRF 保护实现方法详解
2019/10/30 Python
使用Matplotlib 绘制精美的数学图形例子
2019/12/13 Python
python 实现简单的FTP程序
2019/12/27 Python
python实现逢七拍腿小游戏的思路详解
2020/05/26 Python
pytorch学习教程之自定义数据集
2020/11/10 Python
结合CSS3的布局新特征谈谈常见布局方法
2016/01/22 HTML / CSS
美国女士时尚珠宝及配饰购物网站:Icing
2018/07/02 全球购物
元旦寄语大全
2014/04/10 职场文书
慈善捐赠倡议书
2014/08/30 职场文书
导游词300字
2015/02/13 职场文书
2019年年中工作总结讲话稿模板
2019/03/25 职场文书
如何使用pdb进行Python调试
2021/06/30 Python