目录 sweetalert插件 bulk_create 批量插入数据 分页器 简易版本的分页器的推导 自定义分页器的使用(组件) sweetalert插件 有这么一个需求: ​ 当用户进行一个删除数据的操作时,弹出一个二次确认的动态框样式? 其实,这里就可以使用sweetalert插件实现. 首先先下载该插件:Bootstrap-sweetalert项目 上图下载完毕,解压后找到dist文件夹,拷贝到当前项目的static文件夹下,导入此文件的两个文件,和bootstrap框架中的css.js文…

一.ajax简介: XML也是一门标记语言该语法应用场景 1.写配置文件 2.可以写前端页面(odoo框架中 erp) 每家公司都会有属于这家公司独有的内部管理软件:专门用来开发企业内部管理软件 框架 odoo:odoo框架内部功能实现 全部依赖于python2:薪资计算. AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容.(这一特点给用户的感受是在不知不觉中完成请求和响应过程) ajax,我们在学的时候只学JQuery封装好的方法 不需要掌握原生js版…

目录 ajax结合sweetalert使用 bulk_create批量插入数据 分页器的使用 ajax结合sweetalert使用 ajax可以在不刷新页面的情况下与后端进行交互,在对数据进行操作的时候,可以让ajax与sweetalert一起使用,sweetalert是页面框,当用户在删除数据的时候,可以给用户一个确认的机会,这个时候就可以使用ajax与sweetalert一起使用,在不刷新页面的情况下进行页面的交互. 1. var $btn = $(this); # this 表示当前对象本…

目录 models 字段补充 choices 参数/字段(用的很多) MTV与MVC模型 科普 Ajax 发送 GET.POST 请求的几种常见方式 用 Ajax 做一个小案例 准备工作 动手用 Ajax 实现效果 contentType 前后端传输数据编码格式 ajax 提交数据 ajax发 json 格式数据 ajax 传文件 序列化组件 利用 sweetalert 搭建页面(弹窗) 弹窗中文支持不太好,手动修改样式 页面数据没刷新的问题 自定义分页器 批量插入测试数据 bulk_creat…

