后台回忆页专辑图片陈列

今天主要完成的是后端图片上传功能的进一步完善以及后台回忆页面的初步成列。

后端图片上传完善

昨天的图片上传，忽略了一个比较严重的功能，那就是更新相册的图片计数。

今天则把该功能实现了，因为该功能的操作与返回结果无关，

所以采用开启新的线程进行单独处理，从而提升用户体验，后台慢慢更新。

new Thread(() ->; {
  Integer count = imageDao.countImg(aid);
  Integer updateCode = albumDao.updateAlbum(new Album(aid, null, null, count));
  System.out.println("专辑" + aid + "更新状态 : " + updateCode);
}).start();

后台回忆页面的小设计

预览图片后，需要按右上角的 X 来关闭该预览，采用的是右上角1/4圆的样式。

代码如下：

div{
  width:180px;
  height: 180px;
  position: absolute;
  color: rgba(255, 255, 255, 0.78);
  background-color: black;
  top: -90px;
  right: -90px;
  border-radius: 80px;
  text-align: left;
  line-height: 260px;
  text-indent: 30px;
  font-size: 60px;
  font-family:'Times New Roman', Times, serif;
  cursor: default;
  transition: .2s 0s ease-out;
  &:hover{
    box-shadow: 0 0 100px rgba($color: #000, $alpha: .5);
    color: white;
  }
}

啥？你问为啥图片上传功能都实现了，这些页面还只用外链的方式？

那当然是因为还需要进一步完成所有图片功能后，清空测试图片库啦！

欸嘿O(∩_∩)O