🎋前言
这次我们来实现图书管理系统的增加图书模块。
🌲需求分析
我们先来看一下需要达到的效果。
- 点击添加图书按钮，跳转以下界面
- 添加图书时，若有图书信息没有填写，则会返回错误信息
- 成功添加图书后跳转至图书列表页，并显示添加图书信息
🎄约定前后端交互接口
根据以上需求，我们可以约定以下接口
[请求]
/book/addBook
Content-Type: application/x-www-form-urlencoded;charset=UTF-8
[参数]
bookName=图书1&author=作者1&count=23&price=36&publish=出版社1&status=1
[响应]
“” //失败信息, 成功时返回空字符串
我们约定,浏览器给服务器发送⼀个 /book/addBook 这样的HTTP请求,form表单的形式来提交数据服务器返回处理结果,返回""表⽰添加图书成功,否则,返回失败信息.
🌳实现服务器代码
服务器代码依旧采用分层设计的思想
🚩控制层
该层我们使用对象来接受from表单传回来的值。
并对传回来的值判断其合法性，若不合法返回"输⼊参数不合法, 请检查⼊参!"即可
合法则交给业务层进行处理，并进行异常处理。
代码实现如下：
@RequestMapping("/addBook") public String addBook(BookInfo bookInfo) { log.info("添加图书:{}", bookInfo); if (!StringUtils.hasLength(bookInfo.getBookName()) || !StringUtils.hasLength(bookInfo.getAuthor()) || bookInfo.getCount()==null || bookInfo.getPrice()==null || !StringUtils.hasLength(bookInfo.getPublish()) || bookInfo.getStatus() ==null ) { return "输⼊参数不合法, 请检查⼊参!"; } try { bookService.addBook(bookInfo); return ""; } catch (Exception e) { log.error("添加图书失败", e); return e.getMessage(); } }
🚩业务层
因为因为层代码较简单，直接调用数据层代码发回即可
代码实现如下：
public void addBook(BookInfo bookInfo) { bookInfoMapper.insertBook(bookInfo); }
🚩数据层
使用注解实现对数据库的操作即可
实现带代码如下：
@Insert("insert into book_info (book_name,author,count,price,publish,status) " + "values (#{bookName},#{author},#{count},#{price},#{publish},#{status})") Integer insertBook(BookInfo bookInfo);
🍃修改前端代码
关于前端代码，我们只需要修改添加页代码即可。
代码修改部分如下：
function add() { $.ajax({ type: "post", url: "/book/addBook", data: $("#addBook").serialize(), success: function (result) { if (result == "") { location.href = "book_list.html" } else { console.log(result); alert("添加失败:" + result); } }, error: function (error) { console.log(error); } }); }
⭕总结
关于《【JavaEE进阶】 图书管理系统开发日记——伍》就讲解到这儿，感谢大家的支持，欢迎各位留言交流以及批评指正，如果文章对您有帮助或者觉得作者写的还不错可以点一下关注，点赞，收藏支持一下！
