8.7

10-13.30
任务： form web做侧边的作者查询，出版社查询，导航栏

1.路由设置 ： urls:利用nid

2.views函数：利用ORM操作获取书籍：跨表操作，

注意：jqeryset对象不能在html文件里面使用.name操作：需要使用first()转化为obj对象，才能使用.name

分页器：传参：‘paginator’:paginator,‘current_page’:int(current_page)，html才能使用paginator.page_range

3.html设置：

利用bootstrap组件搭建导航条，作者查询，出版社查询用下拉条，有登陆界面：

导航条：
作者查询：需要遍历循环 作者名字

13.30视频学习：

绑定事件：
dom.on事件=function(){
this:当前事件触发标签
}

jquery对象.事件(function(){
this:当前事件触发标签
})

事件代理：解决 创建新的节点(jquery对象)，选不到他的问题。

$(‘父 节点’).on(‘click’,‘节点’,function(){
this:当前事件触发标签
})

ajax解决删除编号 重新排序

方案1
forloop.counter.

方案2：jq的each操作：

var arr=[11,22,33]
$.each(arr,function(i,j){ i为索引，j为内容（可以循环标签）
console.log(i,j)
});

$(’.tbody tr’).each(function(i,j){
$(this).children().first().html(i+1+parseInt("{{val}}"))
})

加载bootstrap ，jq 要放在下面，才能使用下拉菜单

引入jq的方法：
在html文件中:
{% load staticfiles %}
< script src="{% static ‘js/jquery-3.3.js’ %}">
setting文件中：
STATIC_URL = ‘/static/’

STATICFILES_DIRS=(
os.path.join(BASE_DIR,‘static’),
)

作业：

1. jq练习：
   ajax-----重要。

2.图书管理系统的添加 基于ajax实现： ------》下载模板，更加美观
（1）模态框：---->form表单（提交信息） 绑定事件点击添加三步（1.ajax请求），2.点击后模态框消失id=‘exampleMode’ 3.html添加标签
事件绑定：
3. 复习jq的dom操作，以及已经教过的jq方法：梳理
4. django的官方文档：比如 requset.FILES request.COOKIES请求过来的对象，jqueryset的说明，等等基础说明