Django 前后端数据传输、ajax、分页器

内容目录:

  一、MTV与MVC模式
  二、多对多表三种创建方式
  三、前后端传输数据
  四、Ajax
  ? 五、批量插入数据
  六、自定义分页器

一、MTV与MVC模式

  1. MTV模型

    Django就是基于MTV模型的框架,其中:
    M:模型层 models.py
    T:templates
    V:视图层 views
    
  2. MVC模型
    M:模型层 models
    V:视图层 views
    C:控制器 controller
    
    本质:django的MTV也是MVC
    

二、多对多表三种创建方式

  1. 第一种:Django ORM自动帮创建

    class Book(models.Model):
    	name = models.CharField(max_length=32)
    	authors = models.ManyToManyField(to=‘Author‘)
    
    class Author(models.Model):
    	name = models.CharField(max_length=32)
    
    # 多对多字段在任意一张表中都可以创建,一般建议在查询频率高的那张表中建
    # 在Django中,上面的操作--指定Book与Author字段是多对多的关系,Django会自动创建二者关系的表
    # 好处是不用操心第三行表的创建
    # 不足的地方在于,无法在这张表中添加新的字段(只是本表的字段),只能是指定的这几个关联的字段
    
  2. 第二种:纯手动创建第三张表
    class Book(models.Model):
        name = models.CharField(max_length=32)
    
    class Author(models.Model):
        name = models.CharField(max_length=32)
    
    class Book2Author(models.Model):
        book = models.ForeignKey(to=‘Book‘)
        author = models.ForeignKey(to=‘Author‘)
        info = models.CharField(max_length=32)
    
    # 手动新建第三张表,将该表中的几个字段关联到Book和Author表中
    # 不足的地方在于不支持双下划线的反向查询方式
    # 好处在于扩展性大,可以添加出来关联的字段,还可以添加这个表自己的字段
    
  3. 第三种:半自动创建第三张表
    class Book(models.Model):
        name = models.CharField(max_length=32)
        # 第三种创建表的方式
        authors = models.ManyToManyField(
            to=‘Author‘,through=‘Book2Author‘,through_fields=(‘book‘,‘author‘))
    
    class Author(models.Model):
        name = models.CharField(max_length=32)
    	# book = models.ManyToManyField(
        to=‘Book‘,through=‘Book2Author‘,through_fields=(‘author‘,‘book‘))
    
    class Book2Author(models.Model):
    	book = models.ForeignKey(to=‘Book‘)
    	author = models.ForeignKey(to=‘Author‘)
    	info = models.CharField(max_length=32)
    
    # 同样是要手动创建第三张表,像第二种方法那样,同样也需要操作第一种的方式,不过要添加参数
    # 这样建起来虽然麻烦了点,但是扩展性强的同事,又可以通过点点点(基于对象/双下划线)来操作数据
    

三、前后端传输数据

  1. urlencoded

    Request Headers里:Content-Type: application/x-www-form-urlencoded
    
    前端对应的数据格式
    	name=tyft&password=23s3
    
    后端获取数据
    	request.POST
    
    ps: django会将urlencoded编码的数据解析自动放到request.POST
    
  2. multipart/form-data
    form表单传输文件的编码格式
    后端获取文件格式数据
    	request.FILES
    
    后端获取普通键值对数据
    	request.POST
    
  3. application/json
    ajax发送json格式数据,数据在request.body中
    
    需要注意的点
    	编码与数据格式要一致
    

四、Ajax

给个链接:https://www.cnblogs.com/xt12321/p/11025037.html

五、批量导入数据

l = []
for i in range(10000):
	l.append(models.Book2(name=‘第%s本书‘%i))
models.Book2.objects.bulk_create(l)  # 批量插入数据

六、自定义分页器

后端:
    book_list = models.Book2.objects.all()
    # 数据总条数
    all_count = book_list.count()
    # 当前页
    current_page = request.GET.get(‘page‘,1)
    # 示例一个分页器对象
    page_obj = my_page.Pagination(current_page=current_page,all_count=all_count)
    # 对总数据进行切片
    page_queryset = book_list[page_obj.start:page_obj.end]

前端:
    {{ page_obj.page_html|safe }}  # 帮你渲染的是带有bootstrap样式的分页器

# 直接导包用就好

给个单独的链接:https://www.cnblogs.com/xt12321/p/11025055.html

原文地址:https://www.cnblogs.com/xt12321/p/11024417.html

时间: 2024-11-08 11:40:48

