携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第12天，点击查看活动详情 

图书类型查看所属图书

业务分析

首先为当前行的图书类型加上按钮并跳转到新页面，在该页面中渲染出所属当前图书类型的书的信息。

数据库中要实现2表关联，也就是图书信息中的所属类别需要与图书类型的名称对应。比如说"Mysql必知必会"属于"计算机丛书"类别,那么就属于图书类别中的计算机丛书

"SELECT * from book where 所属类别 = ?"

业务实现

首先可以直接将booklist的前端页面进行复制粘贴，因为里面有许多相同的地方，只需要稍作修改即可。先绑定一个详情按钮，点击按钮后跳转到属于当前图书类型的图书列表。在这里我们可以从图书类型界面拿到当前行的图书类型名称并传给我们当前图书类型的图书列表，通过以下代码实现。

在详情按钮中绑定事件

find:function (i){
    window.open('book_type_list.html?'+i)
},

跳转后，通过以下方式处理取到的值就是图书类型名称

var _this = this;
var perimeters = window.location.search;
perimeters = decodeURI(perimeters.substr(1).split('&')[0]);
console.log(perimeters)

我们将图书类型名称传到后端去，通过在后端进行sql语句的查询，查询到该图书类型名称下的图书列表。并渲染在页面上。由于复制粘贴的是booklist页面，因此删除和修改还有查询功能也一起拥有了。注意:此时的查询还是查询所有图书，而不是该图书类型下的图书，要想查询该图书类型下的图书，还需要进行一些修改，但十分相同，这里就不在进行实现。项目的本身还有书目管理员根据管辖图书类型的id进行特定图书的管理，但我感觉过于麻烦也没有实现。

图书修改

更进

在这里也可以使用

find:function (i){
    window.open('book_modify.html?'+i)
},

来拿到当前图书的id，并在后端查询，这样子就可以在修改界面进行数据回显。