携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第5天,点击查看活动详情
业务需求:
普通职工进入系统后可以进行查询、管理书籍信息,借出,借入等等操作
业务分析:
在上一章中,已经做了模糊查询的业务,感觉还是较为轻松的,今天进行借入和还书的操作。 在借入和还书的操作中,我是将其简单化了,也就是说,借入时,相应借入的书的数量减少1本,反之,还书时,相应的书的数量增加一本。这样好像过于简单了哈哈,后续有时间再进行质量增加吧。
实现过程
首先,我先根据前面的页面复制粘贴了几个页面并做了些许修改。首先,在借阅界面要有搜索的功能,这样通过模糊搜索就能找到要借阅的书籍。并且我还在每本书前加入了复选框,使得可以一次性操作多组图书的借阅。而还书操作就相对于更加简单了,还书操作中,只有还书的按钮,按下按钮后,相应的书籍数量+1并且刷新页面。
实现代码
首先,自然是在借阅和还书的页面中导入Vue代码,然后,通过ajax请求取到相应数据并通过v-for将图书列表渲染到前端。而模糊搜索在上一节已经实现过,这节就不贴出来了。借阅的前端操作我使用的是jquery,感觉比vue还是不方便。但是这里出现了问题,value获取不到动态的,无法根据当前行的id来设置value,这搞得无法使对应的书数目-1。没有系统的学过jquery,感觉很多没搞懂,因此后面我还是采用的vue来完成后续操作。简单来说,就是勾选了复选框后就可以拿到当前行的id,点击借阅的按钮后将这些id传至后台并进行相应数目-1,但现在只能指定某些数字,后续看看有没有时间再进行修改吧。