昨日回顾:
 　　1 ajax 什么是ajax:异步的JavaScript 和xml
 　　2 特点:异步,局部刷新
 　　3 简单的与后台交互:(携带数据:可以拼到url上---->从GET中取,)
  　　$.ajax({
   　　　　url:请求的地址,
  　　　　 type:请求方式,(post,get....)
   　　　　//contentType:'application/json',(默认:urlencoded)
   　　　　data:{},往后台发送的数据
   　　　　success:function (data){
    　　　　//data的数据类型,不一定
    　　　　//异步的,成功返回,才能回调
   　　　　}
   })
  -携带数据:
    　　-可以拼到url上---->从GET中取 
    　　-默认urlencoded编码和formdata,放到data中的数据,------>POST
 
今日内容:
 　　分页器:
  　　　　-干啥的?数据量大的话,可以分页获取,查看
  　　基本写法:
   　　　　后端:
    　　　　　　-总数据拿出来
    　　　　　　-生成分页器Paginator对象(对象里有属性和方法)
    　　　　　　-生成当前页的对象,current_page=paginator.page(当前页码)
    　　　　　　-取出前台传过来的页码,current_page_num = int(request.GET.get('page'))
     　　　　　　-需要有异常捕获
     　　　　　　-捕获到,把当前页码设置成第一页
def manypage(request):

    try:

        page = int(request.GET.get('p'))

        books = models.Book.objects.all()

        paginator = Paginator(books, 10)

        current_page = paginator.page(page)

        if paginator.num_pages > 11:

            if page - 5 < 1:

                page_range = range(1, 12)

            elif page + 5 > paginator.num_pages:

                page_range = range(paginator.num_pages - 10, paginator.num_pages + 1)

            else:

                page_range = range(page - 5, page + 6)

        else:

            page_range = paginator.page_range

    except Exception as e:

        page = 1

        current_page = paginator.page(page)

        page_range = range(1, 12)

    return render(request, 'manypage.html', locals())

前端:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>index</title>

    <script src="/static/jquery-3.3.1.js"></script>

    <link rel="stylesheet" href="/static/bootstrap-3.3.7-dist/css/bootstrap.min.css">

</head>

<body>

<div class="col-md-offset-3 col-md-6">

    <table class="table table-striped">

        <thead>

        <tr>

            <th>书名</th>

            <th>价格</th>

        </tr>

        </thead>

        <tbody>

        {% for book in current_page %}

            <tr>

                <td>{{ book.name }}</td>

                <td>{{ book.price }}</td>

            </tr>

        {% endfor %}

        </tbody>

    </table>

    <nav aria-label="Page navigation">

        <ul class="pagination">

            {% if current_page.has_previous %}

                <li>

                    <a href="?p={{ current_page.previous_page_number }}" aria-label="Previous">

                        <span aria-hidden="true">上一页</span>

                    </a>

                </li>

            {% else %}

                <li class="disabled">

                    <a href="#" aria-label="Previous">

                        <span aria-hidden="true">上一页</span>

                    </a>

                </li>

            {% endif %}

            {% for num in page_range %}

                {% if num == page %}

                    <li class="active"><a href="?p={{ num }}">{{ num }}</a></li>

                {% else %}

                    <li><a href="?p={{ num }}">{{ num }}</a></li>

                {% endif %}

            {% endfor %}

            {% if current_page.has_next %}

                <li>

                    <a href="?p={{ current_page.next_page_number }}" aria-label="Next">

                        <span aria-hidden="true">下一页</span>

                    </a>

                </li>

            {% else %}

                <li class="disabled">

                    <a href="#" aria-label="Next">

                        <span aria-hidden="true">下一页</span>

                    </a>

                </li>

            {% endif %}

        </ul>

    </nav>

</div>

</body>

</html>

批量插入输入:
  　　-models.Book.objects.bulk_create(ll)

   
  

