Django如何将Mysql中的数据显示在前端

1.在app下的models.py中创建新的模板

具体代码：

class News(models.Model):  # 近期内容
    title = models.CharField(max_length=255, verbose_name="标题")
    href = models.CharField(max_length=255, verbose_name="链接")

    def __str__(self):
        return self.title, self.href

News类下的title和href通过数据迁移就会变成Mysql数据库中的列表名
def函数是为了返回数据库中的title和href的信息，需要返回的全部用这个格式写一遍即可
2.数据迁移（用pycharm自带的Terminal工具即可）

python manage.py makemigrations finalapp
python manage.py migrate finalapp

以上两句命令最后的finalapp是我app的名字，大家要替换成自己的app名字
下面是我数据迁移之后的mysql数据库，可以看到finalapp_new表已经创建成功，双击点开就可以查看表，新创建的表是什么数据都没有的，图中的是我自己后期加的

3.在app下的views.py中创建新的视图

from .models import News   #引用模板层中的News类

def news(request):
    new_list = News.objects.all()  
    # 获取News表中的全部内容 放到new_list中
    return render(request, 'news.html', locals())  
    # 将数据返回到news.html这个网页中

4.前端

具体代码：

{% for new in new_list %}    #通过循环 每次读取new_list中的一条数据     
  <p>&emsp;标题：{{new.title}}<br>&emsp;链接：<a href="{{new.href}}">{{new.href}}</a></p>
   #将需要显示的内容通过new.href的格式输出，new是刚才for循环给的变量，title是new_list中的数据
{% endfor %}

5.效果


可以看到后端所有的信息都已经显示在了前端
如果想要显示数据库中的部分数据并输出，只需要修改views.py中的new_list = News.objects.all() 这句代码即可，比如输入数据库中的前五条信息，只需写new_list = News.objects.all()[0:5]即可，就类似python的切片
希望这篇文章可以帮助到你！！！
图中的图片均来自自己的公众号，不存在盗图！！！
同时欢迎大家扫码关注我的个人公众号！！！