将后台的数据展现到前台的简单例子

#这是views.py 里的内容
def index(request):
    l = [
        {'msg':"llallala",'username':'不知道'},
        {'msg':"sdfa",'username':'知道'},

    ]
    return render(request,"templates/templates_learn_test/templates_file.html", {'card': l})

下方是对应views.py 文件的html文件内容.

{% for i in card %}
  <div class="card"> 

  <div class="msg">{{ i.msg }}</div>
  <div class="username">{{ i.username }}</div>
  </div>
{% endfor %}

如果有多个盒子且盒子里面的内容不一样, 那么循环的是盒子,

如果循环数据,则可能出现覆盖现象.

将前端展示的数据替换成从数据库中查询到的数据

创建模型
添加数据
查询数据

1 创建模型

------------------>在应用目录的 models.py 文件中操作

from django.contrib.auth.models import User   #不要忘记导入
from django.db import models

# Create your models here.

class Card(models.Model):
    msg = models.CharField(max_length=100)
    user = models.ForeignKey(User , on_delete= models.CASCADE)  
    
 # 上方使用的User 是 Django自带的User,所以需要迁移
 # ForeignKey 作为外键的使用适用于  多对多, 且外键一定要有 on_delete.
 #User 也可以写成    'auth.User'   ,一定腰带引号.

2 添加数据

--------------------------------->获得的数据添加到后台
在应用目录的admin.py文件中进行注册

from django.contrib import admin     
from the_10.models import Card       # 这里的Card就是从自己写好的the_10.models 中定义的class名字
# Register your models here.
class CardAdmin(admin.ModelAdmin):    # 这里自己定义的CardAdmin,是用来让数据在后台展现的更好看
    fieldsets = [
        ("用户",{'fields':['user']}),
        ("信息",{'fields':['msg']})     #这里的user和msg对应上段models.py中自己定义的字段
    ]
    list_display = ['user','msg']

admin.site.register(Card,CardAdmin)  '''这一行代码 和第2行代码 才是真正的注册,
																				但是为了让数据在后台好看,
																				所以,自己定义并且注册了CardAdmin
																				'''

3 在views.py查询

from django.http import HttpResponse
from django.shortcuts import render
from the_10.models import Card           #导入模型中的类名.
# Create your views here.

def index(request):               #自己定义函数
    card = Card.objects.all()             # 凭借这段代码来 查询到关于Card的所有的数据.
    return render(request,"在模板templates中的html的路径", {'cards': card})    
                                         '''第9 行代码中的左边的cards 将会映射到 写好的html中,  这里就是自己起的名字cards
                          															右边的card是 第8 行代码中的变量card.

4. 对HTML进行挖坑

在保存html文件的地方创建 base.html文件,将想要继承的html内容保存到此文件中
挖坑

注: 一定要将html文件放在template文件夹的中, 以对应的应用目录名字命名的文件夹中.
否则,可能找不到

{% extends '要继承的base.html文件地址' %}
        {% block content %}
        {% for i in cards %}              # 这里的cards 就是上方views.py 上段代码第8行中的 cards
            <div class="cards">
                <div class="msg">{{ i.user.username }}</div>   #username是从User里查询到的,使用了关联查询.所以要指定表名
                <div class="username">{{ i.msg }}</div>         '''
                																								msg 是定义完models.py 文件后, 
                																								进行二次迁移,生成的表里找到的,
                																								所以 不用指定表名, 直接用了字段
                																								但是上方的username这个字段就需要指定表名user.
                																								'''
            </div>															
        {% endfor %}
        {% endblock content %}