Django开发之前后端分离快速入门

最新推荐文章于 2024-08-16 18:04:38 发布
最新推荐文章于 2024-08-16 18:04:38 发布
阅读量3.6k 收藏 32
点赞数 8
分类专栏： Python系列 文章标签： Django前后端分离 PythonWeb开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_32306361/article/details/106839812
版权

Django开发之前后端分离快速入门


前言：为什么要进行前后端分离开发，我感觉这是一个哲学问题，django也提供了相应的模版，其实也是可以进行前后端不分离开发的，但是一个人的精力是有限的，加上时间问题，所以要进行前后端分离开发，后端的开发好之后，不仅能把数据提供给前端，还可以把数据提供给安卓、IOS、小程序等。

1.环境配置

1.1 Django安装

python -m pip install Django==3.0.5 -i https://pypi.tuna.tsinghua.edu.cn/simple

注意：版本项目用的版本是Python3.8+Django3.0.5

2.2 创建项目

可以使用pycharm创建项目，如下图所示：
在这里插入图片描述
也可以使用以下命令创建项目：

django-admin startproject django_demo

3.3 配置mysql数据库

找到django_demo下的settings.py文件，然后修改“DATABASES”成你的数据库，如下所示：

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.mysql',
        'NAME': 'django_demo',#数据库的名字，在使用之前，需要先自己在mysql里面创建这个数据库
        'USER': 'root',#账号
        'PASSWORD': 'root',#密码
        'HOST': 'localhost',#主机
        'PORT':3306#端口号
    }
}

然后需要在django_demo下的 init.py文件里面导入pymysql，代码如下：

import pymysql
pymysql.install_as_MySQLdb()

2.Django常用的命令

2.1 创建项目

django-admin startproject 项目名字

2.2 创建应用

python manage.py startapp 应用名

2.3 创建表和迁移到数据库中

python manage.py makemigrations 应用名
python manage.py migrate

3.创建数据库和表

3.1 创建一个students应用

python manage.py startapp students

创建好之后，我们需要在根目录下创建一个apps的文件夹，然后把students的文件夹移动到这个apps的文件夹中去，然后在django_demo下的settings.py需要添加这个应用，如下图：
在这里插入图片描述
在这里插入图片描述

3.2 创建数据库和表

在students文件夹下的models.py添加以下代码：

from django.db import models
from django.contrib.auth.models import AbstractUser

class Stdudent(models.Model):
    name = models.CharField(max_length=200)
    number = models.CharField(max_length=200)
    addre = models.CharField(max_length=200)
    class Meta:
        db_table = 'student'
        verbose_name = '学生'
        verbose_name_plural = verbose_name

然后执行一下语句

python manage.py makemigrations students
python manage.py migrate

此时mysql数据库表已经创建好

4.配置URL

django_demo文件夹下的urls.py代码如下所示：

from django.contrib import admin
from django.urls import path, include

urlpatterns = [
    path('admin/', admin.site.urls),
    path('api/student/',include('apps.students.urls'))#配置的url地址
]

然后在students文件夹下创建一个urls.py，添加一下代码：

from django.urls import path
from apps.students import student
urlpatterns = [
    path('students',student.dispatcher) #dispatcher是student.py里面的一个方法
]

5.前后端分离

所谓的前后端分离，就是我们后端只需要关注后端即可，然后按照事先约定的接口，我们给前端提供json数据即可。
注意：这里我们需要注释掉settings里面的csrf验证
在这里插入图片描述
在students文件夹下新建一个student.py文件，添加以下代码：

import traceback
from django.http import HttpResponse,JsonResponse
from apps.students.models import Stdudent
import json
from django.core.paginator import Paginator, EmptyPage

