Django如何將字典傳到前端顯示

這篇文章主要介紹“Django如何將字典傳到前端顯示”，在日常操作中，相信很多人在Django如何將字典傳到前端顯示問題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”Django如何將字典傳到前端顯示”的疑惑有所幫助！接下來，請(qǐng)跟著小編一起來學(xué)習(xí)吧！

后臺(tái)代碼：

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

前端代碼：

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

效果圖：

如果在前端想根據(jù)鍵取出值：

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

補(bǔ)充知識(shí)：Django model轉(zhuǎn)字典的幾種方法

平常的開發(fā)過程中不免遇到需要把model轉(zhuǎn)成字典的需求，尤其是現(xiàn)在流行前后端分離架構(gòu)，Json格式幾乎成了前后端之間數(shù)據(jù)交換的標(biāo)準(zhǔn)，這種model轉(zhuǎn)dict的需求就更多了，本文介紹幾種日常使用的方法以供參考，所有例子均基于Django 2.0環(huán)境演示

背景介紹

model內(nèi)容如下：

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='創(chuàng)建時(shí)間')
 update_time = models.DateTimeField(auto_now=True, verbose_name='更新時(shí)間')
 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='激活狀態(tài)')
 leader = models.ForeignKey('self', null=True, on_delete=models.CASCADE, verbose_name='上級(jí)')
 group = models.ManyToManyField(Group, null=True, verbose_name='所屬組')
 
 def __str__(self):
  return self.username

需求很簡(jiǎn)單就是分別把Group和User表中的數(shù)據(jù)轉(zhuǎn)換成字典格式返回

方法一：直接構(gòu)建字典

示例代碼：

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

這種方法的好處是方便控制最終返回字典value的格式，例如對(duì)于User表，我想返回最終的數(shù)據(jù)是id、創(chuàng)建時(shí)間、中文名、上級(jí)中文名、所屬組名列表的話可以用下邊的代碼實(shí)現(xiàn)

>>> _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': '運(yùn)維咖啡吧', 'group': ['GroupA', 'GroupC', 'GroupE'], 'create_time': '2018-10-12 21:20:19', 'id': 2, 'leader': '公眾號(hào)'}
>>>

缺點(diǎn)也很明顯，就是如果一個(gè)model字段很多且不需要轉(zhuǎn)換value格式的時(shí)候需要寫大量冗余的代碼，這種問題怎么解決呢？且看下邊的方法介紹

方法二：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': '公眾號(hào)', 'update_time': datetime.datetime(2018, 10, 12, 17, 49, 35, 504141), 'create_time': datetime.datetime(2018, 10, 12, 16, 9, 7, 813660)}

這種方法優(yōu)點(diǎn)就是寫法簡(jiǎn)單，容易理解，代碼量還少

但會(huì)發(fā)現(xiàn)多了個(gè)沒用的_state字段，同時(shí)Foreignkey字段名多了_id，也沒有ManyToManyField字段的數(shù)據(jù)，且不能按需顯示輸出，當(dāng)我只需要其中幾個(gè)字段時(shí)會(huì)有大量冗余數(shù)據(jù)

方法三：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': '運(yùn)維咖啡吧', 'group': [<Group: GroupA>, <Group: GroupC>, <Group: GroupE>], 'id': 2}

這種方法能滿足大部分的需求，且輸出也較為合理，同時(shí)還有兩個(gè)參數(shù)fields和exclude來配置輸出的字段，例如：

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

但是會(huì)跳過有editable=False屬性字段的展示，對(duì)于有auto_now_add=True和auto_now=True屬性的datetime字段會(huì)默認(rèn)添加editable=False隱藏屬性，這也是上邊兩個(gè)time相關(guān)字段create_time和update_time轉(zhuǎn)換成dict后不顯示的原因，官方相關(guān)源碼如下：

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

執(zhí)行結(jié)果：

>>> 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': '運(yùn)維咖啡吧'}
>>> 
>>> User.objects.get(id=2).to_dict(fields=['fullname','is_active','create_time'])
{'is_active': True, 'fullname': '運(yùn)維咖啡吧', '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': '運(yùn)維咖啡吧'}

擁有model_to_dict一樣的便利性，同時(shí)也解決了不能輸出time時(shí)間字段（editable=False）的問題，還能對(duì)value按照自己需要的格式輸出，一舉多得

當(dāng)然擁有便利性的同時(shí)需要自己實(shí)現(xiàn)to_dict的代碼，增加了復(fù)雜度

到此，關(guān)于“Django如何將字典傳到前端顯示”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注億速云網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)砀鄬?shí)用的文章！