Django 前后端数据传输、ajax、分页器的相关文章

django前后端数据传输学习记录

在开发过程中会遇到这样的情况 后台返回了一堆的数据,是一个列表 例如 datas = [{"a":1, "b":2}, {"c": 3,"d":4}, {"c": 3,"d":4}, {"c": 3,"d":4}] 前端的html可以通过使用 <div id="test"> {% for data in datas

SpringSecurity解决跨域问题,在SpringBoot整合SprinSecurity中如何用前后端分离Ajax登录,Ajax登录返回状态200还是近error

先说说SpringSecurity如何实现前后端分离Ajax登录? 今天使用SpringBoot整合SpringSecurity中想使用Ajax替代SpringSecurit的Form表单提交,在这里我们的提交方式还是使用表单提交 http.formLogin().loginProcessingUrl("/authentication/form") loginProcessingUrl方法表示你登录请求的地址,在这里SpringSecurity默认登录页面地址是/login ,填写了u

从零开始搭建django前后端分离项目 系列一(技术选型)

前言 最近公司要求基于公司的hadoop平台做一个关于电信移动网络的数据分析平台,整个项目需求大体分为四大功能模块:数据挖掘分析.报表数据查询.GIS地理化展示.任务监控管理.由于页面功能较复杂,所以采用前后端分离方式开发.前端采用webpack+vue+vue-router+axios技术栈,后端用django进行开发.从搭建到上线,整个项目前前后后花了差不多一个月时间,中途也遇到一些问题,不过还好都解决了.由于是个人项目,所以我打算把源码贡献出来大家一起讨论学习. 源代码 https://g

Django前后端分离跨域请求问题

一.问题背景 之前使用django+vue进行前后端分离碰到跨域请求问题,跨域(域名或者端口不同)请求问题的本质是由于浏览器的同源策略导致的,当请求的响应不是处于同一个域名和端口下,浏览器不会接受响应,同源策略也是浏览器针对请求的安全问题所作出的一种保护行为.针对跨域问题,可以有下面的解决方式: JSONP方式 自定义中间件,设置响应头 使用django-cors-headers包 二.解决方式 (一)自定义中间件 JSONP本质上是利用html的一些不受同源策略影响的标签属性src,例如:<a

django 前后端分离,后端接口实现

博客篇我们使用的是前后端不分离的方式进行实现,前后端不分离实现方式,主要用于小型的项目,且一个人就可以搞定所有,但是中大型的应用还是用的前后端分离的方式进行的 前后端分离方式后台主要给前端提供接口,前端JS调用后台的接口,根据接口定义的传参进行传参,得到返回值,然后展现在页面上,或者对数据进行了操作,把操作后的数据传给后端,后端进行数据的更新等 下面的例子我们主要从基本的增删改查进行设计后台接口部分 一.准备工作 1.modles.py文件中,创建student表,用于进行增删改查 class

ajax向Django前后端提交请求和CSRF跨站请求伪造

1.ajax登录示例 urls.py from django.conf.urls import url from django.contrib import admin from app01 import views urlpatterns = [ url(r'^admin/', admin.site.urls), url(r'^login_ajax/$', views.login_ajax, name='login_ajax'), url(r'^index/$', views.index, n

ajax 前后端数据传输demo实例

先写html页面(test.html): 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf8"> 5 <title>ajax</title> 6 <script type="text/javascript" src='http://apps.bdimg.com/libs/jquery/1.6.4/jquery.min.js'&

SSM框架用JSON进行前后端数据传输

一个根据用户id查找用户信息的简单功能,使用JSON进行数据的传输 前端代码 这里用bootstrap做简单的样式美化,中间留了个div用来异步的显示查询结果,ajax进行前端的数据传输(class内容可以无视,只有美化效果): <form class="form-horizontal" > <label for="firstname" class="col-sm-2 control-label">用户ID</lab

Nginx+uwsgi+celery+supervisor部署Django前后端分离项目

本实验实现了负载均衡.反向代理.动静分离,还实现了根据客户端设备user-agent进行转发,也就是移动端和PC端访问的页面不一样. 1. 项目部署逻辑图 2. 环境准备 服务器:6台VM操作系统:CentOS7LB.www.wap:安装Nginxuwsgi1.uwsgi2:安装nfs-utils.Python3解释器.virtualenvNFS:安装NFSMRCS:安装MySQL.Redis.virtualenv 注意:这里不介绍软件的安装Nginx安装参考:http://blog.51cto