def dispatcher(request):

    # GET请求 参数在url中，同过request 对象的 GET属性获取
    if request.method == 'GET':
        request.params = request.GET

    # POST/PUT/DELETE 请求 参数 从 request 对象的 body 属性中获取
    elif request.method in ['POST','PUT','DELETE']:
        # 根据接口，POST/PUT/DELETE 请求的消息体都是 json格式
        request.params = json.loads(request.body)

    # 根据不同的action分派给不同的函数进行处理
    action = request.params['action']
    if action == 'list_student':
        return liststudents(request)
    elif action == 'list_student2':
    	return liststudents2(request)
    elif action == 'add_student':
        return addstudent(request)
    elif action == 'modify_student':
        return modifystudent(request)
    elif action == 'delete_student':
        return deletestudent(request)
    else:
        return HttpResponse(json.dumps({'ret': 1, 'msg': '不支持该类型http请求'},ensure_ascii=False),content_type='application/json')

def liststudents(request):
    """获取所有的学生名单"""
    qs = Stdudent.objects.values()
    retlist = list(qs)
    # return JsonResponse({'ret':0,'retlist':retlist})
    return HttpResponse(json.dumps({'ret':0,'retlist':retlist}, ensure_ascii=False), content_type='application/json')

def liststudents2(request):
    """分页查询"""
    try:
        pagenum = request.params['pagenum']
        pagesize = request.params['pagesize']
        qs = Stdudent.objects.values()
        pgnt = Paginator(qs, pagesize)
        page = pgnt.page(pagenum)
        retlist = list(page)
        return JsonResponse({'ret': 0, 'retlist': retlist, 'total': pgnt.count},charset='utf-8')
    except EmptyPage:
        return JsonResponse({'ret': 0, 'retlist': [], 'total': 0},charset='utf-8')
    except:
        return JsonResponse({'ret': 2, 'msg': f'未知错误\n{traceback.format_exc()}'},charset='utf-8')


def addstudent(request):
    """添加学生"""
    info = request.params['data']
    try:
        student = Stdudent.objects.get(name=info['name'])
    except Stdudent.DoesNotExist:
        student = None
    if student:
        return JsonResponse({'ret': 1, 'msg': '用户名已经存在'},charset='utf-8')
    record = Stdudent.objects.create(name=info['name'], number=info['number'], addre=info['addre'])
    return JsonResponse({'ret':0,'id':record.id})

def modifystudent(request):
    """修改学生信息"""
    student_id = request.params['id']
    newdata = request.params['newdata']

    try:
        studnet = Stdudent.objects.get(id=student_id)
    except Stdudent.DoesNotExist:
        print("客户不存在")
        return {
            'ret':1,
            'msg':'客户不存在'
        }

    if 'name' in newdata:
        studnet.name = newdata['name']
    if 'number' in newdata:
        studnet.number = newdata['number']
    if 'addre' in newdata:
        studnet.addre = newdata['addre']
    studnet.save()
    print("修改成功")
    return {'ret':0}

def deletestudent(request):
    """删除学生信息"""
    student_id = request.params['id']

    try:
        student = Stdudent.objects.get(id=student_id)
    except Stdudent.DoesNotExist:
        return {
            "ret":1,
            "msg":"用户不存在"
        }
    student.delete()
    return JsonResponse({'ret':0},charset='utf-8')

6.测试

测试的意思就是模拟浏览器请求数据，但是我们不能等前端开发结束之后，在进行测试，所以我们要借助request方法，进行模拟浏览器测试。

import requests,pprint

def query():
    """查询"""
    response = requests.get('http://127.0.0.1:8000/api/student/students?action=list_student')
    print(response.status_code)
    print(response.json())
    # pprint.pprint(response.json())

def query2():
    """分页查询"""
    payload = {
        'action': 'list_student2',
        'pagenum': 1,
        'pagesize': 3
    }
    response = requests.get('http://127.0.0.1:8000/api/student/students',params=payload)
    pprint.pprint(response.json())

def add_student():
    """增加一个学生"""
    payload = {
        "action":"add_student",
        "data":{
            "name":"fly9",
            "number":"8888",
            "addre":"鹿邑"
        }
    }

    response = requests.post('http://127.0.0.1:8000/api/student/students',json=payload)
    pprint.pprint(response.json())

