Springboot2+vue2整合项目

张春  金牌会员 | 2024-5-17 03:45:52 | 显示全部楼层 | 阅读模式
打印 上一主题 下一主题
楼主

主题 903|帖子 903|积分 2709

前端

https://blog.csdn.net/m0_37613503/article/details/128961447
数据库

1.用户表
  1. CREATE TABLE `x_user` (
  2.   `id` int(11) NOT NULL AUTO_INCREMENT,
  3.   `username` varchar(50) NOT NULL,
  4.   `password` varchar(100) DEFAULT NULL,
  5.   `email` varchar(50) DEFAULT NULL,
  6.   `phone` varchar(20) DEFAULT NULL,
  7.   `status` int(1) DEFAULT NULL,
  8.   `avatar` varchar(200) DEFAULT NULL,
  9.    `deleted` INT(1) DEFAULT 0,
  10.   PRIMARY KEY (`id`)
  11. ) ENGINE=InnoDB AUTO_INCREMENT=3 DEFAULT CHARSET=utf8;
复制代码
  1. insert into `x_user` (`id`, `username`, `password`, `email`, `phone`, `status`, `avatar`, `deleted`) values('1','admin','123456','super@aliyun.com','18677778888','1','https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif','0');
  2. insert into `x_user` (`id`, `username`, `password`, `email`, `phone`, `status`, `avatar`, `deleted`) values('2','zhangsan','123456','zhangsan@gmail.com','13966667777','1','https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif','0');
  3. insert into `x_user` (`id`, `username`, `password`, `email`, `phone`, `status`, `avatar`, `deleted`) values('3','lisi','123456','lisi@gmail.com','13966667778','1','https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif','0');
  4. insert into `x_user` (`id`, `username`, `password`, `email`, `phone`, `status`, `avatar`, `deleted`) values('4','wangwu','123456','wangwu@gmail.com','13966667772','1','https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif','0');
  5. insert into `x_user` (`id`, `username`, `password`, `email`, `phone`, `status`, `avatar`, `deleted`) values('5','zhaoer','123456','zhaoer@gmail.com','13966667776','1','https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif','0');
  6. insert into `x_user` (`id`, `username`, `password`, `email`, `phone`, `status`, `avatar`, `deleted`) values('6','songliu','123456','songliu@gmail.com','13966667771','1','https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif','0');
复制代码
2.角色表
  1. CREATE TABLE `x_role` (
  2.   `role_id` int(11) NOT NULL AUTO_INCREMENT,
  3.   `role_name` varchar(50) DEFAULT NULL,
  4.   `role_desc` varchar(100) DEFAULT NULL,
  5.   PRIMARY KEY (`role_id`)
  6. ) ENGINE=InnoDB AUTO_INCREMENT=4 DEFAULT CHARSET=utf8mb4;
复制代码
  1. insert into `x_role` (`role_id`, `role_name`, `role_desc`) values('1','admin','超级管理员');
  2. insert into `x_role` (`role_id`, `role_name`, `role_desc`) values('2','hr','人事专员');
  3. insert into `x_role` (`role_id`, `role_name`, `role_desc`) values('3','normal','普通员工');
复制代码
3.菜单表
  1. CREATE TABLE `x_menu` (
  2.   `menu_id` int(11) NOT NULL AUTO_INCREMENT,
  3.   `component` varchar(100) DEFAULT NULL,
  4.   `path` varchar(100) DEFAULT NULL,
  5.   `redirect` varchar(100) DEFAULT NULL,
  6.   `name` varchar(100) DEFAULT NULL,
  7.   `title` varchar(100) DEFAULT NULL,
  8.   `icon` varchar(100) DEFAULT NULL,
  9.   `parent_id` int(11) DEFAULT NULL,
  10.   `is_leaf` varchar(1) DEFAULT NULL,
  11.   `hidden` tinyint(1) DEFAULT NULL,
  12.   PRIMARY KEY (`menu_id`)
  13. ) ENGINE=InnoDB AUTO_INCREMENT=12 DEFAULT CHARSET=utf8mb4;