目录 一.Sweetalert使用AJAX操作 二.bulk_create 三.分页器 divmod 分页器组件 自定义分页器的使用 一.Sweetalert使用AJAX操作 ​ sweetalert下载地址 Sweetalert $("#b55").click(function () { swal({ title: "你确定要删除吗?", text: "删除可就找不回来了哦!", type: "warning", showC…

bulk_create批量插入数据 models.py文件 class Book(models.Model): title=models.CharField(max_length=32) urls.py文件 from app01 import views urlpatterns = [ url(r'^admin/', admin.site.urls), #首页 url(r'^$', views.home), #访问该url就会往book表中批量插入数据 url(r'^index/', views…

目录 一.ajax结合sweetalter 二.bulk_create批量插入数据 三.简易版分页器推导 1. 推导步骤 四.自定义分页器的使用 1. 自定义分页器模板 2. 使用方法 (1)后端代码和前端代码 一.ajax结合sweetalter """ 如果是ajax进行前后端交互,通常后端会返回给ajax一个字典 """ ajax结合sweetalter实现点击删除按钮时,弹出提示框,提现用户是否真的要删除,点击"确定"…

1 ajax发送其他请求 1 写在form表单 submit和button会触发提交 <form action=""> </form> 注释 2 使用input 类型为 button <input type="button" id="id_btn" value="提交"> 1 大坑 -如果在form表单中,写button和input是submit类型,会触发form表单的提交 -如果不想触发…

目录 一.ajax结合sweetalert实现删除按钮动态效果 二.bulk_create批量插入数据 1. 一条一条插入 2. 批量插入 三.自定义分页器 一.ajax结合sweetalert实现删除按钮动态效果 可以将sweetalert动态效果绑定在按钮的js事件上.可以使alert触发框好看一点. 当ajax需要对数据进行修改时,可以通过alert框进行确认. // 可以在我的github上复制 $('.del').click(function () { let $btn = $(thi…

目录 一.ajax结合sweetalert实现删除按钮动态效果 二.bulk_create批量插入数据 1. 一条一条插入 2. 批量插入 三.自定义分页器 一.ajax结合sweetalert实现删除按钮动态效果 可以将sweetalert动态效果绑定在按钮的js事件上.可以使alert触发框好看一点. 当ajax需要对数据进行修改时,可以通过alert框进行确认. // 可以在我的github上复制 $('.del').click(function () { let $btn = $(thi…

``` Ajax 前端朝后端发送请求都有哪些方式 a标签href GET请求 浏览器输入url GET请求 form表单 GET/POST请求 Ajax GET/POST请求 前端朝后端发送数据的编码格式 contentType参数,用来表示前端朝后端发送数据的编码格式 urlencoded:name=jason&pwd=123 request.POST # urlencoded是form表单和ajax提交数据默认的编码方式 formdata:request.FILES appliction/j…

ajax简单数据响应 ajax请求,后台只需要返回信息,所以不会出现render.redirect 模板层: $('.btn').click(function() { $.ajax({ url: '/ajaxload/', // 请求路径 type: 'get|post', // 请求方式 data: { // get和post都以data字典方式携带数据 usr: 'abc', pwd: '123', }, success: function(data) { // data为string类型数…

昨日内容回顾 基于对象的跨表查询 正向查询:关联属性在A表中,所以A对象找关联B表数据,正向查询 反向查询:关联属性在A表中,所以B对象找A对象,反向查询 一对多: 按字段:xx book ------------------ > publish <-------------------- 按表名小写__字段名.比如publish__name 多对多: 正 按字段:xx book ------------------------- > author <---------------…

一.Django与Ajax AJAX准备知识:JSON 什么是 JSON ? JSON 指的是 JavaScript 对象表示法(JavaScript Object Notation) JSON 是轻量级的文本数据交换格式 JSON 独立于语言 * JSON 具有自我描述性,更易理解 * JSON 使用 JavaScript 语法来描述数据对象,但是 JSON 仍然独立于语言和平台.JSON 解析器和 JSON 库支持许多不同的编程语言. 合格的json对象: ["one", &quo…

Django和Ajax 一.什么是Ajax AJAX(Asynchronous Javascript And XML)翻译成中文就是“异步的Javascript和XML”.即使用Javascript语言与服务器进行异步交互,传输的数据为XML(当然,传输的数据不只是XML) AJAX 不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行. 同步交互:客户端发出一个请求后,需要等待服务器响应结束后,才能发出第二个请求: 异步交互:客户端发出一个请求后,无需等待服务器响应结束,就可…

前后端传输数据的编码格式(contentType) 提交post请求的两种方式: form表单 ajax请求 前后端传输数据的编码格式 urlencoded formdata(form表单里的) jaon 研究form表单 默认的数据编码格式是urlencoded 数据格式:username=jas…

MTV与MVC MTV模型: ​ M:模型层(models.py),负责业务对象和数据库关系的映射(ORM) ​ T:模板层(Template),负责如何把页面展示给用户(HTML) ​ V:视图层(views.py),负责业务逻辑,并在适当的时候调用Model和Template MVC模型: ​ Web服务器开发领域里著名的MVC模式,所谓MVC就是把Web应用分为模型(M),控制器(C)和视图(V)三层,他们之间以一种插件式的.松耦合的方式连接在一起,模型负责业务对象与数据库的映射(ORM)…

MTV与MVC(了解)…

---恢复内容开始--- 一.choices字段  1.实列  前端代码 <div class='container'> <div class="row"> <h3>用户详情表</h3> <div class="col-md-8 col-md-offset-2"> <table class="table table-striped table-bordered table-hover&quo…

MTV与MVC模型 MTV与MVC都是模型,只不过MTV是django自己定义的,具体看一下他们的意思 MTV模型(django) M:模型层(models.py) T:templates文件夹 V:视图层(views) MVC模型 M:模型层 V:视图层(views.py) C:控制器(Controller) urls.py 总结:本质上django的MTV也是MVC 前后端传输数据编码格式 首先,在我们不指定传输数据的时候,默认的contentType都是urlencoded urlenco…

python Django之Ajax AJAX,Asynchronous JavaScript and XML (异步的JavaScript和XML),一种创建交互式网页应用的网页开发技术方案. 异步的JavaScript:使用 [JavaScript语言] 以及 相关[浏览器提供类库] 的功能向服务端发送请求,当服务端处理完请求之后,[自动执行某个JavaScript的回调函数].PS:以上请求和响应的整个过程是[偷偷]进行的,页面上无任何感知. XMLXML是一种标记语言,是Ajax在和后台…

django 接受 ajax 传来的数组对象 发送:ajax 通过 POST 方式传来一个数组 接收:django 接受方式 array = request.POST.getlist(‘key[]’) 其中,key为包含该数组的键值对的键. 尤其要注意“[]”,少了它将不能接受成功 为什么要加”[]”? 分析前台发送数据,我们会发现:ajax自动给数组中的数据的键名后添加了”[]” 转自: https://www.cnblogs.com/mocean/p/6529753.html *******…

Django使用AJAX调用自己写的API接口 *** 具体代码和数据已上传到github https://github.com/PythonerKK/eleme-api-by-django-restful-framework *** 在这个例子中,我们将使用Django编写饿了么高校外卖商家查询API接口,并且使用AJAX技术来实现API接口的使用,包括使用ajax get方法加载更多数据,使用ajax方法来更新.修改.新增.删除数据.利用API可以做到前后端分离,为开发web应用提供了便利.…

Ajax 提交数据,页面不刷新 Ajax要引入jQuery Django之Ajax提交 Js实现页面的跳转: location.href = "/url/" $ajax({ url:'要提交的地址', type:"POST", #GET 或 POST 的提交方式 data:{"k1":"v1","k2":"v2"}, #提交的数据 success:function(data){ #当前服…

目录 Django之AJAX传输JSON数据 AJAX 中 JSON 数据传输: django响应JSON类型数据: django 响应 JSON 类型数据: Django之AJAX传输JSON数据 AJAX 中 JSON 数据传输: AJAX请求JSON类型数据: AJAX通过GET或者POST方式都可以发送JSON数据请求,需要指定内容类型:'Content-Type':'application/json',post请求必须设置 headers :{ 'X-CSRFToken' : $ (…

[Django高级之批量插入数据.分页器组件] 批量插入数据 模板层models.py from django.db import models class Books(models.Model): name = models.CharField(max_length=32) price = models.DecimalField(max_digits=8,decimal_places=2) publish = models.CharField(max_length=32) 建表别忘了执行数据库…

由于支持问题,未使用 es6 语法 _ajax.js /** * 发起请求 * @param url 请求地址 * @param data 请求数据 { } json格式 * @param type 请求类型 get|post * @param success 请求成功回调方法(如果支持es6,使用 Promise 更方便) * @param fail 请求失败回调方法 */ function jqAjax(url, data, type, success, fail) { _ajaxSetup…

1 图书管理系统图书修改 1.1 views 修改图书获取id的两种方案 1 <input type="hidden" name="id" value="{{ book.nid }}"> 2 <form action="/update_book/?id={{ book.nid }}" method="post">{% csrf_token %} 1.2 路由urls 1.3 前端模板…

昨日内容回顾 ajax发送json格式数据 ''' 1. urlencoded 2. form-data 3. json ''' 1. ajax $.ajax({ data: JSON.stringify({'d1':1}), contentType:'application/json' }) 2. api工具 ajax发送文件数据 1. form表单 2. ajax var myfile = $('#myfile')[0].files[0]; var myFormData = new Form…

Django查询优化 Django的查询优化用到两个函数——select_related()和prefetch_related(). select_related()用的是连表join的方式,主要处理一对一和一对多情况下的优化查询 prefetch_related()用的方式是分别查询每张表,然后用Python的方法处理,主要用于多对多情况下的优化查询 这里我们准备一份表结构数据方便下面举例说明 class UserInfo(AbstractUser): """ 用户信息 &…