一文通晓前端主题样式方案

浅谈前端学习面试实习

> 开发OJ系统也好多天了，主要是前面几天都没啥时间，今天打算开发完代码沙箱功能。使用Docker沙箱时遇到的坑还是比较多的。下面一个一个讲。



## 1. 编译执行代码

Docker代码沙箱的作用就是在程序执行时隔离程序，防止其污染到外部环境，执行恶意代码什么的。

一般程序都要经过**编译、执行**过程。鱼皮在这里实现了Java原生沙箱和Docker沙箱两种。但是我不推荐Java沙箱，因为安全性无法保证是第一；第二服务器Java环境复杂，一般可能会使用Java 11、Java17等，而不同版本的代码执行效果肯定也不一样，服务器不能说因为我这一个OJ系统需要JDK8而只用JDK8，肯定是不行的。于是**推荐使用Docker沙箱**。不过他这里实现两种沙箱也只是单纯为了在面试时有东西可讲，实际应用肯定不行。

由上面的JDK版本问题就引出了我遇到的第一个坑，就是因为之前都是把代码在创建容器之前执行，而我服务器JDK是11，Docker是JDK8导致编译文件无法执行。

```java
// 3.5 编译文件
ExecCreateCmdResponse compileFileResponse = dockerClient.execCreateCmd(containerId)
    .withCmd("javac", "-encoding", "utf-8", "/app/Main.java")
    .withAttachStderr(true)
    .withAttachStdin(true)
    .withAttachStdout(true)
    .exec();
```

## 2. 清理容器


第二是鱼皮的代码没有删除容器，导致执行代码后一堆容器，有点麻烦。

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

想过复用容器，想想没啥必要，直接删除就好了。

就像这样。

```java
// 5. 文件清理，删除容器
dockerClient.stopContainerCmd(containerId).exec();
dockerClient.removeContainerCmd(containerId).exec();
```

## 3. root用户

在Ubuntu中使用Docker是要root权限的，我发现这个Java Docker不太好使用sudo，因此我还开启了我Ubuntu虚拟机的root用户ssh远程连接(默认是不支持的)。

这样才能执行代码

OJ系统开发日志-3-Docker容器管理

> 开发OJ系统的时候，遇到了id后两位变成0了，精度丢失，查看一番后发现是Long类型转json会出现精度丢失问题，所以我就使用JSON配置解决这个问题，在此记录下，具体原理后面补充。



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

```java
@JsonComponent
public class JsonConfig {

  /**
   * 添加 Long 转 json 精度丢失的配置
   */
  @Bean
  public ObjectMapper jacksonObjectMapper(Jackson2ObjectMapperBuilder builder) {
    ObjectMapper objectMapper = builder.createXmlMapper(false).build();
    SimpleModule module = new SimpleModule();
    module.addSerializer(Long.class, ToStringSerializer.instance);
    module.addSerializer(Long.TYPE, ToStringSerializer.instance);
    objectMapper.registerModule(module);
    return objectMapper;
  }
}
```

OJ系统开发日志-2-Long类型转json精度丢失问题

> 昨晚做这个系统的时候遇到了这个问题，让我一直有点疑惑，后面检查报错信息我发现了问题所在
> ![](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)