复制代码
  1. insert  into `x_menu`(`menu_id`,`component`,`path`,`redirect`,`name`,`title`,`icon`,`parent_id`,`is_leaf`,`hidden`) values (1,'Layout','/user','/user/list','userManage','用户管理','userManage',0,'N',0),(2,'user/user','list',NULL,'userList','用户列表','userList',1,'Y',0),(3,'user/role','role',NULL,'roleList','角色列表','role',1,'Y',0),(4,'user/permission','permission',NULL,'permissionList','权限列表','permission',1,'Y',0);
复制代码
4.用户角色映射表
  1. CREATE TABLE `x_user_role` (
  2.   `id` int(11) NOT NULL AUTO_INCREMENT,
  3.   `user_id` int(11) DEFAULT NULL,
  4.   `role_id` int(11) DEFAULT NULL,
  5.   PRIMARY KEY (`id`)
  6. ) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=utf8mb4;
复制代码
  1. insert into `x_user_role` (`id`, `user_id`, `role_id`) values('1','1','1');
复制代码
5.角色菜单映射表
  1. CREATE TABLE `x_role_menu` (
  2.   `id` int(11) NOT NULL AUTO_INCREMENT,
  3.   `role_id` int(11) DEFAULT NULL,
  4.   `menu_id` int(11) DEFAULT NULL,
  5.   PRIMARY KEY (`id`)
  6. ) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=utf8mb4;
复制代码
后端

1、创建springboot项目2.6.13

2、pom依赖
  2.         <dependency>
  3.             <groupId>org.springframework.boot</groupId>
  4.             <artifactId>spring-boot-starter-web</artifactId>
  5.         </dependency>
  6.         
  7.         <dependency>
  8.             <groupId>mysql</groupId>
  9.             <artifactId>mysql-connector-java</artifactId>
  10.         </dependency>
  11.         
  12.         <dependency>
  13.             <groupId>com.baomidou</groupId>
  14.             <artifactId>mybatis-plus-boot-starter</artifactId>
  15.             <version>3.5.2</version>
  16.         </dependency>
  17.         <dependency>
  18.             <groupId>com.baomidou</groupId>
  19.             <artifactId>mybatis-plus-generator</artifactId>
  20.             <version>3.5.2</version>
  21.         </dependency>
  22.         
  23.         <dependency>
  24.             <groupId>org.freemarker</groupId>
  25.             <artifactId>freemarker</artifactId>
  26.         </dependency>
  27.         
  28.         <dependency>
  29.             <groupId>org.projectlombok</groupId>
  30.             <artifactId>lombok</artifactId>
  31.         </dependency>
  33.         <dependency>
  34.             <groupId>org.springframework.boot</groupId>
  35.             <artifactId>spring-boot-starter-data-redis</artifactId>
  36.         </dependency>
复制代码
3.yml
  1. server:
  2.   port: 9999
  4. spring:
  5.   datasource:
  6.     username: root
  7.     password: 123456
  8.     url: jdbc:mysql://localhost:3306/xdb?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useSSL=true&serverTimezone=GMT
  9.   redis:
  10.     port: 6379
  11.     host: localhost
  13. logging:
  14.   level:
  15.     com.zhu: debug
复制代码
2、Mybatis-plus代码天生

1.编写代码天生器
  1. package com.zhu;
  3. import com.baomidou.mybatisplus.generator.FastAutoGenerator;
  4. import com.baomidou.mybatisplus.generator.config.OutputFile;
  5. import com.baomidou.mybatisplus.generator.engine.FreemarkerTemplateEngine;
  7. import java.util.Collections;
  9. public class CodeGenerator {
  10.     public static void main(String[] args) {
  11.         String url = "jdbc:mysql://localhost:3306/xdb?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useSSL=true&serverTimezone=GMT";
  12.         String username = "root";
  13.         String password = "123456";
  14.         String moduleName = "sys";
  15.         String mapperLocation = "E:\\Intellij IDEA\\项目\\x-admin\\src\\main\\resources\\mapper\"+ moduleName;
  16.         String tables = "x_user,x_menu,x_role,x_role_menu,x_user_role";
  17.         FastAutoGenerator.create(url, username, password)
  18.                 .globalConfig(builder -> {
  19.                     builder.author("zhutieyang") // 设置作者
  20.                             //.enableSwagger() // 开启 swagger 模式
  21.                             .fileOverride() // 覆盖已生成文件
  22.                             .outputDir("E:\\Intellij IDEA\\项目\\x-admin\\src\\main\\java"); // 指定输出目录
  23.                 })
  24.                 .packageConfig(builder -> {
  25.                     builder.parent("com.zhu") // 设置父包名
  26.                             .moduleName(moduleName) // 设置父包模块名
  27.                             .pathInfo(Collections.singletonMap(OutputFile.xml, mapperLocation)); // 设置mapperXml生成路径
  28.                 })
  29.                 .strategyConfig(builder -> {
  30.                     builder.addInclude(tables) // 设置需要生成的表名
  31.                             .addTablePrefix("x_"); // 设置过滤表前缀
  32.                 })
  33.                 .templateEngine(new FreemarkerTemplateEngine()) // 使用Freemarker引擎模板，默认的是Velocity引擎模板
  34.                 .execute();
  35.     }
  36. }
