项目介绍

本项目提供用户和管理员两种角色，支持图书的添加、编辑、删除、搜索和筛选功能，同时具备用户信息管理和借阅功能，确保图书管理高效便捷。

1.用户登录注册功能

注册部分（前端代码）：

注册部分（后端代码）：

//用户注册@PostMapping("/register")public Result register(@RequestBody User registerUser){System.out.println("register");// 查询用户QueryWrapper<User> queryWrapper1 = new QueryWrapper<>();queryWrapper1.eq("user_name", registerUser.getUserName());User userone = userService.getOne(queryWrapper1); // 调用 getOne 方法if (userone != null) {return Result.error("用户名已存在");}QueryWrapper<User> queryWrapper2 = new QueryWrapper<>();queryWrapper2.eq("user_email", registerUser.getUserEmail());User usertwo = userService.getOne(queryWrapper2); // 调用 getOne 方法if (usertwo != null) {return Result.error("邮箱已存在");}//        加密String md5Pwd = Md5Util.getMD5String(registerUser.getUserPassword());User user = new User();user.setUserName(registerUser.getUserName());user.setUserPassword(md5Pwd);user.setUserEmail(registerUser.getUserEmail());user.setUserRole("user");user.setUserStatus("0");//       调用插入数据的方法userService.save(user);UserStatistics userStatistics = new UserStatistics();userStatistics.setUserName(user.getUserName());userStatistics.setActivityCount(0);iUserStatisticsService.save(userStatistics);return Result.success();}

登录部分（前端代码）：

登录部分（后端代码）：

   @PostMapping("/login")public Result<String> login(@RequestBody User user){LambdaQueryWrapper<User> wrapper=new LambdaQueryWrapper<>();wrapper.eq(User::getUserName,user.getUserName()).eq(User::getUserPassword, Md5Util.getMD5String(user.getUserPassword()));User userOne = userService.getOne(wrapper);if(userOne!=null){if(userOne.getUserStatus().equals("1")) return Result.error("用户已被封禁");HashMap<String, Object> claims = new HashMap<>();claims.put("userId",user.getUserId());claims.put("userName",user.getUserName());String token = JwtUtil.genToken(claims);redisTemplate.opsForValue().set(token,userOne,30, TimeUnit.MINUTES);return Result.success(token);}else{return Result.error("用户名密码错误");}}

1. 1用户角色管理

功能介绍：

• 系统支持用户和管理员两种角色，不同角色有不同的权限。
• 管理员可以添加、编辑和删除图书，普通用户只能借阅图书。

前端代码：

roleCheck 函数用于检查当前用户的登录状态和角色信息。它通过发送一个 HTTP GET 请求到后端 API 获取用户数据，并根据返回的数据进行相应的处理。如果用户未登录或请求失败，将重定向到首页；如果用户已登录且请求成功，则更新用户的角色、名称和头像URL，并将其存储在本地存储中。

---

后端代码：

2.图书管理功能

2.1 添加图书

• 功能介绍：通过抽屉组件实现，用户可以填写图书的详细信息并保存。

前端代码：

后端代码：

2.2 编辑图书

• 功能介绍：点击表格中的“编辑”按钮，弹出抽屉组件，预填当前图书的信息，用户可以进行修改。

前端代码：
当点击edit后,弹出抽屉,进行图书编辑,当点击提交时,调用点击事件的confirmClick方法进行提交表
后端代码：

2.3 删除图书

• 功能介绍：点击表格中的“删除”按钮，弹出确认框，确认后删除图书。

前端代码：

主要看这个handleDelete方法，获取行内元素row的id字段以及token作为deleteBook的参数。所以deleteBook才是删除图书的关键，下面可以发现，发通过axios发了一个delete请求，请求体参数就是id和token

后端代码：

查看后端代码发现，请求参数正是id跟token，通过对用户进行校验判断用户权限，权限通过后删除图书。

3.图书搜索和筛选

3.1 图书搜索

• 功能介绍：通过输入框输入图书名或ISBN，实时过滤显示结果。

搜索功能的实现，@input是当输入框的值发生变化时，触发 inputValue 方法，重点看该方法，它用于处理输入框值变化时的逻辑，根据输入的值过滤图书数据。

3.2 图书筛选

• 功能介绍：通过下拉选择框选择图书状态（全部、可借阅、不可借阅），动态更新表格数据。

