携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第5天，点击查看活动详情
在完成更多花里胡哨的功能之前，需要将最基本的也就是增删改查先进行编码。在上一节中，我通过图书页面的显示来顺便完成了删除和修改操作。而添加操作也是需要打开一个全新的页面进行添加，在添加完成并符合条件后，点击按钮会提示添加成功，并且在图书列表界面会有所显现。
项目编码
}).then(function (resp) {
// 判断响应数据是否为 success
if (resp.data == "success") {
alert("添加成功");
location.href = "http://localhost:8080/Books/book_add.html";
}
前端页面通过上述方式即可完成成功时弹出添加成功的提示框。通过给提交按钮绑定add方法并传给后端即可进行相应的处理
上图就是add方法的Servlet层的具体实现。
dao层和service层的具体实现
上图就是在dao层中定义的添加方法。由于不能使用mybatis，只能采用该种方法。首先是经典的获取连接，定义sql语句和语句中的问号。通过PreparedStatement来获取到sql语句中的属性，并通过set相应的数据类型和问号的具体位置，再通过实体类中的get方法获取到对应的值并填入相应的参数中，即可完成dao层的add方法编码实现。
controller和前端的具体实现
结合上面2张图来看，getReader是拿到POST方法中的data数据，而在前端页面的data是通过v-model模型来获取得到的。在填入相应的值时，v-model就会填入相应的值，并存储在book中，当通过调用方法后，就通过getReader获取到前端页面发送过来的json数据，再通过parseObject就可以将该json数据转化为对应的对象，再通过service已经定义好的add方法，将得到的book作为形参进行传入，即可完成书籍的添加操作