复制代码

2、启动类加注解

因为自动天生的时候没有@mapper

3、测试


3、公共响应类
  1. package com.zhu.common;
  3. import lombok.AllArgsConstructor;
  4. import lombok.Data;
  5. import lombok.NoArgsConstructor;
  7. @Data
  8. @AllArgsConstructor
  9. @NoArgsConstructor
  10. public class Result<T> {
  11.     private Integer code;
  12.     private String message;
  13.     private T  data;
  15.     public static <T> Result<T> success(){
  16.         return new Result<>(20000,"success",null);
  17.     }
  19.     public static <T> Result<T> success(T data){
  20.         return new Result<>(20000,"success",data);
  21.     }
  23.     public static <T> Result<T> success(T data,String message){
  24.         return new Result<>(20000,message,data);
  25.     }
  27.     public static <T> Result<T> success(String message){
  28.         return new Result<>(20000,message,null);
  29.     }
  30.     public static<T>  Result<T> fail(){
  31.         return new Result<>(20001,"fail",null);
  32.     }
  34.     public static<T>  Result<T> fail(Integer code){
  35.         return new Result<>(code,"fail",null);
  36.     }
  38.     public static<T>  Result<T> fail(Integer code, String message){
  39.         return new Result<>(code,message,null);
  40.     }
  42.     public static<T>  Result<T> fail( String message){
  43.         return new Result<>(20001,message,null);
  44.     }
  46. }
复制代码


4.登录相关接口

4.1、登录


controller
  1. @PostMapping("/login")
  2.     public Result<Map<String,Object>> login(@RequestBody User user){
  4.         Map<String,Object>  data = userService.login(user);
  5.         if(data !=null){
  6.             return Result.success(data);
  7.         }
  9.         return Result.fail(20002,"用户名或密码错误");
  11.     }
复制代码
service
  1. package com.zhu.sys.service.impl;
  3. import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper;
  4. import com.zhu.config.MyRedisConfig;
  5. import com.zhu.sys.entity.User;
  6. import com.zhu.sys.mapper.UserMapper;
  7. import com.zhu.sys.service.IUserService;
  8. import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
  9. import org.omg.CORBA.TIMEOUT;
  10. import org.springframework.beans.factory.annotation.Autowired;
  11. import org.springframework.data.redis.core.RedisTemplate;
  12. import org.springframework.stereotype.Service;
  14. import java.util.HashMap;
  15. import java.util.Map;
  16. import java.util.UUID;
  17. import java.util.concurrent.TimeUnit;
  19. /**
  20. * <p>
  21. *  服务实现类
  22. * </p>
  23. *
  24. * @author zhutieyang
  25. * @since 2024-04-06
  26. */
  27. @Service
  28. public class UserServiceImpl extends ServiceImpl<UserMapper, User> implements IUserService {
  30.     @Autowired
  31.     private RedisTemplate redisTemplate;
  34.     @Override
  35.     public Map<String, Object> login(User user) {
  36.         // 根据用户名和密码去查询
  37.         LambdaQueryWrapper<User> wrapper = new LambdaQueryWrapper<>();
  38.         wrapper.eq(User::getUsername,user.getUsername());
  39.         wrapper.eq(User::getPassword,user.getPassword());
  40.         User loginUser = this.baseMapper.selectOne(wrapper);
  42.         // 结果不为空，则生成token,并将用户信息存入redis
  43.         if(loginUser !=null){
  44.             // 暂时用UUID,终极方案是jwt
  45.            String key ="user:"+ UUID.randomUUID();
  47.            // 存入redis
  48.             loginUser.setPassword(null);
  49.             redisTemplate.opsForValue().set(key,loginUser,30, TimeUnit.MINUTES);
  51.             // 返回数据
  52.             Map<String, Object> data = new HashMap<>();
  53.             data.put("token",key);
  54.             return data;
  55.         }
  58.         return null;
  59.     }
  60. }
