做网站的是什么软件,购物网站开发英文文献,个人网站的设计与实现参考文献,比wordpress更好知乎【1A536】图书管理系统汇报 项目介绍1.用户登录注册功能1. 1用户角色管理2.图书管理功能2.1 添加图书2.2 编辑图书2.3 删除图书 3.图书搜索和筛选3.1 图书搜索3.2 图书筛选 4.图书借阅、图书归还4.1 图书借阅4.2 图书归还 5.用户信息管理5.1上传头像5.2修改头像5.3 修改密码 项… 【1A536】图书管理系统汇报 项目介绍1.用户登录注册功能1. 1用户角色管理2.图书管理功能2.1 添加图书2.2 编辑图书2.3 删除图书 3.图书搜索和筛选3.1 图书搜索3.2 图书筛选 4.图书借阅、图书归还4.1 图书借阅4.2 图书归还 5.用户信息管理5.1上传头像5.2修改头像5.3 修改密码 项目介绍
本项目提供用户和管理员两种角色支持图书的添加、编辑、删除、搜索和筛选功能同时具备用户信息管理和借阅功能确保图书管理高效便捷。
1.用户登录注册功能 注册部分前端代码 注册部分后端代码
//用户注册PostMapping(/register)public Result register(RequestBody User registerUser){System.out.println(register);// 查询用户QueryWrapperUser queryWrapper1 new QueryWrapper();queryWrapper1.eq(user_name, registerUser.getUserName());User userone userService.getOne(queryWrapper1); // 调用 getOne 方法if (userone ! null) {return Result.error(用户名已存在);}QueryWrapperUser 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 ResultString login(RequestBody User user){LambdaQueryWrapperUser wrappernew 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(用户已被封禁);HashMapString, 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(用户未登录,无权限);}LambdaQueryWrapperBook 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(您已达到最大借书数量无法再借书);}LambdaQueryWrapperBookStatistics queryWrapper new LambdaQueryWrapper();queryWrapper.eq(BookStatistics::getBookName,byId.getBookName());BookStatistics stats IBookStatisticsService.getOne(queryWrapper);if(statsnull){return Result.error(该书不存在);}stats.setBorrowCount(stats.getBorrowCount() 1);IBookStatisticsService.updateById(stats);UpdateWrapperBook 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 ResultString backBook(PathVariable String id,String token){User user checkInfo(token);if(usernull){return Result.error(用户未登录,无权限);}UpdateWrapperBook 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);QueryWrapperBook 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(updatesave){LambdaQueryWrapperUserStatistics queryWrapper1 new LambdaQueryWrapper();queryWrapper1.eq(UserStatistics::getUserName,user.getUserName());UserStatistics getOne iUserStatisticsService.getOne(queryWrapper1);if(getOnenull){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 修改密码
功能介绍用户可以点击菜单中的“修改密码”选项弹出对话框进行密码修改。
前端代码
后端代码
