前端系列17集-和公司架构师在学习vue3-springboot

SyntaxError: "undefined" is not valid JSON at JSON.parse (<anonymous>)

这个错误通常意味着你正在尝试将一个非 JSON 格式的数据转换成 JSON 格式。为了修复这个问题,你需要找到导致错误的代码行并检查它的输入数据是否符合 JSON 格式标准。

这个错误通常是因为你的 TypeScript 版本不支持 Node.js 的类型定义文件。你可以尝试升级 TypeScript 到最新版本,或者使用 @types/node 包来获取 Node.js 的类型定义文件。

具体的步骤如下:

  1. 在命令行中进入项目根目录,执行以下命令安装 @types/node 包:

    npm install --save-dev @types/node
  2. 确认你的 TypeScript 配置文件(一般为 tsconfig.json)中包含了以下配置:

    {"compilerOptions": {"target": "es6","module": "commonjs","esModuleInterop": true,"types": ["node"]}
    }
  3. 重新编译你的代码,如果使用的是 TypeScript 编译器,执行以下命令:

    tsc

    如果使用的是 Webpack 等构建工具进行编译,按照相应的配置进行操作即可。

这样就解决了 Cannot find namespace 'NodeJS' 的问题。

需求:实现一个拖拽指令,可在父元素区域任意拖拽元素。

思路:1、设置需要拖拽的元素为absolute,其父元素为relative。2、鼠标按下(onmousedown)时记录目标元素当前的 left 和 top 值。3、鼠标移动(onmousemove)时计算每次移动的横向距离和纵向距离的变化值,并改变元素的 left 和 top 值4、鼠标松开(onmouseup)时完成一次拖拽使用:在 Dom 上加上 v-draggable 即可

Property 'browserLanguage' does not exist on type 'Navigator'.ts

这个错误通常发生在 TypeScript 中,因为 Navigator 类型没有 browserLanguage 属性。相反,应该使用 navigator.language 属性来获取浏览器当前所用的语言。

要解决这个问题,你需要将代码中所有引用 browserLanguage 的地方替换为 language

例如,如果你的代码是这样的:

const language = navigator.browserLanguage;
console.log(`The browser's language is ${language}`);

应该改为:

const language = navigator.language;
console.log(`The browser's language is ${language}`);

这样就不会再出现类型错误了。

Vue.js 应用程序的国际化配置。它依赖于 vue-i18n 包,并且包含以下步骤:

  1. 导入 createI18n 方法和 getBrowserLang 函数,它们分别来自于 vue-i18n 和自定义的 utils 模块。

  2. 导入了两个语言模块:zhen,它们分别存储了中文和英文版本的翻译。

  3. 使用 createI18n 方法创建 i18n 实例,配置了以下属性:

  • allowComposition:设置为 true,表示使用 Composition API。

  • legacy:设置为 false,表示不使用旧版 Vue.js 的选项 API。

  • locale:根据用户浏览器的语言设置,选择合适的语言作为默认语言。

  • messages:将导入的语言模块对象作为消息传入,供 i18n 实例使用。

  1. 导出 i18n 实例作为默认模块。

