一、创建Django项目

安装django库

pip install django

创建django项目,以下两种方法均可

使用命令行指令

windows系统中在命令行窗口中输入指令(win+r打开小窗口,输入cmd回车进入命令行窗口)

python如何主动给前端发送数据 python django前端_python调用数据库数据给前端url

先使用 cd 命令移动到想把项目放置的路径中

cd C:\Users\zxc\chaochao\PythonProject\DjangoProject

输入指令创建Django项目

django-admin.py startproject mytestmy

在pycharm(专业版)中点击鼠标创建

pycharm社区版不能通过点击方式创建Django项目

python如何主动给前端发送数据 python django前端_python调用数据库数据给前端url_02

第一个红框中是 项目绝对路径\项目名(最后一个 \ 后的是新建项目的项目名)

第二个红框和第四个红框是选择项目的执行环境(二选一)

New environment 会自动新建一个虚拟环境

如果选择新建虚拟环境,建议勾选上第三个红框,该选项是设置是否可以使用系统中通过 pip install 命令安装的第三方库

Existing interpreter 是使用电脑上全局的python环境(日常学习时推荐使用)

创建后的项目文件结构

python如何主动给前端发送数据 python django前端_django_03

二、创建Django应用

在编辑器的终端中输入命令

python manage.py startapp app

app 是创建的应用名

一个Django项目可以创建多个应用

python如何主动给前端发送数据 python django前端_数据库_04

三、修改配置文件

修改 settings.py 文件

添加上刚才创建的应用名

python如何主动给前端发送数据 python django前端_python_05

其他地方可以修改,也可以不修改

常用的一些修改地方:

python如何主动给前端发送数据 python django前端_python调用数据库数据给前端url_06

第一个:修改默认语言为中文

第二个:修改时间为北京时间

四、编写应用模型

编辑models.py

from django.db import models
# Create your models here.
class Person(models.Model):
# 姓名 str类型,verbose_name 是后台管理界面中显示的内容
name = models.CharField(max_length=20,verbose_name='姓名')
# 年龄 int型
age=models.IntegerField(verbose_name='年龄')
# 成绩 float类型
score = models.FloatField(verbose_name='成绩')

python如何主动给前端发送数据 python django前端_python_07

五、连接数据库,将Django项目与数据库连接起来

在编辑器终端中输入数据迁移指令(数据迁移就是将django项目中的model文件中的类与数据库关联起来,一个类就是数据库中的一个表)

django 自带一个轻量级关系型数据库 sqlite3,无需安装即可使用

可以修改为mysql,MongoDB等数据库,见本人其他文章

执行数据迁移命令

python manage.py makemigrations

python manage.py migrate

两条领命都需要执行,且前后顺序不能乱

python如何主动给前端发送数据 python django前端_python_08

此时项目文件中会自动生成一些文件

python如何主动给前端发送数据 python django前端_django_09

如果执行时报错,说明某些文件中代码有错误

修改代码后,删除红框中的第一个文件,重新执行迁移命令即可

六、编写项目展示页面

编辑 views.py 文件

from django.shortcuts import render
from .models import Person
# Create your views here.
def index(request):
# 查询出Person对象信息,也就是数据表中的所有数据
# 一行数据就是一个对象,一个格子的数据就是一个对象的一个属性值
objs = Person.objects.all()
# locals函数可以将该函数中出现过的所有变量传入到展示页面中,即index.html文件中
return render(request,'index.html',locals())

python如何主动给前端发送数据 python django前端_数据库_10

七、配置项目路由地址

编辑 urls.py 文件

只需添加两行代码即可

from django.contrib import admin
from django.urls import path
from app.views import *
urlpatterns = [
path('admin/', admin.site.urls),
# '' 内容为空,可以理解为首页
path('',index)
]

python如何主动给前端发送数据 python django前端_django_11

八、创建后台管理功能

创建超级用户指令

python manage.py createsuperuser

输入用户名和邮箱

python如何主动给前端发送数据 python django前端_python如何主动给前端发送数据_12

提示输入密码时,键盘输入的密码不会显示

注册后台管理信息

编写 admin.py 文件

from django.contrib import admin
from .models import Person
# Register your models here.
admin.site.register(Person)

python如何主动给前端发送数据 python django前端_数据库_13

九、启动项目,添加学生信息,查看页面展示效果

启动项目

在编辑器终端中输入启动指令

python manage.py runserver

python如何主动给前端发送数据 python django前端_数据库_14

鼠标点击蓝色连接

会自动打开一个页面,但是页面中什么都没有

不要慌,这是因为我们的数据库中没有信息

python如何主动给前端发送数据 python django前端_python_15

在浏览器的url中添加上 /admin

python如何主动给前端发送数据 python django前端_django_16

回车,会进入后台管理页面,输入刚才创建超级用户时的用户名和密码

进入后台页面后,url会自动变为其他的

python如何主动给前端发送数据 python django前端_python如何主动给前端发送数据_17

添加数据库信息

点击添加学生信息

python如何主动给前端发送数据 python django前端_python调用数据库数据给前端url_18

python如何主动给前端发送数据 python django前端_数据库_19

python如何主动给前端发送数据 python django前端_django_20

输入学生信息,点击保存后,即可将数据同步到slqlite3数据库中

添加学生信息页面默认显示英文,models文件中的 verbose_name 的作用就是设置这里的

查看展示效果

这时,我们重新进入刚才空白的那个页面,可以看到已经显示刚才添加的数据了

python如何主动给前端发送数据 python django前端_python_21