zi__you的博客

后端：Spring Boot + mybatis plus。前端：Vue3+element plus +axios。

【代码】13图书归还-云图书管理系统（Vue3+Spring Boot+element plus）

点击右侧Maven工具，注意进行clean、validate、compile、package。打开jar包所在路径运行jar包。

管理员删除图书功能，前后端联调 Vue3.js+element plus+Sping boot

普通用户借阅图书，点击借阅按钮，修改图书状态，最多能够借阅3本图书。点击借阅，实现对应代码。

目录1. 功能描述2. 接口地址3.后台Java代码4.前端框架搭建：views/user添加UserManageVue组件5. api/user.js中写请求接口代码6 获取用户信息7 删除用户8 修改状态9 效果演示1. 功能描述用户管理界面，对用户进行查询、状态变更、删除。2. 接口地址### 获取用户列表GET http://localhost:8082/user/allUser### 修改用户状态PUT http://localhost:8082/user/updateStatu

请求路径：http://localhost:8082/book/updateBook请求方式：PUT接口描述：提交登录的token信息，要求为管理员权限，根据获取的bookId来修改指定的图书相关信息。请求参数：postman中使用 raw 模式，提交JSON格式请求体。

功能演示视频优快云无法上传，点击如下连接。

1 /src/store中新增userInfo.js，用于保存用户的登录信息import { defineStore } from "pinia"import { ref } from 'vue'export const userInfoStore = defineStore('userInfo', () => { //1.定义用户信息 const info = ref({}) const isAdmin = ref(false) //2.定义修改用户信息的方法

首页框架布局和子路由配置

【代码】4 登录接口实现（Vue3+Spring boot+mysql）

Vue3 +SpringBoot，注册功能实现，基于axios请求。

1. 在views目录下新建Login.vue2. 在views/Login.vue中添加如下代码 创建登录注册界面<script setup>import { User, Lock } from '@element-plus/icons-vue'import { ref } from 'vue'import { ElMessage } from 'element-plus'//用于注册的数据模型const registerData = ref({ username: '

使用阿里定制的cnpm命令行工具代替默认的npm，输入以下代码。