> 昨晚做这个系统的时候遇到了这个问题，让我一直有点疑惑，后面检查报错信息我发现了问题所在
> ![](https://picgo-img-repo.oss-cn-beijing.aliyuncs.com/img/10c3ef488d0bd0e1f508ca4c940540c9.png)



其中主要的错误信息是
```
Type handler was null on parameter mapping for property 'judgeConfig'. It was either not specified and/or could not be found for the javaType (cn.pepedd.hpoj.entity.dto.question.JudgeConfig) : jdbcType (null) combination.
```

也就是说没有类型处理器来处理judgeConfig这个属性，因为我定义的是一个对象，而对象要转换到数据库字段中的varchar类型，MyBatis和MySQL都没有做这件事，需要开发者自己来做。

像复杂属性的值转换为数据库字段不仅仅只有对象，还有数组、集合等

因此解决办法就是在写入数据库之前进行一次转换，将复杂属性转为字符串。

我是这样处理的。

对于前端常见的dto->pojo->vo流程在BizQuestion(数据库实体类)下定义，以便于便捷的转换
```java
 /**
   * 使用了 列中的json字符串，需要单独的方法进行dto->pojo->vo的转换
   *
   * @param questionDTO
   * @return
   */
  public static BizQuestion dtoToPojo(QuestionDTO questionDTO) {
    BizQuestion bizQuestion = new BizQuestion();
    BeanUtils.copyProperties(questionDTO, bizQuestion);
    // 对tags、judgeCase、judgeConfig单独处理
    bizQuestion.setTags(JSONUtil.toJsonStr(questionDTO.getTags()));
    bizQuestion.setJudgeCase(JSONUtil.toJsonStr(questionDTO.getJudgeCase()));
    bizQuestion.setJudgeConfig(JSONUtil.toJsonStr(questionDTO.getJudgeConfig()));
    return bizQuestion;
  }
  /**
   * 使用了 列中的json字符串，需要单独的方法进行dto->pojo->vo的转换
   *
   * @param bizQuestion
   * @return
   */
  public static QuestionVO pojoToVo(BizQuestion bizQuestion) {
    QuestionVO questionVO = new QuestionVO();
    BeanUtils.copyProperties(bizQuestion, questionVO);
    // 对tags、judgeCase、judgeConfig单独处理
    questionVO.setTags(JSONUtil.parseArray(bizQuestion.getTags()).toList(String.class));
    questionVO.setJudgeCase(JSONUtil.parseArray(bizQuestion.getJudgeCase()).toList(JudgeCase.class));
    JSONConfig jsonConfig = JSONConfig.create();
    jsonConfig.setIgnoreNullValue(false);
    questionVO.setJudgeConfig(JSONUtil.parseObj(bizQuestion.getJudgeConfig(), jsonConfig).toBean(JudgeConfig.class));
    return questionVO;
  }
```
对于系统内对db->obj->db的转换，定义完整的实体类Question，并在其中定义db->obj->db转换的方法
```java
/**
   * 使用了 列中的json字符串，需要单独的方法进行转换
   *
   * @param question
   * @return
   */
  public static BizQuestion objToDb(Question question) {
    BizQuestion bizQuestion = new BizQuestion();
    BeanUtils.copyProperties(question, bizQuestion);
    // 对tags、judgeCase、judgeConfig单独处理
    bizQuestion.setTags(JSONUtil.toJsonStr(question.getTags()));
    bizQuestion.setJudgeCase(JSONUtil.toJsonStr(question.getJudgeCase()));
    bizQuestion.setJudgeConfig(JSONUtil.toJsonStr(question.getJudgeConfig()));
    return bizQuestion;
  }

  /**
   * 使用了 列中的json字符串，需要单独的方法进行转换
   *
   * @param bizQuestion
   * @return
   */
  public static Question dbToObj(BizQuestion bizQuestion) {
    Question question = new Question();
    BeanUtils.copyProperties(bizQuestion, question);
    // 对tags、judgeCase、judgeConfig单独处理
    question.setTags(JSONUtil.parseArray(bizQuestion.getTags()).toList(String.class));
    question.setJudgeCase(JSONUtil.parseArray(bizQuestion.getJudgeCase()).toList(JudgeCase.class));
    JSONConfig jsonConfig = JSONConfig.create();
    jsonConfig.setIgnoreNullValue(false);
    question.setJudgeConfig(JSONUtil.parseObj(bizQuestion.getJudgeConfig(), jsonConfig).toBean(JudgeConfig.class));
    return question;
  }
  ```
  其他情况以此类推。
  
  它在代码中的使用也是相当简单，就像这样转换即可。
  
  ![](https://picgo-img-repo.oss-cn-beijing.aliyuncs.com/img/58e4fd40aec69b7698ec5718bc972239.png)
  
  这样就能在接口中灵活的转换了
  
  ![](https://picgo-img-repo.oss-cn-beijing.aliyuncs.com/img/6df7954ca223569c6cb9ae6d85c4a0d5.png)
  
  ![](https://picgo-img-repo.oss-cn-beijing.aliyuncs.com/img/bb5cc18608fa5b9f12ff99dbc74c3f63.png)
  
  比如像这个接口，原本如果是查询数据库返回数据库实体类的话，复杂属性就会变成字符串，而使用单独的类和方法进行转换，就能得到完整的值
  ![](https://picgo-img-repo.oss-cn-beijing.aliyuncs.com/img/93b2b94b58b8d68a065b7fa41aaeb7e9.png)

OJ系统开发日志-1

> 若干年前，我学费了使用 i18n 进行国际化开发，但是因为其繁琐的配置过程，让我一度放弃了配置国际化，只是加入插件支持而已。如今突然摸索起这些插件，感觉国际化配置也不是很麻烦了。



首先呢，vue-i18n 的配置过程我就不演示了，大致在配置完成后会得到几个含有字符配置的 json 文件。像这样。

![](https://picgo-img-repo.oss-cn-beijing.aliyuncs.com/img/7d97a86abca0c86b556d1793d3f0cd6e.png)

像这样

![](https://picgo-img-repo.oss-cn-beijing.aliyuncs.com/img/0d5541d927e7430212dddd93aef0bd1d.png)

对一种语言的支持就需要添加一个文件，然后翻译其中所有的键值。简直!

很早之前用的是 easy i18n，它可以让你便捷的管理你的翻译文件，像这样

![](https://picgo-img-repo.oss-cn-beijing.aliyuncs.com/img/705597d6b40ca62df378166090b90b3b.png)

简单配置下即可使用

![](https://picgo-img-repo.oss-cn-beijing.aliyuncs.com/img/72e0bbea0fab0efda3eec6cf95e24ebd.png)

在翻译的键值上使用 `Ctrl + 左键单击` 即可查看该键的所有值

![](https://picgo-img-repo.oss-cn-beijing.aliyuncs.com/img/2693fd8bea5a5c78853de19ab876a469.png)

配合 Translation 插件，翻译文案效率就非常高了。
![](https://picgo-img-repo.oss-cn-beijing.aliyuncs.com/img/0310bff2b68a0e6684366aaaace5577b.png)

![](https://picgo-img-repo.oss-cn-beijing.aliyuncs.com/img/6ce64827ce989ce00ad2e60ff3d30bc6.png)

后面了解到 i18n ally ，这个好像是个 vscode 插件，但是也支持 JetBrains IDE ，不过在 IDEA 中的体验并不是很好，大概也就是凑合能用，而且在我使用时还出现的很多 BUG，反观其 VSCode 版本，体验就很不错。

<div style="display: flex;">
  <img src="https://picgo-img-repo.oss-cn-beijing.aliyuncs.com/img/44e053d23e6aa79d344c49ab202e1145.png" style="width: 50%" />
  
  <img src="https://picgo-img-repo.oss-cn-beijing.aliyuncs.com/img/0a14a18e81e52f41be199db4b9641541.png" style="width: 50%" /> 
</div>

在 JetBrain IDE中使用i18n插件辅助开发

> 一切的起源来自与我使用 `knife4j` 时，一直被它这里默认有个 basic-error-controller 所困扰，一开始我不以为然，而后来我使用 openapi 自动生成前端接口时，因为文档中这个 basic-error-controller 导致代码看起来很奇怪。所以我经过一番搜索，找到了合适的解决方案



![](https://picgo-img-repo.oss-cn-beijing.aliyuncs.com/img/10725de52b08978d2bd214f64b4fb97e.png)

因为 `knife4j` 无法指定扫描的 controller 目录，以至于我一直无法处理掉这个 controller。
经过搜索发现，它是来自于 `springboot` 包下的一个 controller

![](https://picgo-img-repo.oss-cn-beijing.aliyuncs.com/img/1ac964026e85ea6010b2ed2bc069088b.png)

罪魁祸首就是他们

![](https://picgo-img-repo.oss-cn-beijing.aliyuncs.com/img/8162f0b47a5146c0e18957f6f78027db.png)


spring boot 默认错误处理是这样的
1. 浏览器，默认返回一个错误页面
![](https://picgo-img-repo.oss-cn-beijing.aliyuncs.com/img/0a94b8f88d4f710129a3e5c2363e6ad7.png)
![](https://picgo-img-repo.oss-cn-beijing.aliyuncs.com/img/b13de53e971fbc71b79a620f8ee60819.png)

2. 如果是通过接口请求，它是这样的
![](https://picgo-img-repo.oss-cn-beijing.aliyuncs.com/img/bb73eed690a34c17a0dbcd1167ccb061.png)

它的原理大概是这样的
```java
@Controller
@RequestMapping("${server.error.path:${error.path:/error}}")
public class BasicErrorController extends AbstractErrorController {
    
    @RequestMapping(produces = "text/html")//产生html类型的数据；浏览器发送的请求来到这个方法处理
	public ModelAndView errorHtml(HttpServletRequest request,
			HttpServletResponse response) {
		HttpStatus status = getStatus(request);
		Map<String, Object> model = Collections.unmodifiableMap(getErrorAttributes(
				request, isIncludeStackTrace(request, MediaType.TEXT_HTML)));
		response.setStatus(status.value());
        
        //去哪个页面作为错误页面；包含页面地址和页面内容
		ModelAndView modelAndView = resolveErrorView(request, response, status, model);
		return (modelAndView == null ? new ModelAndView("error", model) : modelAndView);
	}

	@RequestMapping
	@ResponseBody    //产生json数据，其他客户端来到这个方法处理；
	public ResponseEntity<Map<String, Object>> error(HttpServletRequest request) {
		Map<String, Object> body = getErrorAttributes(request,
				isIncludeStackTrace(request, MediaType.ALL));
		HttpStatus status = getStatus(request);
		return new ResponseEntity<Map<String, Object>>(body, status);
	}
```

我们可以通过继承 `BasicErrorController` 重写 `errorHtml` 和 `error` 方法修改返回的数据或者页面

又由于继承的 controller 写到了我们自己的包下，于是我们可以轻易控制在 `knife4j` 中的显示

![](https://picgo-img-repo.oss-cn-beijing.aliyuncs.com/img/a1dfbce94a81ba38c5566854f4ad0c87.png)

例如像我这样，使用 `thymeleaf` 生成页面，让错误页面看起来也很不错
```java
/**
 * 覆盖SpringBoot 默认错误处理器
 */
@Controller
@ApiIgnore
public class ErrorController extends BasicErrorController {
  public ErrorController(ErrorAttributes errorAttributes,
                         ServerProperties serverProperties,
                         List<ErrorViewResolver> errorViewResolvers) {
    super(errorAttributes, serverProperties.getError(), errorViewResolvers);
  }

  /**
   * 返回的html/text页面
   *
   * @param request
   * @param response
   * @return
   */
  @Override
  public ModelAndView errorHtml(HttpServletRequest request, HttpServletResponse response) {
    HttpStatus status = getStatus(request);
    // 获取 Spring Boot 默认提供的错误信息，然后添加一个自定义的错误信息
    Map<String, Object> model = getErrorAttributes(request,
        getErrorAttributeOptions(request, MediaType.TEXT_HTML));
    return new ModelAndView("errorPage", model, status);
  }

  /**
   * 返回的json数据
   *
   * @param request
   * @return
   */
  @Override
  public ResponseEntity<Map<String, Object>> error(HttpServletRequest request) {
    HttpStatus status = getStatus(request);
    // 获取 Spring Boot 默认提供的错误信息，然后添加一个自定义的错误信息
    Map<String, Object> body = getErrorAttributes(request,
        getErrorAttributeOptions(request, MediaType.TEXT_HTML));
    return new ResponseEntity<>(R.error(ErrorCode.SYSTEM_ERROR).toMap(), status);
  }
}
```

在 `templates/errorPage.html` 中写入页面内容

```html
<!doctype html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>系统错误</title>
  <style>
      样式...
  </style>
</head>
<body>
<div style="display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100vh;">
  <svg width="254" height="294">
  可以放个图片
  </svg>
  <table>
  还可以将错误信息用表格的形式列出
    <tr>
      <td>timestamp</td>
      <td th:text="${timestamp}"></td>
    </tr>
    <tr>
      <td>status</td>
      <td th:text="${status}"></td>
    </tr>
    <tr>
      <td>error</td>
      <td th:text="${error}"></td>
    </tr>
    <tr>
      <td>message</td>
      <td th:text="${message}"></td>
    </tr>
    <tr>
      <td>path</td>
      <td th:text="${path}"></td>
    </tr>
  </table>
</div>
</body>
</html>

```

错误页面像这样
![](https://picgo-img-repo.oss-cn-beijing.aliyuncs.com/img/cd9d2435cca068ed3a666b89e38ce82c.png)

Spring Boot自定义Controller错误处理页

> 后端返回的字符串总是不规范？总要前端自己去格式化？把这篇文章发给TA，让TA学会使用全局时间格式化。



(像这种情况，其实困扰了我挺久的，添加很多配置，什么拦截器什么的，都不是很管用)
![](https://picgo-img-repo.oss-cn-beijing.aliyuncs.com/img/949db42aa7ffdb05e1e75cc158f86181.png)

直到我使用jackson的jsonFormat，就能对时间进行格式化。
(不过这种我配置是不生效的，大家可根据自己情况来)
![](https://picgo-img-repo.oss-cn-beijing.aliyuncs.com/img/e9b8f0365ffce0db0d06f34397383d34.png)

**全局格式化**
```java
/**
 * 时间格式化配置
 */
@JsonComponent
public class DateFormatConfig {
  @Value("${spring.jackson.date-format:yyyy-MM-dd HH:mm:ss}")
  private String pattern;
  @Resource
  @Lazy
  private LocalDateTimeSerializer localDateTimeDeserializer;

  /**
   * date 类型全局时间格式化
   */
  @Bean
  public Jackson2ObjectMapperBuilderCustomizer jackson2ObjectMapperBuilder() {

    return builder -> {
      TimeZone tz = TimeZone.getTimeZone("UTC");
      DateFormat df = new SimpleDateFormat(pattern);
      df.setTimeZone(tz);
      builder.failOnEmptyBeans(false)
          .failOnUnknownProperties(false)
          .featuresToDisable(SerializationFeature.WRITE_DATES_AS_TIMESTAMPS)
          .dateFormat(df);
    };
  }

  /**
   * LocalDate 类型全局时间格式化
   */
  @Bean
  public LocalDateTimeSerializer localDateTimeDeserializer() {
    return new LocalDateTimeSerializer(DateTimeFormatter.ofPattern(pattern));
  }

  @Bean
  public Jackson2ObjectMapperBuilderCustomizer jackson2ObjectMapperBuilderCustomizer() {
    return builder -> builder.serializerByType(LocalDateTime.class, localDateTimeDeserializer);
  }
}
```

在实体类上，如果需要指定另外的格式方式，也可使用`@JsonFormat`注解
```java
public class UserVO implements Serializable {
  private String username;
  private String nickname;
  private String role;
  private String phone;
  private String email;
  // 已全局配置时间格式化，亦可使用 @JsonFormat(locale = "zh", timezone = "GMT+8", pattern = "yyyy-MM-dd")的方式
  private LocalDateTime createTime;
}
```

后端时间格式化问题？一个配置解决它

> 这个主要是我在开发时对于 这个responseCode有点疑惑，毕竟这里面的状态码可能大部分HTTP状态码都实现了，于是谷歌到这个问题，实际上和我有相同疑惑的人不在少数，看看他们是怎么回答的。https://www.v2ex.com/t/676678?p=1



![](https://picgo-img-repo.oss-cn-beijing.aliyuncs.com/img/15f260a0050f22255f6e1d11070f17f4.png)

实际上HTTP状态码有很多，简单看看MDN上的定义https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Status

列出来大概是这么多
```ts
declare enum HttpStatusCode {
  Continue = 100,
  SwitchingProtocols = 101,
  Processing = 102,
  EarlyHints = 103,
  Ok = 200,
  Created = 201,
  Accepted = 202,
  NonAuthoritativeInformation = 203,
  NoContent = 204,
  ResetContent = 205,
  PartialContent = 206,
  MultiStatus = 207,
  AlreadyReported = 208,
  ImUsed = 226,
  MultipleChoices = 300,
  MovedPermanently = 301,
  Found = 302,
  SeeOther = 303,
  NotModified = 304,
  UseProxy = 305,
  Unused = 306,
  TemporaryRedirect = 307,
  PermanentRedirect = 308,
  BadRequest = 400,
  Unauthorized = 401,
  PaymentRequired = 402,
  Forbidden = 403,
  NotFound = 404,
  MethodNotAllowed = 405,
  NotAcceptable = 406,
  ProxyAuthenticationRequired = 407,
  RequestTimeout = 408,
  Conflict = 409,
  Gone = 410,
  LengthRequired = 411,
  PreconditionFailed = 412,
  PayloadTooLarge = 413,
  UriTooLong = 414,
  UnsupportedMediaType = 415,
  RangeNotSatisfiable = 416,
  ExpectationFailed = 417,
  ImATeapot = 418,
  MisdirectedRequest = 421,
  UnprocessableEntity = 422,
  Locked = 423,
  FailedDependency = 424,
  TooEarly = 425,
  UpgradeRequired = 426,
  PreconditionRequired = 428,
  TooManyRequests = 429,
  RequestHeaderFieldsTooLarge = 431,
  UnavailableForLegalReasons = 451,
  InternalServerError = 500,
  NotImplemented = 501,
  BadGateway = 502,
  ServiceUnavailable = 503,
  GatewayTimeout = 504,
  HttpVersionNotSupported = 505,
  VariantAlsoNegotiates = 506,
  InsufficientStorage = 507,
  LoopDetected = 508,
  NotExtended = 510,
  NetworkAuthenticationRequired = 511,
}
```

其实不难发现，这些都是在传输时定义的状态码，它大概率只能解释传输中的问题，比如你的服务是否正常返回一个`200`，你的服务不正常，返回一个`404`或者其他。而后端自定义的`responseCode`主要是为了定义业务问题，例如

```ts
const errCode = {
  40000: '请求参数错误',
  40001: '请求数据为空',
  40100: '未登录',
  40101: '无权限',
  40301: '访问屏蔽',
  50000: '系统内部异常',
}
```
简单来说，HTTP是传输层的定义，而responseCode是业务层的定义，二者互不相干。