Django 后端数据传给前端

Step 1 创建一个数据库

Step 2 在Django中点击数据库连接

Step 3 连接成功

Step 4 settings中找DATABASES

Step 5 将数据库挂上面

将数据库引擎和数据库名改成自己的

Step 6 在_init_.py中加上数据库的支持语句

复制代码
import pymysql
pymysql.install_as_MySQLdb()

Step7 简单创建两列数据

复制代码
python manage.py makemigrations
#数据库迁移
python manage.py migrate
#本质性迁移

"python manage.py makemigrations" 是在使用 Django 框架进行 Web 开发时的一个命令。这个命令用于检测项目中的模型变化,并生成相应的迁移文件。迁移文件记录了对数据库模式的更改,以便在数据库中应用这些更改。例如,如果在 Django 项目中添加了一个新的模型或者修改了现有模型的字段,就可以使用这个命令来生成迁移文件,然后通过 "python manage.py migrate" 命令将这些更改应用到数据库中。
python manage.py migrate这是在命令行中执行的一条指令,用于在使用 Django 框架时进行数据库迁移操作。通过运行这个命令,可以将模型的更改同步到数据库中,确保数据库结构与代码中的模型定义保持一致。例如,当你添加了新的模型字段或者修改了模型的结构后,运行这个命令可以创建或更新数据库表以适应这些变化。

Step 8 数据库迁移

Step 9 添加数据

Step 10 检查数据库

Step 11 将数据库中数据添加到页面上

复制代码
from django.shortcuts import render
from djangoWeb.models import *
# Create your views here.
import numpy as np

def index(request):
    allRows=MyData.objects.all()
    text1=[]
    text2=[]
    for eachRow in allRows:
        text1.append(eachRow.text1)
        text2.append(eachRow.text2)
    return render(request,'index.html',{"text1":text1,"text2":text2})

Step 12 回到首页数据布置

复制代码
<body>
    <h1>我的首页</h1>
    <hr>
    <p>{{ text1 }}</p>
    <hr>
    <p>{{ text2 }}</p>
</body>
相关推荐
技术宝哥1 小时前
Redis(2):Redis + Lua为什么可以实现原子性
数据库·redis·lua
水银嘻嘻1 小时前
12 web 自动化之基于关键字+数据驱动-反射自动化框架搭建
运维·前端·自动化
小嘟嚷ovo2 小时前
h5,原生html,echarts关系网实现
前端·html·echarts
十一吖i2 小时前
Vue3项目使用ElDrawer后select方法不生效
前端
只可远观2 小时前
Flutter目录结构介绍、入口、Widget、Center组件、Text组件、MaterialApp组件、Scaffold组件
前端·flutter
周胡杰2 小时前
组件导航 (HMRouter)+flutter项目搭建-混合开发+分栏效果
前端·flutter·华为·harmonyos·鸿蒙·鸿蒙系统
敲代码的小吉米3 小时前
前端上传el-upload、原生input本地文件pdf格式(纯前端预览本地文件不走后端接口)
前端·javascript·pdf·状态模式
是千千千熠啊3 小时前
vue使用Fabric和pdfjs完成合同签章及批注
前端·vue.js
学地理的小胖砸3 小时前
【Python 操作 MySQL 数据库】
数据库·python·mysql
九月TTS3 小时前
TTS-Web-Vue系列:组件逻辑分离与模块化重构
前端·vue.js·重构