第一次手动做的一个小项目

使用Spring Initalizr初始化的项目，采用Spring2.7，ThymeLeaf，Mysql完成的。

部署

• Linux安装Java

  java18官网：https://www.oracle.com/java/technologies/javase/jdk18-archive-downloads.html

  下载后tar zxvf xxx 解压即可

• java.lang.UnsupportedClassVersionError

  PS D:\\Java\\JavaBoost\\MessageBoard> java  -jar target/MessageBoard-0.0.1-SNAPSHOT.jar
  Exception in thread "main" java.lang.UnsupportedClassVersionError: com/thexb/messageboard/MessageBoardApplication has been compiled by a more recent version of the Java Runtime (class file version 61.0), this version of the Java Runtime only recognizes class file versions up to 52.0
  

  应该让打包时的java版本和运行时的java版本一致

• Navicat 导出时默认只会导出数据，如果数据表需要这样导出

  

• Linux机器上方便的执行SQL需要phpmyadmin

• 利用宝塔部署Java，项目启动失败，日志的位置：/var/tmp/springboot/vhost/logs

后端

• 取消Mybaticsplus自带的雪花算法，让id从1开始自增

  @TableId(type = IdType.AUTO)
  Long id;
  

• Stream流的处理

  msgs = msgs.stream().map((item)->{
        String context = item.getContext();
        item.setContext(replaceEm(context));
        return item;
    }).collect(Collectors.toList());
  

• Controller返回”index”模板

  @GetMapping("/")
  public String redirect(Model model) {
  		return "index";
  }
  

• Mapper写一个简单sql

  @Select("select * from msg order by create_time desc limit 10")
  List<Msg> selectPart();
  

前端

• th:onclick调用js函数并传递参数

  <img th:src="|/static/emoji/${e}.png|" th:alt="${e}" style="display:inline"
                                       th:onclick="add([[${e}]])">
  

• popper点击出现表情包，鼠标移出后消失

  // popover浮动窗口的处理
      $(document).ready(function () {
          $(function () {
              var content = $('#table').html();
              console.log(content);
              $('[data-toggle="popover"]').popover({
                  title: "表情包大全",
                  html: true,
                  trigger: 'manual', // 自定义
                  content: content,
                  sanitize: false, // 不需要消毒
                  placement: "bottom",
                  delay: {hide: 100}
              }).on("mouseenter", function () {
                  var _this = this;   // 这里的this触发的dom,需要存起来 否则在下面 .popover的逻辑中this会变为弹出的dom
                  console.log("enter")
                  $(this).popover("show");
                  $(".popover").on("mouseleave", function () {
                      $(_this).popover('hide');
                  });
              }).on("mouseleave", function () {
                  var _this = this;
                  setTimeout(function () {
                      if (!$(".popover:hover").length) {
                          $(_this).popover("hide");
                      }
                  }, 300);
              });
          })
      });
  

• 更换字体

  /* 更换字体 */
  @font-face {
      font-family: INFROMAN;
      src: url("/static/fonts/INFROMAN.TTF");
  }