复制代码
4.1.2、整合redis

1.pom
  1. <dependency>
  2.     <groupId>org.springframework.boot</groupId>
  3.     <artifactId>spring-boot-starter-data-redis</artifactId>
  4. </dependency>
复制代码
2.yml
  1. spring:
  2.   redis:
  3.     host: localhost
  4.     port: 6379
复制代码
3.设置类
  1. package com.zhu.config;
  4. import com.fasterxml.jackson.annotation.JsonAutoDetect;
  5. import com.fasterxml.jackson.annotation.JsonInclude;
  6. import com.fasterxml.jackson.annotation.JsonTypeInfo;
  7. import com.fasterxml.jackson.annotation.PropertyAccessor;
  8. import com.fasterxml.jackson.databind.DeserializationFeature;
  9. import com.fasterxml.jackson.databind.MapperFeature;
  10. import com.fasterxml.jackson.databind.ObjectMapper;
  11. import com.fasterxml.jackson.databind.SerializationFeature;
  12. import com.fasterxml.jackson.databind.jsontype.impl.LaissezFaireSubTypeValidator;
  13. import org.springframework.beans.factory.annotation.Autowired;
  14. import org.springframework.context.annotation.Bean;
  15. import org.springframework.context.annotation.Configuration;
  16. import org.springframework.data.redis.connection.RedisConnectionFactory;
  17. import org.springframework.data.redis.core.RedisTemplate;
  18. import org.springframework.data.redis.serializer.Jackson2JsonRedisSerializer;
  19. import org.springframework.data.redis.serializer.StringRedisSerializer;
  20. import org.springframework.stereotype.Controller;
  22. import javax.annotation.Resource;
  23. import java.text.SimpleDateFormat;
  24. import java.util.TimeZone;
  26. @Configuration
  27. public class MyRedisConfig {
  29.     @Resource
  30.     private RedisConnectionFactory factory;
  32.     @Bean
  33.     public RedisTemplate redisTemplate(){
  34.         RedisTemplate<String, Object> redisTemplate = new RedisTemplate<>();
  35.         redisTemplate.setConnectionFactory(factory);
  37.         redisTemplate.setKeySerializer(new StringRedisSerializer());
  39.         Jackson2JsonRedisSerializer serializer = new Jackson2JsonRedisSerializer<Object>(Object.class);
  40.         redisTemplate.setValueSerializer(serializer);
  42.         ObjectMapper om = new ObjectMapper();
  43.         om.setVisibility(PropertyAccessor.ALL, JsonAutoDetect.Visibility.ANY);
  44.         om.setDateFormat(new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"));
  45.         om.setTimeZone(TimeZone.getDefault());
  46.         om.configure(MapperFeature.USE_ANNOTATIONS, false);
  47.         om.configure(DeserializationFeature.FAIL_ON_UNKNOWN_PROPERTIES, false);
  48.         om.configure(SerializationFeature.FAIL_ON_EMPTY_BEANS, false);
  49.         om.activateDefaultTyping(LaissezFaireSubTypeValidator.instance ,ObjectMapper.DefaultTyping.NON_FINAL, JsonTypeInfo.As.PROPERTY);
  50.         om.setSerializationInclusion(JsonInclude.Include.NON_NULL);
  51.         serializer.setObjectMapper(om);
  55.         return redisTemplate;
  56.     }
  57. }
复制代码
4.2、获取用户信息


controller
  1. @GetMapping("/info")
  2.     public Result<?> getUserInfo(@Param("token") String token){
  3.         Map<String,Object> data = userService.getUserInfo(token);
  4.         if(data != null){
  5.             return Result.success(data);
  6.         }
  7.         return Result.fail(20003,"用户信息获取失败");
  8.     }
复制代码
service
  1. public Map<String, Object> getUserInfo(String token) {
  2.     // 从redis查询token
  3.     Object obj = redisTemplate.opsForValue().get(token);
  4.     // 反序列化
  5.     User user = JSON.parseObject(JSON.toJSONString(obj),User.class);
  6.     if(user != null){
  7.         Map<String, Object> data =  new HashMap<>();
  8.         data.put("name",user.getUsername());
  9.         data.put("avatar",user.getAvatar());
  10.         List<String> roleList = this.getBaseMapper().getRoleNamesByUserId(user.getId());
  11.         data.put("roles", roleList);
  12.         return data;
  13.     }
  14.     return null;
  15. }
复制代码
mapper.xml
  1. <select id="getRoleNamesByUserId" parameterType="Integer" resultType="String">
  2.     SELECT
  3.     b.role_name
  4.     FROM x_user_role a,x_role b
  5.     WHERE a.`user_id` = #{userId}
  6.     AND a.`role_id` = b.`role_id`
  7. </select>
复制代码
4.3、注销


controller
  1. @PostMapping("/logout")
  2. public Result<?> logout(@RequestHeader("X-Token") String token){
  3.     userService.logout(token);
  4.     return Result.success("注销成功");
  5. }
复制代码
service
  1. public void logout(String token) {
  2.     redisTemplate.delete(token);
  3. }
复制代码
5、跨域处理

记得打开redis
  1. package com.zhu.config;
  4. import org.springframework.context.annotation.Bean;
  5. import org.springframework.context.annotation.Configuration;
  6. import org.springframework.web.cors.CorsConfiguration;
  7. import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
  8. import org.springframework.web.filter.CorsFilter;
  10. @Configuration
  11. public class MyCorsConfig {
  13.     @Bean
  14.     public CorsFilter corsFilter(){
  15.         //添加CORS配置信息
  16.         CorsConfiguration configuration = new CorsConfiguration();
  17.         //允许的域,不要写*，否则cookie就无法使用了
  18.         configuration.addAllowedOrigin("http://localhost:8888");//这里填写请求的前端服务器
  20.         //是否发送Cookie信息
  21.         configuration.setAllowCredentials(true);
  22.         //允许的请求方式
  23.         configuration.addAllowedMethod("*");
  25.         // 4）允许的头信息
  26.         configuration.addAllowedHeader("*");
  29.         // 添加映射路径，我们拦截一切请求
  30.         UrlBasedCorsConfigurationSource urlBasedCorsConfigurationSource = new UrlBasedCorsConfigurationSource();
  31.         urlBasedCorsConfigurationSource.registerCorsConfiguration("/**",configuration);
  33.         //返回新的CorsFilter
  34.         return new CorsFilter(urlBasedCorsConfigurationSource);
  36.     }
  37. }
复制代码
6、用户管理接口


6.1、查询用户列表

1、controller
  1. @GetMapping("/list")
  2.     public Result<Map<String,Object>> getUserList(@RequestParam(value = "username",required = false) String username,
  3.                                               @RequestParam(value = "phone",required = false) String phone,
  4.                                               @RequestParam(value = "pageNo") Long pageNo,
  5.                                               @RequestParam(value = "pageSize") Long pageSize){
  7.         LambdaQueryWrapper<User> wrapper = new LambdaQueryWrapper<>();
  8.         wrapper.eq(StringUtils.hasLength(username),User::getUsername,username);
  9.         wrapper.eq(StringUtils.hasLength(phone),User::getPhone,phone);
  11.         Page<User> page = new Page<>(pageNo,pageSize);
  12.         userService.page(page,wrapper);
  14.         Map<String,Object> data = new HashMap<>();
  15.         data.put("total",page.getTotal());
  16.         data.put("rows",page.getRecords());
  18.         return Result.success(data);
复制代码
2、分页拦截器
  1. @Configuration
  2. public class MpConfig {
  3.     @Bean
  4.     public MybatisPlusInterceptor mybatisPlusInterceptor() {
  5.         MybatisPlusInterceptor interceptor = new MybatisPlusInterceptor();
  6.         interceptor.addInnerInterceptor(new PaginationInnerInterceptor(DbType.MYSQL));
  7.         return interceptor;
  8.     }
  9. }
复制代码
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有账号？立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览
返回列表

快速回复

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

张春

金牌会员
这个人很懒什么都没写!

楼主热帖

标签云

存储 服务器
微信订阅号
微信服务号
微信客服
小程序
H5
关于我们 商务合作 网站地图
©Copyright 2022-2024 杭州祥升科技有限公司 版权所有 浙ICP备20004199号
快速回复 返回顶部 返回列表