后台回忆页专辑图片陈列
2023-02-18 16:42:23 时间
今天主要完成的是后端图片上传功能的进一步完善以及后台回忆页面的初步成列。
后端图片上传完善
昨天的图片上传,忽略了一个比较严重的功能,那就是更新相册的图片计数。
今天则把该功能实现了,因为该功能的操作与返回结果无关,
所以采用开启新的线程进行单独处理,从而提升用户体验,后台慢慢更新。
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
相关文章
- JAVA只要掌握内部类,多继承和单继承都不是问题
- 今儿直白的用盖房子为例,给你讲讲Java建造者模式
- 用实例带你深入理解Java内存模型
- 你知道,java项目中是如何获取文件地址的吗?
- 【架构师(第十五篇)】脚手架之创建项目模板开发
- 【架构师(第十六篇)】脚手架之创建项目模板的下载与更新
- 【架构师(第十八篇)】脚手架之项目模板的安装
- 【架构师(第十九篇)】脚手架之组件库模板开发
- 【架构师(第二十篇)】脚手架之自定义模板及第一阶段总结
- 【架构师(第二十一篇)】编辑器开发之需求分析和架构设计
- 【架构师(第二十二篇)】编辑器开发之项目整体搭建
- 【架构师(第二十三篇)】编辑器开发之画布区域组件的渲染
- 【架构师(第二十四篇)】编辑器开发之添加模版到画布
- Java异常处理:如何写出“正确”但被编译器认为有语法错误的程序
- 我以订披萨为例,给女朋友详细讲了Java设计模式的3种工厂模式
- 【架构师(第二十五篇)】编辑器开发之属性编辑区域表单渲染
- 【架构师(第二十六篇)】编辑器开发之属性编辑同步渲染
- 2021年度“CCF-腾讯犀牛鸟基金”发布结题评优结果
- 【架构师(第二十七篇)】前端单元测试框架 Jest 基础知识入门
- 太空噗|重燃太空热潮!与噗噗星人一同探索星海浪漫