day76的更多相关文章

  1. day76 auth模块 用户验证,

    概要: form组件回顾: (1) 创建form组件对应的类,比如LoginForm (2) views.login: if get请求: form_obj=LoginForm() return re ...

  2. python 全栈开发，Day76(Django组件-cookie,session)

    昨日内容回顾 1 json 轻量级的数据交换格式 在python 序列化方法:json.dumps() 反序列化方法:json.loads() 在JS中: 序列化方法:JSON.stringfy() ...

  3. day76 作业

    目录 需求: 作业1: 作业2: 需求: 1. 在作业1.html代码的基础上,引入vue.js文件,并实例化vm对象,绑定#goods元素 2. 在作业1.html代码的基础上,默认中间弹出窗口隐藏 ...

  4. day76 vue框架入门

    目录 一.vue.js快速入门使用 1 vue.js库的下载 2 vue.js库的使用 3 vue.js的M-V-VM思想 4 显示数据 二.常用指令 1 操作属性 2 事件的绑定 3 样式操作 3. ...

  5. day76:luffy:项目前端环境搭建&轮播图的实现

    目录 1.项目前端环境搭建 1.创建项目目录 2.前端初始化全局变量和全局方法 3.跨域CORS 4.axios配置 2.轮播图功能的实现 1.安装依赖模块 2.上传文件相关配置 3.注册home子应 ...

  6. 100 天从 Python 新手到大师

    Python应用领域和就业形势分析 简单的说,Python是一个“优雅”.“明确”.“简单”的编程语言. 学习曲线低,非专业人士也能上手 开源系统,拥有强大的生态圈 解释型语言,完美的平台可移植性 支 ...

  7. Django基础模型层(77-78)

    jango框架之模型层(d77-78)一 单表操作: 1 mysql数据库:settings里配置  'default': {   # key值必须都是大写   'ENGINE': 'django.d ...

  8. 模拟django配置环境进行数据增删改查，测试的时候有用

    import os if __name__ == '__main__': os.environ.setdefault('DJANGO_SETTINGS_MODULE','day76.settings' ...

  9. ORM表操作

    1.在python脚本中调用django环境 在根文件夹下,创建test.py文件 import os if __name__ == '__main__': os.environ.setdefault ...

随机推荐

  1. python学习之老男孩python全栈第九期_day001知识点总结

    1. Python2与Python3的区别: Python2:源码不标准,混乱,重复代码太多: Python3:统一标准,去除重复代码. 编码方式: python2的默认编码方式为ASCII码:pyt ...

  2. JS 作用域 p1

    引用<你不知道的JavaScript>中的话,如下: 负责收集并维护由所有生命的标识符(变量)组成的一系列查询并实施一套非常严格的规则,确定当前执行的代码对这些标识符的访问权限. 那么作用 ...

  3. a 链接点击下载

    1. 将链接设置为.zip 结尾2.在a元素中添加download 属性,(目前只有chrome.firefox和opera支持) function download(src) { var $a = ...

  4. js-数字、字符串、布尔值的转换方式

    来自JavaScript秘密花园 1.转换为字符串 '' + 10 === '10'; // true 将一个值加上空字符串可以轻松转换为字符串类型. 2.字符串转换为数字 +'010' === 10 ...

  5. JQuery 节点监听

    DOMSubtreeModified: 在DOM结构发生任何变化的时候.这个事件在其他事件触发后都会触发: $(".attr_box").bind("DOMSubtree ...

  6. JavaSE——多线程

    进程和线程: 进程是指运行中的应用程序,每一个进程都有自己独立的内存空间.一个应用程序可以启动多个进程. 线程是指进程中的一个执行流程,有时也称为执行情景. 线程和进程的主要区别在于:每个进程都需要操 ...

  7. Nginx的常用功能

    1.规范nginx的配置文件 在企业中我们的虚拟主机可能会很多,配置文件的内容也会有很多,这时候我们就可以规范一下我们的配置文件,把每个虚拟主机按照网站的域名或者是功能取名,放到统一的文件夹中,当然我 ...

  8. 开源免费的文档协作系统 onlyoffice平台轻松部署

    请移步至此,更详细:http://blog.csdn.net/hotqin888/article/details/79337881 ONLYOFFICE是一个免费的.开源的企业办公套件,用于在线组织团 ...

  9. Android 编程下的 TraceView 简介及其案例实战

    TraceView 是 Android 平台配备一个很好的性能分析的工具.它可以通过图形化的方式让我们了解我们要跟踪的程序的性能,并且能具体到 method.详细内容参考:Profiling with ...

  10. 《图解HTTP》

    第一章.了解web及网络基础 1.2 http的诞生 HTTP于1990年问世,那时候HTTP并没有作为正式的标准被建立,被称为HTTP/0.9 HTTP正式作为标准被公布是在1996年5月,版本被命 ...