这里@change 属性: 监听选择框值的变化，触发handleSelectChange 方法。

4.图书借阅、图书归还

4.1 图书借阅

• 功能介绍：用户可以点击图书列表中的“借阅”按钮，借阅图书。借阅成功后，图书状态会更新为“不可借阅”。

后端代码

@PostMapping("/borrow/{id}")public Result borrowBook(@PathVariable String  id, String token){Book byId = bookService.getById(id);User user = checkInfo(token);if (user == null){return Result.error("用户未登录,无权限");}LambdaQueryWrapper<Book> userBorrowedBooksQuery = new LambdaQueryWrapper<>();userBorrowedBooksQuery.eq(Book::getBookBorrower, user.getUserName()).eq(Book::getBookStatus, "0"); // 假设 "0" 表示已借出Long borrowedBooksCount = bookService.count(userBorrowedBooksQuery);if (borrowedBooksCount >= 3) {return Result.error("您已达到最大借书数量，无法再借书");}LambdaQueryWrapper<BookStatistics> queryWrapper = new LambdaQueryWrapper<>();queryWrapper.eq(BookStatistics::getBookName,byId.getBookName());BookStatistics stats = IBookStatisticsService.getOne(queryWrapper);if(stats==null){return Result.error("该书不存在");}stats.setBorrowCount(stats.getBorrowCount() + 1);IBookStatisticsService.updateById(stats);UpdateWrapper<Book> wrapper = new UpdateWrapper<>();wrapper.eq("book_id",id).set("book_borrower",user.getUserName()).set("book_status","0").set("book_borrowtime",LocalDate.now().toString()).set("book_returntime", LocalDate.now().plus(30, ChronoUnit.DAYS).toString());boolean update = bookService.update(wrapper);return Result.success(update);}

---

前端代码

4.2 图书归还

• 功能介绍：用户可以点击图书列表中的“借阅”按钮，借阅图书。借阅成功后，图书状态会更新为“不可借阅”。

前端代码

后端代码

@PutMapping("/backBook/{id}")public Result<String> backBook(@PathVariable String id,String token){User user = checkInfo(token);if(user==null){return Result.error("用户未登录,无权限");}UpdateWrapper<Book> updateWrapper = new UpdateWrapper<>();updateWrapper.eq("book_id",id).set("book_status","1").set("book_borrower","").set("book_borrowtime","").set("book_returntime","");boolean update = bookService.update(updateWrapper);QueryWrapper<Book> queryWrapper = new QueryWrapper<>();queryWrapper.eq("book_id",id);Book book = bookService.getOne(queryWrapper);Record newRecord = new Record();LocalDate now = LocalDate.now();newRecord.setRecordBookname(book.getBookName());newRecord.setRecordBorrower(user.getUserName());newRecord.setRecordBookisbn(book.getBookIsbn());newRecord.setRecordAuthor(book.getBookAuthor());newRecord.setRecordPress(book.getBookPress());newRecord.setRecordBorrowtime(now.toString());newRecord.setRecordRemandtime(now.plusMonths(1).toString());boolean save = recordService.save(newRecord);if(update&&save){LambdaQueryWrapper<UserStatistics> queryWrapper1 = new LambdaQueryWrapper<>();queryWrapper1.eq(UserStatistics::getUserName,user.getUserName());UserStatistics getOne = iUserStatisticsService.getOne(queryWrapper1);if(getOne==null){return Result.error("该用户不存在");}getOne.setActivityCount(getOne.getActivityCount() + 1);iUserStatisticsService.updateById(getOne);return Result.success("还书成功");}else {return Result.error("还书失败");}}

5.用户信息管理

5.1上传头像

要做头像上传，就得有存储的地方，阿里云OSS对象存储正好满足我们的需求。
通过阿里云官网，可查看找到OSS对象存储工具类

• ENDPOINT：阿里云 OSS 的服务端点。
• ID：阿里云 Access Key ID。
• KEY：阿里云 Access Key
  Secret。 BUCKET_NAME：存储容器名称。

后端代码：

前端代码：

5.2修改头像

• 功能介绍：用户可以通过上传图片来修改自己的头像，上传成功后自动刷新页面。

后端代码：

前端代码：
主要就是这个avatarUpload方法上传头像，查看该方法发现

5.3 修改密码

• 功能介绍：用户可以点击菜单中的“修改密码”选项，弹出对话框进行密码修改。

前端代码：

后端代码：