def modify_student():

    payload = {
        "action":"modify_student",
        "id":4,
        "newdata":{
            "name": "fly6",
            "number": "123",
            "addre": "鹿邑222"
        }
    }
    response = requests.post('http://127.0.0.1:8000/api/student/students', json=payload)
    print(response)
    # pprint.pprint(response.json())

def delete_student():
    payload = {
        "action":"delete_student",
        "id":4
    }
    response = requests.post('http://127.0.0.1:8000/api/student/students', json=payload)
    pprint.pprint(response.json())

if __name__ == '__main__':
    add_student()
    # query()
    # modify_student()
    # delete_student()
    # query2()

测试结果：
查询所有的学生信息：
在这里插入图片描述
分页查询结果：
在这里插入图片描述
其他自行测试。

当然在一个比较大的项目里我们需要考虑的问题还是很多的，这只是一个入门案例，希望能给大家带来帮助！
下一章节介绍redis缓存的使用！！！

等待着冬天的风
关注
专栏目录
Django教程第1章 | 快速入门
仲君Johnny的博客
01-05 1350
摘要：Django简介、Django特点、MVC与MTV模型、安装Django、开发用户管理案例
前后端分离开发入门学习资源.md
04-20
在具体的开发实践中，通常会使用各种前端框架（如React, Angular, Vue等）和后端框架（如Django, Flask, Spring Boot等）来加速开发。以Django为例，它是一个流行的Python Web框架，本身就支持RESTful API的开发。在...
跨域问题（前后端分离）
m0_63154316的博客
02-25 420
前后端分离、跨域问题
vuejs+django2.0前后端分离项目
01-16
vuejs+django2.0前后端分离项目,适用于全栈开发。需要有一定的前端基础，前端框架用的是vuejs，后端用的是django写的api。可以在这个项目的基础上进行二次开发
【Django开发】前后端分离django美多商城项目第2篇：展示用户注册页面,1. 创建用户模块子应用【附代码文档】
最新发布
一诺的博客
08-16 746
本教程的知识点为： 项目准备 项目准备 配置 1. 修改settings/dev.py 文件中的路径信息 2. INSTALLED_APPS 3. 数据库 用户部分 图片 1. 后端接口设计： 视图原型 2. 具体视图实现 用户部分 使用Celery完成发送 判断帐号是否存在 1. 判断用户名是否存在 后端接口设计： 用户部分 JWT 什么是JWT 起源 传统的session认证 用户部分 登录 1. 业务说明 2. 后端接口设计 3. 后端实现 登录 使用登录的流程 创建模型类 urllib使用说明 登录
Django 前后端分离（REST Framework）
小谷同学
06-28 6031
一. 关于前后端分离需要知道的一些术语 （一）什么是RESTful API？ 要弄清楚什么是RESTful API,首先要弄清楚什么是REST。REST – REpresentational State Transfer，英语的直译就是“表现层状态转移”。如果看这个概念，估计没几个人能明白是什么意思。那下面就让我来用一句人话解释一下什么是RESTful:URL定位资源，用HTTP动词（GET,POST,PUT,DELETE)描述操作。RESTful 是典型的基于HTTP的协议。Resource：资源，即数据
Django实现前后端分离开发
weixin_44634704的博客
07-30 468
以之前车辆违章项目来做 修改urls.py path('api/',api) #返回json收据的url 在views.py中添加函数 def api(request:HttpRequest) -> HttpResponse: queryset = Record.objects.filter(is_deleted=False)\ .dafer('is_deleted','deleted_time','updated_time')\ .select_related(
Django REST framework框架，前后端分离
qq_42740465的博客
02-24 6725
Django REST framework框架，前后端分离
Django前后端分离
kylinxjd的博客
06-03 587
一、安装node.js windows安装并配置node.js、npm 前端使用ajax向后台发送请求 $(function () { $("#btn").click(function () { var data = { 'username': $('#username').val(), ...
Python Django入门项目个人博客源代码，学Web开发必做的项目
04-21
**Python Django 入门项目：个人博客搭建** 在IT行业中，Web开发是一项至关重要的技能，而Python Django框架是其中的一款强大工具。这个个人博客源代码项目对于初学者来说，是学习Django和Web开发的理想起点。...
前后端分离：结合React框架与Django后端开发
而前后端分离则是指前端与后端的开发分别独立进行，通过API进行数据交互，前端负责页面展示与交互逻辑，后端负责数据处理与业务逻辑。这种模式的好处在于前后端团队可以更专注于各自的领域，提高开发效率和扩展性。 ...
后端开发学习指南：从入门到精通的路径规划
04-28
### 后端开发学习指南：从入门到精通的路径规划 #### 一、基础编程语言 在后端开发中，选择合适的编程语言是至关重要的第一步。以下几种编程语言被广泛应用于后端开发： 1. **Java**：Java 是一种跨平台的面向...
Django--前后端分离-后端（一）简单实现一个留言板demo
万物皆有灵
01-07 5466
一、安装Django依赖包 安装依赖包方法 Django==4.0 django-cors-headers==3.10.1 djangorestframework==3.13.1 二、创建Django项目 1、创建testBackends项目 django-admin startproject testBackends 2、创建test模块 （1）cd进入testBackends项目 （2）创建任意项目模块如：test1 python3 manage.py startapp test1 3、启动Dja
drf专栏 02.使用django实现前后端分离
Web Python
04-09 2970
# 01.使用django实现前后端分离 [toc]{type: "ol", level: [2, 3, 4, 5]} ### 环境搭建 #### 查看项目环境 ```python pip list ``` #### 安装django环境 ```python pip install django ``` <br><br> ### 应用 #### 创建应用 ```python python manage.py startapp shop # python ../../man...
Django前后端分离模式
qq_15203169的博客
01-08 666
Django前后端分离模式
Django前后端分离概念解析
lienze.tech
11-25 5152
前言 这几年一直在it行业里摸爬滚打，一路走来，不少总结了一些python行业里的高频面试，看到大部分初入行的新鲜血液，还在为各样的面试题答案或收录有各种困难问题 于是乎，我自己开发了一款面试宝典，希望能帮到大家，也希望有更多的Python新人真正加入从事到这个行业里，让python火不只是停留在广告上。 微信小程序搜索：Python面试宝典 或可关注原创个人博客：https://lienze.tech 也可关注微信公众号，不定时发送各类有趣猎奇的技术文章：Python编程学习 基本概念 什么是前后端分离
Django+Vue创建项目前后端分离
我就是我是好孩子的博客
04-29 1765
Django+Vue创建项目前后端分离
Django前后端分离之后端实践-基础
种一棵树，最好的结果是十年前，其次是现在！
02-05 2039
聚合函数(from django.db.models import Sum,Avg,Max,Min)语法：{{ 管道符号 | 过滤器 }} eg:{{ xxx | lower}}F对象与Q对象（from django.db.models import F）插入数据，进入交互环境： python manage.py shell。语法： 一模型类名小写__一模型类属性名__条件运算符=值。ForeignKey ：一对多，将字段定义在多的一方中。语法： 关联模型类名小写__属性名__条件运算符=值。
python数据分离用什么好_Python编程：前后端分离开发入门
weixin_39533659的博客
12-07 152
前后端分离开发入门在传统的Web应用开发中，大多数的程序员会将浏览器作为前后端的分界线。将浏览器中为用户进行页面展示的部分称之为前端，而将运行在服务器，为前端提供业务逻辑和数据准备的所有代码统称为后端。所谓前后端分离的开发，就是前后端工程师约定好数据交互接口，并行的进行开发和测试，后端只提供数据，不负责将数据渲染到页面上，前端通过HTTP请求获取数据并负责将数据渲染到页面上，这个工作是交给浏览器中...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

等待着冬天的风

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值