6a6625d2bed8955b38bea17486406381.png
image.png
package com.xx.app.utils.constants;public class Constants {public static final String SUCCESS_CODE = "200";public static final String SUCCESS_MSG = "操作成功";
}
package com.xx.app.utils.constants;public enum ErrorEnum {E_400("400", "请求处理异常,请稍后再试"),E_500("500", "请求方式有误,请检查 GET/POST"),E_501("501", "请求路径不存在"),E_502("502", "权限不足"),E_10008("10008", "角色删除失败,尚有用户属于此角色"),E_10009("10009", "账户已存在"),E_10010("10010", "账号/密码错误"),E_20011("20011", "登录已过期,请重新登录"),E_90003("90003", "缺少必填参数");private final String errorCode;private final String errorMsg;ErrorEnum(String errorCode, String errorMsg) {this.errorCode = errorCode;this.errorMsg = errorMsg;}public String getErrorCode() {return errorCode;}public String getErrorMsg() {return errorMsg;}
}
package com.xxx.app.utils.model;import com.alibaba.fastjson.JSONObject;import java.util.List;
import java.util.Set;/*** MyBatis的一对多JSON返回对象* 处理嵌套查询结果时,MyBatis会根据bean定义的属性类型来初始化嵌套的成员变量,主要看其是不是Collection* 如果这里不定义,那么嵌套返回结果里就只能返回一对一的结果,而不是一对多的* 参见MyBatis  DefaultResultSetHandler.instantiateCollectionPropertyIfAppropriate()*/
public class One2Many extends JSONObject {private Set<String> roleList;private Set<String> menuList;private Set<String> permissionList;private Set<Integer> permissionIds;private List<JSONObject> picList;private List<JSONObject> menus;private List<JSONObject> users;private List<JSONObject> permissions;private List<JSONObject> roles;
}
package com.xxx.app.utils;import com.xxx.app.utils.constants.Constants;
import com.xxx.app.utils.constants.ErrorEnum;
import com.alibaba.fastjson.JSONObject;import javax.servlet.http.HttpServletRequest;
import java.util.Enumeration;
import java.util.List;/*** 后台接口系统常用的json工具类*/
public class CommonUtil {/*** 返回一个info为空对象的成功消息的json*/public static JSONObject successJson() {return successJson(new JSONObject());}public static JSONObject successJson(Object info) {JSONObject resultJson = new JSONObject();resultJson.put("code", Constants.SUCCESS_CODE);resultJson.put("msg", Constants.SUCCESS_MSG);resultJson.put("info", info);return resultJson;}/*** 返回错误信息JSON*/public static JSONObject errorJson(ErrorEnum errorEnum) {JSONObject resultJson = new JSONObject();resultJson.put("code", errorEnum.getErrorCode());resultJson.put("msg", errorEnum.getErrorMsg());resultJson.put("info", new JSONObject());return resultJson;}/*** 查询分页结果后的封装工具方法* @param requestJson 请求参数json,此json在之前调用fillPageParam 方法时,已经将pageRow放入* @param list        查询分页对象list* @param totalCount  查询出记录的总条数*/public static JSONObject successPage(final JSONObject requestJson, List<JSONObject> list, int totalCount) {int pageRow = requestJson.getIntValue("pageRow");int totalPage = getPageCounts(pageRow, totalCount);JSONObject result = successJson();JSONObject info = new JSONObject();info.put("list", list);info.put("totalCount", totalCount);info.put("totalPage", totalPage);result.put("info", info);return result;}/*** 获取总页数** @param pageRow   每页行数* @param itemCount 结果的总条数*/private static int getPageCounts(int pageRow, int itemCount) {if (itemCount == 0) {return 1;}return itemCount % pageRow == 0? itemCount / pageRow : itemCount / pageRow + 1;//return (itemCount + pageRow - 1) / pageRow;}/*** 查询分页结果后的封装工具方法** @param list 查询分页对象list*/public static JSONObject successPage(List<JSONObject> list) {JSONObject result = successJson();JSONObject info = new JSONObject();info.put("list", list);result.put("info", info);return result;}/*** 将request参数值转为json*/public static JSONObject request2Json(HttpServletRequest request) {JSONObject requestJson = new JSONObject();Enumeration<String> paramNames = request.getParameterNames();while (paramNames.hasMoreElements()) {String paramName = (String) paramNames.nextElement();String[] pv = request.getParameterValues(paramName);StringBuilder sb = new StringBuilder();for (int i = 0; i < pv.length; i++) {if (pv[i].length() > 0) {if (i > 0) {sb.append(",");}sb.append(pv[i]);}}requestJson.put(paramName, sb.toString());}return requestJson;}/*** 将request转JSON* 并且验证非空字段*/public static JSONObject convert2JsonAndCheckRequiredColumns(HttpServletRequest request, String requiredColumns) {JSONObject jsonObject = request2Json(request);hasAllRequired(jsonObject, requiredColumns);return jsonObject;}/*** 验证是否含有全部必填字段** @param requiredColumns 必填的参数字段名称 逗号隔开 比如"userId,name,telephone"*/public static void hasAllRequired(final JSONObject jsonObject, String requiredColumns) {if (!StringTools.isNullOrEmpty(requiredColumns)) {//验证字段非空String[] columns = requiredColumns.split(",");String missCol = "";for (String column : columns) {Object val = jsonObject.get(column.trim());if (StringTools.isNullOrEmpty(val)) {missCol += column + "  ";}}if (!StringTools.isNullOrEmpty(missCol)) {jsonObject.clear();jsonObject.put("code", ErrorEnum.E_90003.getErrorCode());jsonObject.put("msg", "缺少必填参数:" + missCol.trim());jsonObject.put("info", new JSONObject());throw null;}}}/*** 在分页查询之前,为查询条件里加上分页参数** @param paramObject    查询条件json* @param defaultPageRow 默认的每页条数,即前端不传pageRow参数时的每页条数*/private static void fillPageParam(final JSONObject paramObject, int defaultPageRow) {int pageNum = paramObject.getIntValue("pageNum");pageNum = pageNum == 0 ? 1 : pageNum;int pageRow = paramObject.getIntValue("pageRow");pageRow = pageRow == 0 ? defaultPageRow : pageRow;paramObject.put("offSet", (pageNum - 1) * pageRow);paramObject.put("pageRow", pageRow);paramObject.put("pageNum", pageNum);//删除此参数,防止前端传了这个参数,pageHelper分页插件检测到之后,拦截导致SQL错误paramObject.remove("pageSize");}/*** 分页查询之前的处理参数* 没有传pageRow参数时,默认每页10条.*/public static void fillPageParam(final JSONObject paramObject) {fillPageParam(paramObject, 10);}
}
package com.xxx.app.utils;public class StringTools {public static boolean isNullOrEmpty(String str) {return null == str || "".equals(str) || "null".equals(str);}public static boolean isNullOrEmpty(Object obj) {return null == obj || "".equals(obj);}
}
package com.xxxx.app.utils;import com.auth0.jwt.JWT;
import com.auth0.jwt.JWTVerifier;
import com.auth0.jwt.algorithms.Algorithm;
import com.auth0.jwt.exceptions.JWTDecodeException;
import com.auth0.jwt.interfaces.DecodedJWT;import java.io.UnsupportedEncodingException;
import java.util.Date;public class JWTUtils {public static final String AUTH_HEADER_KEY = "Authorization";public static final String TOKEN_PREFIX = "Bearer ";//过期时间一周private static final long EXPIRE_TIME = 7 * 24 * 60 * 60 * 1000;private static final String secret = "";/*** 验证 JWT token 是否合法** @param token 待验证的 JWT token* @return 如果 token 合法,则返回 true;否则返回 false。*/public static boolean verify(String token) {try {Algorithm algorithm = Algorithm.HMAC256(secret);// 创建一个 JWT 验证器JWTVerifier verifier = JWT.require(algorithm).build();// 使用验证器对 token 进行验证DecodedJWT jwt = verifier.verify(token);return true;} catch (Exception exception) {return false;}}/*** 获取token中信息无需secret解密也能获得* @param token* @return token中包含的id*/public static Long getUserId(String token) {try {DecodedJWT jwt = JWT.decode(token);return jwt.getClaim("id").asLong();} catch (JWTDecodeException e) {return null;}}/*** 签发token* @param id* @return 加密的token*/public static String sign(Long id) {try {Date date = new Date(System.currentTimeMillis() + EXPIRE_TIME);Algorithm algorithm = Algorithm.HMAC256(secret);// 附带username信息return JWT.create().withClaim("id", id).withExpiresAt(date).sign(algorithm);} catch (UnsupportedEncodingException e) {return null;}}
}
package com.xxx.app.service;import cn.hutool.http.HttpUtil;
import com.alibaba.fastjson.JSON;
import com.xxx.app.common.RedisKey;
import com.xxx.app.handler.UserThreadLocal;
import com.xxx.app.model.WXAuth;
import com.xxx.app.pojo.User;
import com.xxx.app.pojo.dto.UserDto;
import com.xxx.app.utils.JWTUtils;
import lombok.extern.slf4j.Slf4j;
import org.springframework.beans.BeanUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.data.redis.core.StringRedisTemplate;
import org.springframework.stereotype.Service;import java.util.HashMap;
import java.util.Map;
import java.util.UUID;
import java.util.concurrent.TimeUnit;@Slf4j
@Service
public class UserService {@Value("${wxmini.appid}")private String appid;@Value("${wxmini.secret}")private String secret;@Autowiredprivate StringRedisTemplate redisTemplate;//    public Result getSessionId(String code) {
//        /**
//         * 1. 拼接一个url,微信登录凭证校验接口
//         * 2. 发起一个http的调用,获取微信的返回结果
//         * 3. 存到redis
//         * 4. 生成一个sessionId,返回给前端,作为当前需要登录用户的标识
//         * 5. 生成一个sessionId,用户在点击微信登录的时候,我们可以标识是谁点击微信登录
//         */
//        String url = "https://api.weixin.qq.com/sns/jscode2session?appid={0}&secret={1}&js_code={2}&grant_type=authorization_code";
//        String replaceUrl = url.replace("{0}", appid).replace("{1}", secret).replace("{2}", code);
//        String res = HttpUtil.get(replaceUrl);
//        String uuid = UUID.randomUUID().toString();
//        redisTemplate.opsForValue().set(RedisKey.WX_SESSION_ID + uuid, res, 30, TimeUnit.MINUTES);
//        Map<String, String> map = new HashMap<>();
//        map.put("sessionId", uuid);
//        return Result.SUCCESS(map);
//    }@Autowiredprivate WxService wxService;//    @Resource
//    private UserMapper userMapper;//    public Result authLogin(WXAuth wxAuth) {
//        /**
//         * 1. 通过wxAuth中的值,要对它进行解密
//         * 2. 解密完成之后,会获取到微信用户信息 其中包含 openId,性别,昵称,头像等信息
//         * 3. openId 是唯一的,需要去user表中查询openId是否存在,存在,已此用户的身份登录成功
//         * 4. 不存在,新用户,注册流程,登录成功
//         * 5. 使用jwt技术,生成一个token,提供给前端 token 令牌,用户在下次访问的时候,携带token来访问
//         * 6. 后端通过对token的验证,找到此用户是否处于登录状态,以及是哪个用户登录的
//         */try {log.info("获取请求参数:"+wxAuth);String wxRes = wxService.wxDecrypt(wxAuth.getEncryptedData(), wxAuth.getSessionId(), wxAuth.getIv());log.info("信息:"+wxRes);WxUserInfo wxUserInfo = JSON.parseObject(wxRes, WxUserInfo.class);String openId = wxUserInfo.getOpenId();User user = userMapper.selectOne(Wrappers.<User>lambdaQuery().eq(User::getOpenId, openId).last("limit 1"));UserDto userDto = new UserDto();userDto.from(wxUserInfo);if (user == null) {// 注册return this.register(userDto);} else {userDto.setId(user.getId());// 登录return this.login(userDto);}} catch (Exception e) {e.printStackTrace();}return Result.FAIL();
//        return null;
//    }
//
//    private Result login(UserDto userDto) {
//        String token = JWTUtils.sign(userDto.getId());
//        userDto.setToken(token);
//        userDto.setOpenId(null);
//        userDto.setUnionId(null);
//        //需要把token 存入redis,value存为 userDto,下次用户访问需要登录资源的时候,可以根据token拿到用户的详细信息
//        //缓存
//        redisTemplate.opsForValue().set(RedisKey.TOKEN+token, JSON.toJSONString(userDto), 7, TimeUnit.DAYS);
//        return Result.SUCCESS(userDto);
//    }
//
//    private Result register(UserDto userDto) {
//        // 注册之前 判断 用户是否存在
//        User user = new User();
//        BeanUtils.copyProperties(userDto, user);this.userMapper.insert(user);
//        // return Result.SUCCESS(userDto);
//        userDto.setId(user.getId());
//        return this.login(userDto);
//    }
//
//    // 参数 String token
//    public Result userinfo(Boolean refresh) {
//        /**
//         * 1. 根据token 来验证此token 是否有效
//         * 2. refresh 如果为true 代表刷新 重新生成token和redis里面重新储存 续期
//         * 3. false直接返回用户信息 redis中 查询出来 直接返回
//         */
//        /**
//         token = token.replace("Bearer ", "");
//         boolean verify = JWTUtils.verify(token);
//         if (!verify) {
//         return Result.FAIL("未登录");
//         }
//         String userJson = redisTemplate.opsForValue().get(RedisKey.TOKEN + token);
//         if (StringUtils.isBlank(userJson)) {
//         return Result.FAIL("未登录");
//         }
//         */
//        UserDto userDto = UserThreadLocal.get();
//        if (refresh) {
//            String token = JWTUtils.sign(userDto.getId());
//            userDto.setToken(token);
//            redisTemplate.opsForValue().set(RedisKey.TOKEN+token, JSON.toJSONString(userDto), 7, TimeUnit.DAYS);
//        }
//        return Result.SUCCESS(userDto);
//    }
}
package com.xxx.app.common;public enum ResultCode {/* 成功状态码 */SUCCESS(0, "操作成功!"),/* 错误状态码 */FAIL(-1, "操作失败!"),/* 参数错误:10001-19999 */PARAM_IS_INVALID(10001, "参数无效"),PARAM_IS_BLANK(10002, "参数为空"),PARAM_TYPE_BIND_ERROR(10003, "参数格式错误"),PARAM_NOT_COMPLETE(10004, "参数缺失"),/* 用户错误:20001-29999*/USER_NOT_LOGGED_IN(20001, "用户未登录,请先登录"),USER_LOGIN_ERROR(20002, "账号不存在或密码错误"),USER_ACCOUNT_FORBIDDEN(20003, "账号已被禁用"),USER_NOT_EXIST(20004, "用户不存在"),USER_HAS_EXISTED(20005, "用户已存在"),/* 业务错误:30001-39999 */BUSINESS_GROUP_NO_ALLOWED_DEL(30001, "应用分组已经被应用使用,不能删除"),BUSINESS_THEME_NO_ALLOWED_DEL(30002, "主题已经被用户使用,不能删除"),BUSINESS_THEME_NO_ALLOWED_DISABLE(30003, "主题已经被用户使用,不能停用"),BUSINESS_THEME_DEFAULT_NO_ALLOWED_DEL(30004, "默认主题,不能删除"),BUSINESS_THEME_NO_ALLOWED_UPDATE(30005, "主题已经被用户使用,不能修改图片信息"),BUSINESS_IS_TOP(30040, "已经到最顶部"),BUSINESS_IS_BOTTOM(30041, "已经到最底部"),BUSINESS_NAME_EXISTED(30051, "名称已存在"),/* 系统错误:40001-49999 */SYSTEM_INNER_ERROR(40001, "系统繁忙,请稍后重试"),UPLOAD_ERROR(40002, "系统异常,上传文件失败"),FILE_MAX_SIZE_OVERFLOW(40003, "上传尺寸过大"),FILE_ACCEPT_NOT_SUPPORT(40004, "上传文件格式不支持"),SET_UP_AT_LEAST_ONE_ADMIN(40005, "至少指定一个管理员"),URL_INVALID(40006, "地址不合法"),LINK_AND_LOGOUT_NO_MATCH(40006, "主页地址和注销地址IP不一致"),IP_AND_PORT_EXISTED(40007, "当前IP和端口已经被占中"),LINK_IS_REQUIRED(40008, "生成第三方token认证信息: 主页地址不能为空,请完善信息"),ONLY_ROOT_DEPARTMENT(40009, "组织机构只能存在一个根机构"),DEPART_CODE_EXISTED(40010, "组织机构编码已存在"),DEPART_CONTAINS_USERS(40011, "该机构下是存在用户,不允许删除"),DEPART_CONTAINS_SON(40012, "该机构下是存在子级机构,不允许删除"),DEPART_PARENT_IS_SELF(40013, "选择的父机构不能为本身"),DICT_EXIST_DEPEND(40014, "该字典数据存在详情依赖,不允许删除"),DICT_DETAIL_LOCK(40015, "该字典数据被锁定,不允许修改或删除"),DEPART_CODE_EXISTED_WITH_ARGS(40016, "组织机构编码【{0}】系统已存在"),/* 数据错误:50001-599999 */RESULT_DATA_NONE(50001, "数据未找到"),DATA_IS_WRONG(50002, "数据有误"),DATA_ALREADY_EXISTED(50003, "数据已存在"),AUTH_CODE_ERROR(50004, "验证码错误"),/* 接口错误:60001-69999 */INTERFACE_INNER_INVOKE_ERROR(60001, "内部系统接口调用异常"),INTERFACE_OUTTER_INVOKE_ERROR(60002, "外部系统接口调用异常"),INTERFACE_FORBID_VISIT(60003, "该接口禁止访问"),INTERFACE_ADDRESS_INVALID(60004, "接口地址无效"),INTERFACE_REQUEST_TIMEOUT(60005, "接口请求超时"),INTERFACE_EXCEED_LOAD(60006, "接口负载过高"),/* 权限错误:70001-79999 */PERMISSION_UNAUTHENTICATED(70001, "此操作需要登陆系统!"),PERMISSION_UNAUTHORISE(70002, "权限不足,无权操作!"),PERMISSION_EXPIRE(70003, "登录状态过期!"),PERMISSION_TOKEN_EXPIRED(70004, "token已过期"),PERMISSION_LIMIT(70005, "访问次数受限制"),PERMISSION_TOKEN_INVALID(70006, "无效token"),PERMISSION_SIGNATURE_ERROR(70007, "签名失败"),PERMISSION_VIP(70000, "权限不足,此影片需要大会员,请开通大会员");//操作代码int code;//提示信息String message;ResultCode(int code, String message) {this.code = code;this.message = message;}public int code() {return code;}public String message() {return message;}public void setCode(int code) {this.code = code;}public void setMessage(String message) {this.message = message;}
}
package com.xxx.app.handler;import com.alibaba.fastjson.JSON;
import com.xxx.app.common.RedisKey;
import com.xxx.app.pojo.dto.UserDto;
import com.xxx.app.utils.JWTUtils;
import org.apache.commons.lang3.StringUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.data.redis.core.StringRedisTemplate;
import org.springframework.stereotype.Component;
import org.springframework.web.method.HandlerMethod;
import org.springframework.web.servlet.HandlerInterceptor;import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;// 拦截器的使用 要放入 mvc配置当中
// 用于拦截请求并进行身份认证和授权的操作。
@Component
public class LoginHandler implements HandlerInterceptor {@Autowiredprivate StringRedisTemplate redisTemplate;/**** @param request HTTP 请求对象* @param response HTTP 响应对象* @param handler 表示待处理的目标对象* @return* @throws Exception*/@Overridepublic boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {//return HandlerInterceptor.super.preHandle(request, response, handler);//方法执行之前 进行拦截/*** 1.判断请求是否是请求 controller 方法* 2.有些接口是不需要登录拦截,需要开放自定义的注解 @NoAuth 此注解标识的 不需要登录* 3.拿到token* 4.token认证 -> user信息* 5.如果 redis 认证通过 就放行 认证不通过 返回未登录* 6.得到了用户信息,放入 ThreadLocal 当中*/// 判断 handler 是否为 HandlerMethod 的实例。如果不是,则直接返回 true,表示放行。if (!(handler instanceof HandlerMethod)) {return true;}// 将 handler 强制转换为 HandlerMethod 对象,以便后面能够获取处理该请求的 Controller 方法及其注解信息。HandlerMethod handlerMethod = (HandlerMethod) handler;// 判断该 Controller 方法是否被 @NoAuth 注解标记,如果有,则直接返回 true,表示放行。if (handlerMethod.hasMethodAnnotation(NoAuth.class)) {return true;}String token = request.getHeader("Authorization");token = token.replace("Bearer ", "");// 从 HTTP 请求头中获取认证 Token,由于 Token 一般以 Bearer  开头,所以需要将其去掉。boolean verify = JWTUtils.verify(token);// 使用 JWT 进行 Token 认证,如果认证失败,则返回错误信息并直接返回 false,表示拦截该请求。if (!verify) {response.setContentType("application/json;charset=utf-8");//response.getWriter().write(JSON.toJSONString(Result.FAIL("未登录")));response.getWriter().write(JSON.toJSONString("未登录"));return false;}String userJson = redisTemplate.opsForValue().get(RedisKey.TOKEN + token);if (StringUtils.isBlank(userJson)) {response.setContentType("application/json;charset=utf-8");//response.getWriter().write(JSON.toJSONString(Result.FAIL("未登录")));response.getWriter().write(JSON.toJSONString("未登录"));return false;}UserDto userDto = JSON.parseObject(userJson, UserDto.class);UserThreadLocal.put(userDto); // 得到了用户信息,放入ThreadLocal当中return true;}
}
package com.xxx.app.config;import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.InterceptorRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;@Configuration
public class WebMvcConfig implements WebMvcConfigurer {@Autowiredprivate LoginHandler loginHandler;@Overridepublic void addInterceptors(InterceptorRegistry registry) {registry.addInterceptor(loginHandler);//WebMvcConfigurer.super.addInterceptors(registry);}
}

//发送手机验证码

auth/send-sms-code

//使用手机 + 验证码登录

auth/sms-login

//刷新令牌

auth/refresh-token

//微信小程序的一键登录

/auth/weixin-mini-app-login

package com.xxx.app.service;import cn.hutool.core.codec.Base64;
import com.alibaba.fastjson.JSON;
import com.alibaba.fastjson.JSONObject;
import com.xxx.app.common.RedisKey;
import lombok.extern.slf4j.Slf4j;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.data.redis.core.StringRedisTemplate;
import org.springframework.stereotype.Component;import javax.crypto.Cipher;
import javax.crypto.spec.IvParameterSpec;
import javax.crypto.spec.SecretKeySpec;
import java.security.spec.AlgorithmParameterSpec;@Slf4j
@Component
public class WxService {@Autowiredprivate StringRedisTemplate redisTemplate;public String wxDecrypt(String encryptedData, String sessionId, String vi) throws Exception {// 开始解密String json =  redisTemplate.opsForValue().get(RedisKey.WX_SESSION_ID + sessionId);log.info("信息wxDecrypt:"+json);JSONObject jsonObject = JSON.parseObject(json);String sessionKey = (String) jsonObject.get("session_key");log.info("sessionKey 信息"+sessionKey);byte[] encData = cn.hutool.core.codec.Base64.decode(encryptedData);byte[] iv = cn.hutool.core.codec.Base64.decode(vi);byte[] key = Base64.decode(sessionKey);log.info("key 信息"+key);AlgorithmParameterSpec ivSpec = new IvParameterSpec(iv);Cipher cipher = Cipher.getInstance("AES/CBC/PKCS5Padding");SecretKeySpec keySpec = new SecretKeySpec(key, "AES");cipher.init(Cipher.DECRYPT_MODE, keySpec, ivSpec);return new String(cipher.doFinal(encData), "UTF-8");}
}
package com.xxx.app.common;public class RedisKey {public static final String WX_SESSION_ID = "wx_session_id";public static final String TOKEN = "token_";
}
package com.xxx.app.entity;import java.util.Date;public class Login {private int id;private String phone;private String code;private byte role;private Date ctime;public int getId() {return id;}public void setId(int id) {this.id = id;}public String getPhone() {return phone;}public void setPhone(String phone) {this.phone = phone;}public String getCode() {return code;}public void setCode(String code) {this.code = code;}public byte getRole() {return role;}public void setRole(byte role) {this.role = role;}public Date getCtime() {return ctime;}public void setCtime(Date ctime) {this.ctime = ctime;}@Overridepublic String toString() {return "Login [id=" + id + ", phone=" + phone + ", code=" + code + ", ctime=" + ctime + ", getId()=" + getId() + ", getPhone()=" + getPhone() + ", getCode()=" + getCode() + ", getCtime()=" + getCtime() + ", getClass()=" + getClass() + ", hashCode()=" + hashCode() + ", toString()=" + super.toString() + "]";}
}
package com.xxx.app.entity;public class Sms {private String phoneNumber;private String code;public String getPhoneNumber() {return phoneNumber;}public  void setPhoneNumber(String phoneNumber) {this.phoneNumber = phoneNumber;}public String getCode() {return code;}public void setCode(String code) {this.code = code;}
}
package com.xxx.app.handler;import java.lang.annotation.*;@Target(ElementType.METHOD)
@Retention(RetentionPolicy.RUNTIME)
@Documented
public @interface NoAuth {
}
package com.xxx.app.handler;import com.xxx.app.pojo.dto.UserDto;public class UserThreadLocal {private static final ThreadLocal<UserDto> LOCAL = new ThreadLocal<>();public static void put(UserDto userDto) {LOCAL.set(userDto);}public static UserDto get() {return LOCAL.get();}public static void remove() {LOCAL.remove();}
}
package com.xxx.app.model;import lombok.Data;@Data
public class WXAuth {private String encryptedData;private String iv;private String sessionId;
}
package com.xxx.app.model;import lombok.Data;@Data
public class WxUserInfo {private String openId;private String nickName;private String gender;private String city;private String province;private String country;private String avatarUrl;private String unionId;}
package com.xxx.app.pojo.dto;import com.xxx.app.model.WxUserInfo;
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;import java.io.Serializable;
import java.util.List;@Data
@NoArgsConstructor
@AllArgsConstructor
public class UserDto implements Serializable {private Long id;private String nickname;private String username;private String password;private String gender;private String phoneNumber;private String background;private String avatar_url;private String openId;private String unionId;//dto拓展属性private String token;List<String> permissions;List<String> roles;// 验证码private String code;public void from(WxUserInfo wxUserInfo) {this.nickname = wxUserInfo.getNickName();this.avatar_url = wxUserInfo.getAvatarUrl();this.username = "";this.password = "";this.phoneNumber = "";this.gender = wxUserInfo.getGender();this.openId = wxUserInfo.getOpenId();this.unionId = wxUserInfo.getUnionId();}
}
package com.xxx.app.pojo;//import com.baomidou.mybatisplus.annotation.IdType;
//import com.baomidou.mybatisplus.annotation.TableId;
//import com.baomidou.mybatisplus.annotation.TableName;
import lombok.Data;import java.io.Serializable;
import java.time.LocalDateTime;@Data
//@TableName("tbl_weixin")
public class User implements Serializable {//    @TableId(value = "id", type = IdType.AUTO)private Long id;//用户唯一标识private String openId;//昵称private String nickName;private String password;//性别private String gender;//城市private String city;//省份private String province;//国家private String country;//头像private String avatarUrl;//用户在开放平台的唯一标识private String unionId;//是否授权private Integer isAuth;//创建时间private LocalDateTime createTime;//修改时间private LocalDateTime updateTime;
}
UserController
package com.xxx.app.controller;import com.xxx.app.handler.NoAuth;
import com.xxx.app.model.WXAuth;
import com.xxx.app.service.UserService;
import lombok.extern.slf4j.Slf4j;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;
@Slf4j
@RestController
public class UserController {//    @Autowired
//    private UserService userService;//getSessionId
//    @GetMapping("/getSessionId")
//    @NoAuth
//    public Result getSessionId(String code) {
//        return userService.getSessionId(code);
//    }
//
//    @PostMapping("/authLogin")
//    @NoAuth
//    public Result authLogin(@RequestBody WXAuth wxAuth) {
//        Result result = userService.authLogin(wxAuth);
//        log.info("{}", result);
//        return result;
//    }
//
//    @GetMapping("userinfo")
//    public Result userinfo(Boolean refresh) {
//        return userService.userinfo(refresh);
//    }
}
package com.xxx.app.controller;import cn.hutool.json.JSONException;
import com.xxx.app.entity.Sms;
import com.xxx.app.handler.NoAuth;
import com.github.qcloudsms.SmsSingleSender;
import com.github.qcloudsms.SmsSingleSenderResult;
import com.github.qcloudsms.httpclient.HTTPException;
import lombok.extern.slf4j.Slf4j;
import org.apache.commons.lang3.RandomStringUtils;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RestController;import java.io.IOException;@RestController
//@RequestMapping(value = "/sms") //sendCode
@Slf4j
public class SmsController {@NoAuth@RequestMapping(value = "/sendSms", method = RequestMethod.POST)public void sendCode(@RequestBody Sms sms) {// String 返回// String code = generateCode();// redisService.set(mobile, code, 300L); // 有效时间5分钟// boolean result = smsService.sendSms(mobile, code);// 生产6位数的随机验证码// String code = String.valueOf((int) ((Math.random() * 9 + 1) * 100000));try{
//            String[] params = {sms.getCode()}; //短信中的参数String[] params = {"1" + RandomStringUtils.randomNumeric(5)};System.out.println("params = " + params);//String[] params = ["2344"];SmsSingleSender ssender = new SmsSingleSender(appid,appkey);SmsSingleSenderResult result = ssender.sendWithParam("86",sms.getPhoneNumber(),templateId,params,smsSign,"","");System.out.println(result);}catch (HTTPException e){e.printStackTrace();}catch (JSONException e){e.printStackTrace();}catch (IOException e){e.printStackTrace();}}
}
package com.xxx.app.controller;import java.util.List;
import java.util.Set;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RestController;
import com.xxx.common.constant.Constants;
import com.xxx.common.core.domain.AjaxResult;
import com.xxx.common.core.domain.entity.SysMenu;
import com.xxx.common.core.domain.entity.SysUser;
import com.xxx.common.core.domain.model.LoginBody;
import com.xxx.common.utils.SecurityUtils;
import com.xxx.framework.web.service.SysLoginService;
import com.xxx.framework.web.service.SysPermissionService;
import com.xxx.system.service.ISysMenuService;/*** 登录验证**/
@RestController
public class SysLoginController
{@Autowiredprivate SysLoginService loginService;@Autowiredprivate ISysMenuService menuService;@Autowiredprivate SysPermissionService permissionService;/*** 登录方法** @param loginBody 登录信息* @return 结果*/@PostMapping("/login")public AjaxResult login(@RequestBody LoginBody loginBody){AjaxResult ajax = AjaxResult.success();// 生成令牌
//        String token = loginService.login(loginBody.getUsername(), loginBody.getPassword(), loginBody.getCode(),
//                loginBody.getUuid());
//        ajax.put(Constants.TOKEN, token);return ajax;}/*** 获取用户信息** @return 用户信息*/@GetMapping("getInfo")public AjaxResult getInfo(){SysUser user = SecurityUtils.getLoginUser().getUser();// 角色集合Set<String> roles = permissionService.getRolePermission(user);// 权限集合Set<String> permissions = permissionService.getMenuPermission(user);AjaxResult ajax = AjaxResult.success();ajax.put("user", user);ajax.put("roles", roles);ajax.put("permissions", permissions);return ajax;}/*** 获取路由信息** @return 路由信息*/@GetMapping("getRouters")public AjaxResult getRouters(){Long userId = SecurityUtils.getUserId();List<SysMenu> menus = menuService.selectMenuTreeByUserId(userId);return AjaxResult.success(menuService.buildMenus(menus));}
}

加群联系作者vx:xiaoda0423

仓库地址:https://github.com/webVueBlog/WebGuideInterview

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://xiahunao.cn/news/256408.html

如若内容造成侵权/违法违规/事实不符,请联系瞎胡闹网进行投诉反馈,一经查实,立即删除!

相关文章

微信联盟链接不到服务器怎么,LOL微信绑定方法及无法登录处理方案推荐

LOL今日开启了微信登录功能的测试&#xff0c;很多玩家不知道该怎么绑定。本文小编会为大家详细介绍绑定方法和无法登陆的处理方案&#xff0c;感兴趣的小伙伴们&#xff0c;和小编一起来看看吧&#xff01; 绑定方法 8月21日8.16版本发布后&#xff0c;在部分大区开启微信登录…

英雄联盟手游登录注册地与服务器不匹配,lol手游无法使用当前地区账号登录原因说明,相关解决方法分享...

在lol的手游中&#xff0c;最近注册登录的玩家越来越多&#xff0c;上线登录的时间也越来越频繁&#xff0c;很多服务器也处于无法登陆的状态&#xff0c;刚刚也有玩家发现Unable to login with an account from this region的登录提示&#xff0c;这是表示无法使用当前地区的账…

LOL决赛夜钓鱼攻击分析

今天是LOL决赛夜&#xff0c;朋友圈和群里很多人发图一的链接&#xff0c;会自动跳转到B站&#xff0c;我看了一下认为有点问题。 首先是大学生群体中大规模转发了这种自动跳转b站的url&#xff0c;并且url不相同。 第二我进行分析了一下&#xff0c;发现这个url域名没有网页…

印尼玩lol注册哪个服务器,LOL手游印尼服怎么注册 云顶之弈印尼服账号注册方法[多图]...

LOL手游印尼服作为国外服开放的区域&#xff0c;可以让你认识更多的国外强力玩家哦&#xff0c;但是很多玩家都不知道如何注册账号&#xff0c;下面就让安族66来告诉大家吧~ LOL手游云顶之弈印尼服账号注册方法 国服英雄联盟玩家众多&#xff0c;万一手游的水平达不到希望中的程…

推特 我们目前不能注册此邮箱地址_试玩手游版LOL,媲美端游的质量,这份注册攻略须收藏|moba|英雄联盟|lol|端游|手游...

眼看着英雄联盟手游版已经在印尼、马来西亚、新加坡、日本、菲律宾、韩国等公测地区的应用商店上线&#xff0c;且正式进行不限号公测&#xff0c;国内玩家也开始想尽办法冲破地域限制来率先体验这款经典的游戏。那么“如何成功下载并运行游戏&#xff1f;”、“哪些机型能够完…

推特 我们目前不能注册此邮箱地址_试玩手游版LOL,媲美端游的质量,这份注册攻略须收藏...

原标题&#xff1a;试玩手游版LOL&#xff0c;媲美端游的质量&#xff0c;这份注册攻略须收藏 眼看着英雄联盟手游版已经在印尼、马来西亚、新加坡、日本、菲律宾、韩国等公测地区的应用商店上线&#xff0c;且正式进行不限号公测&#xff0c;国内玩家也开始想尽办法冲破地域限…

前端:完整简单详细的注册页面讲解

成品总效果如下&#xff1a; 需要其他修饰网页可以加入自己的创意 讲解&#xff1a; 不知道基础语法的宝可以看看我先前发的一些内容 注意点&#xff1a; 1&#xff0c;密码需要用type"password"属性&#xff0c;使密码不会被显示。如下&#xff1a; 密 码<in…

云顶之弈服务器维护多长时间,云顶之弈各服务器上线时间一览

云顶之弈已经在美服PBE测试一段时间了&#xff0c;终于要开始登陆正式服了&#xff0c;下面为大家带来的是lol云顶之弈各服务器的正式上线时间一览&#xff0c;一起来了解一下吧。 推荐阅读&#xff1a; 云顶之弈各服务器上线时间一览 由于以下的时间都是太平洋时区&#xff0c…

冲击百万大奖!广州·琶洲算法大赛赛题讲解会,7场直播直击命题重点

‍‍ 第二届广州琶洲算法大赛是由广州市人民政府主办、海珠区人民政府和百度公司等单位联合承办的赛事&#xff0c;旨在为企业、高校师生、广大开发者提供展示技术能力、开展跨界交流、促进创业就业的平台。大赛自 4 月 25 日启动以来&#xff0c;吸引了超过 1000 支队伍报名参…

microsoft store 安装包_LOL英雄联盟手游官方安装包

两年了&#xff0c;整整两年了&#xff0c;英雄联盟手游终于要来了&#xff0c;10月28日&#xff0c;LOL手游在日本开放公测&#xff0c;无需再预约。 不过很遗憾&#xff0c;现在只开放了东南亚小部分地区&#xff0c;国内还得等一段时间。官方预计在明年春季上线国服。 前辈今…

[JSP暑假实训] 二.JSP网站创建及Servlet实现注册表单提交、计算器运算

本系列文章是作者暑假给学生进行实训分享的笔记&#xff0c;主要介绍MyEclipse环境下JSP网站开发&#xff0c;包括JAVA基础、网页布局、数据库基础、Servlet、前端后台数据库交互、DAO等知识。 本篇文章开始讲解MyEclipse环境下创建JSP网站&#xff0c;并实现注册表页面的创建及…

lol计算机丢失msvcp140,玩英雄联盟提示电脑缺少msvcp140.dll怎么办

玩英雄联盟提示电脑缺少msvcp140.dll怎么办&#xff1f;很多小伙伴不知道msvcp140.dll是什么&#xff1f;msvcp140.dll 其实是 VC 运行库组件中的一个 dll 文件。很多小伙伴安装游戏活着软件的时候提示缺少该文件&#xff01;其实我们可以通过安装 VC 运行库来解决这个错误提示…

仿LOL项目开发第一天

---恢复内容开始--- 仿LOL项目开发第一天 by---草帽 项目源码研究群&#xff1a;539117825 最近看了一个类似LOL的源码&#xff0c;颇有心得&#xff0c;所以今天呢&#xff0c;我们就来自己开发一个类似于LOL的游戏demo。 可能项目持续的时间会比较久&#xff0c;主要是现在还…

linux 用户创建时间,在linux中如何能得知一个用户的创建时间?

在linux中如何能得知一个用户的创建时间&#xff1f; (2011-08-24 03:36:01) 标签&#xff1a; 杂谈 在linux中如何能得知一个用户的创建时间&#xff1f;如题。之前我试过id、passwd以及通过stat查看用户主目录的创建时间&#xff0c;但是都不能准确地反映这个用户的 创建时间…

印尼玩lol注册哪个服务器,《LOL手游》印尼服怎么注册 安卓IOS注册流程攻略

导 读 LOL手游印尼服终于上线咯。相信大家都想去尝试一波&#xff0c;印尼服作为国际外服&#xff0c;想要体验就需要注册账号哦&#xff0c;下面九游小编就带来详细注册方法&#xff0c;快来看看吧~ 云顶之弈手游安卓ios注册流程详解 国服英雄联盟... LOL手游印尼服终于上线咯…

印尼玩lol注册哪个服务器,LOL手游印尼服怎么注册 LOL手游印尼服账号注册方法介绍...

版本&#xff1a;v1.0 类型&#xff1a;MOBA跑酷大小&#xff1a;1 MB评分&#xff1a;9.2 标签&#xff1a; moba 策略 立即下载 LOL手游目前还没在中国上线&#xff0c;我国玩家想要提前体验可以先去别国服玩&#xff0c;印尼服就是一个不错的选择&#xff0c;不少小伙伴好奇…

【PWN · ret2text | PIE 】[NISACTF 2022]ezpie

简单的PIE绕过 目录 前言 一、题目重述 二、解题思路 1.现有信息 2.思考过程 3.exp 总结 前言 所接触的PIE保护的第一题&#xff0c;也非常简单。 一、题目重述 二、解题思路 1.现有信息 PIE保护——程序可能被加载到任意位置&#xff0c;所以位置是可变的。程序返回…

JRE和JDK

JRE (Java Runtime Environment) 是Java程序的运行时环境&#xff0c;包含JVM 和运行时所需要的核心类库。我们想要运行一个已有的Java程序&#xff0c;那么只需安装JRE即可。 JDK (Java Development Kit) 是Java程序开发工具包&#xff0c;包含JRE和开发人员使用的工具。 其中…

分享一个下载软件的html

主要是html与js,css实现 页面如下: 点击软件后会滑动到,软件介绍,然后弹出二维码: <!DOCTYPE HTML> <!--HTML for wufuba.comAuthor: www.wufuba.com --> <html lang="zh-cmn-Hans"><head><title>xxx软件</title><m…

绝地求生无盘服务器,无盘网吧里绝地求生进不去?他们是这么解决的

2018-3-9日应该算是绝地求生网吧界的一个大日子&#xff0c;因为在这一天绝地求生在官方未发布公告(更新完成后才补发的)的情况下开始了不停机更新游戏。然鹅更新后&#xff0c;多家网吧表示进不去游戏了&#xff0c;出现各种错误&#xff0c;类似无反映&#xff0c;内存报错等…