携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第4天，点击查看活动详情
前几天，已经完成了登录功能的实现。今天带来图书页面的显示。 我的界面是这样的，在首页界面通过嵌套方式在上下左右等地方分别再建HTML页面。这样不会使一个页面夹杂太多信息，更有助于日后看懂代码。
功能实现
首先，图书列表是需要在左侧滑块中点开的，在上一节的vue中讲到了该如何使用mounted，在图书页面的显示页中，mounted充当了一个十分重要的角色
首先，自然实现导入vue的操作。
通过在data中定义相应的book属性和books数组。先在后端的dao和service层进行相应的编码并进行测试。在userController中将books转化为json数据并通过
resp.getWriter().write(jsonString);将该json数据发送到前端
前端可以通过
}).then(function (resp) {
_this.books = resp.data;
})
拿到相应的数据并进行赋值
在相应的标签处通过v-for循环拿到数据库的值
删除
在每本图书的最后还有进行删除和修改的按钮。通过绑定事件来完成。在v-for循环中，可以通过方法(book.bookId)拿到相应的图书编号，那么只需在后端进行好相应的编码并在前端中定义方法将对应的id值传给后端就可以完成对应的删除操作。
修改
修改跟删除差不多，也是需要拿到对应的图书编号。在跳转到修改界面时，还需要数据回显，那么就又要用到我们的老朋友mounted了。通过在mounted中拿到图书列表点击修改时的id，再返回到后盾进行相关数据的查询并呈现在页面上，再绑定v-model模型根据修改的值来改变book中的值并在提交按钮中绑定修改方法，传给后台时，传id值和各种数据(不管是有没有修改的)
