springboot+vue制作后台管理系统项⽬
⽬录
基于java的图书管理系统
⼀、所使⽤的环境配置：
⼆、项⽬简介
三、知识点总结（代码和配置）
SpringBoot：
1.Mybatis-Plus配置⽂件，实现分页查询：MybatisPlusConfig
2.跨域配置⽂件：CorsConfig
3.请求返回类！：Result
l配置⽂件
Vue：
其余知识点总结：
总结：
学习资源来⾃于，up他讲的⾮常详细，对于熟悉两⼤框架很有⽤。
我的作业源代码在⽂章末尾，欢迎有需要的同学，学习参考使⽤，内置SQL⽂件，导⼊后，开启springboot和vue服务即可使⽤，注意更改⾃⼰的数据库信息配置，⼀起学习，⼀起进步哦！！⼀、所使⽤的环境配置：
编译器：IDEA
后台框架：SpringBoot
Mybatis-Plus
数据库：Mysql8.0
数据库⼯具：Navicat premium
前端框架：Vue
Element UI
引⽤的富⽂本编辑器：wangEditor
⼆、项⽬简介
这是⼀个基于SpringBoot和Vue的后台管理系统。
主要功能：
1.实现⽤户信息的CRUD，以及页⾯的显⽰。
2.⽤户权限的分配，不同权限的⽤户锁能看到的的界⾯信息和能进⾏的操作是不同的。
3.实现图⽚，⽂件的上传和下载。
4.实现页⾯富⽂本编译器的使⽤与信息的CRUD。
5.跨域配置，MybatisPlus配置。
6.⽤户的登录注册，。
7.查询功能。
。。。。
项⽬展⽰：（图⽚）
1.登录界⾯
2.注册页⾯这两个页⾯可以⾃由切换
<登录后的默认页⾯以及⾼亮显⽰
4.⼏个页⾯的展⽰
<账户所能进⾏的CRUD操作和能查看的⽤户信息页⾯
修改
6.个⼈信息修改，以及退出
7.普通⽤户登录
这⾥只做了图书页⾯的权限限制和⽤户信息的限制
三、知识点总结（代码和配置）
配置⽂件：
SpringBoot：
1.Mybatis-Plus配置⽂件，实现分页查询：MybatisPlusConfig
参考官⽹：
package com.wenmon;
import batisplus.annotation.DbType;
import sion.plugins.MybatisPlusInterceptor;
import sion.plugins.inner.PaginationInnerInterceptor;
batis.spring.annotation.MapperScan;
import t.annotation.Bean;
import t.annotation.Configuration;
//Spring boot⽅式
@Configuration
@MapperScan("com.wen.mapper")//这⾥所扫描的是项⽬中mapper⽂件的位置！
public class MybatisPlusConfig {
// 旧版，官⽹的旧版视乎⽆法使⽤
// 最新版
@Bean
public MybatisPlusInterceptor mybatisPlusInterceptor() {
MybatisPlusInterceptor interceptor = new MybatisPlusInterceptor();
interceptor.addInnerInterceptor(new PaginationInnerInterceptor(DbType.MYSQL));
return interceptor;
}
}
2.跨域配置⽂件：CorsConfig
package com.wenmon;
import t.annotation.Bean;
import t.annotation.Configuration;
import org.s.CorsConfiguration;
import org.s.UrlBasedCorsConfigurationSource;
import org.springframework.web.filter.CorsFilter;
@Configuration
public class CorsConfig {
private static final long Max_AGE = 24*60*60;//连接时间
private CorsConfiguration buildConfig(){
CorsConfiguration corsConfiguration = new CorsConfiguration();
//定义所允许的请求头，⽅法等。*代表所有
corsConfiguration.addAllowedOrigin("*");
corsConfiguration.addAllowedHeader("*");
corsConfiguration.addAllowedMethod("*");
corsConfiguration.setMaxAge(Max_AGE);
return corsConfiguration;
}
@Bean
public CorsFilter corsFilter(){
UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
return new CorsFilter(source);
}
}
3.请求返回类！：Result
这⾥算是⼀个重点，解放了我平时后端coding的思维，⾮常感谢，没有想到get，set这么⽅便。
将所有的请求放回统⼀定义，根据项⽬所规定的code进⾏再定义与返回，达到项⽬通⽤的效果，⾮常实⽤！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。