SpringBoot开源项目个人博客——(8)友链|相册管理

2023-10-13 13:50
文章标签 java springboot 项目 spring 管理 博客 开源 个人 相册 友链

本文主要是介绍SpringBoot开源项目个人博客——(8)友链|相册管理，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

一、友链管理

和分类一样，友链除了基本的增删查改，还要防止友链地址重复。

详细分析可看oneStar的博客内容。

这里一次性展示接口的全部代码。

1.DAO持久层

在dao包下创建FriendLinkDao接口。

@Mapper
@Repository
public interface FriendLinkDao {//查询友链管理列表List<FriendLink> listFriendLink();//新增友链int saveFriendLink(FriendLink friendLink);//根据网址查询友链FriendLink getFriendLinkByBlogaddress(String blogaddress);//防止重复//根据id查询友链FriendLink getFriendLink(Long id); //编辑时可传入对应分类//编辑修改友链int updateFriendLink(FriendLink friendLink);//删除友链void deleteFriendLink(Long id);
}

2.友链管理mapper

在mapper文件夹下创建FriendLinkDao.xml文件

<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
<mapper namespace="com.hxj.dao.FriendLinkDao"><!--已经 进行驼峰 转换配置了,不用配置resultMap--><!--查询友链管理列表--><select id="listFriendLink" resultType="FriendLink">select *from t_friend ;</select><!--根据网址查询友链--><select id="getFriendLinkByBlogaddress" resultType="FriendLink">select *from t_friend where blogaddress = #{blogaddress};</select><!--新增友链--><insert id="saveFriendLink" parameterType="FriendLink">insert into t_friend (blogaddress, blogname, create_time, pictureaddress)values (#{blogaddress},#{blogname},#{createTime},#{pictureaddress});</insert><!--根据id查询友链--><select id="getFriendLink" resultType="FriendLink">select *from t_friendwhere id = #{id};</select><!--修改友链--><update id="updateFriendLink" parameterType="FriendLink">update t_friendset blogaddress = #{blogaddress},blogname=#{blogname},pictureaddress=#{pictureaddress}where id=#{id};</update><delete id="deleteFriendLink">deletefrom t_friendwhere id=#{id};</delete></mapper>

3.友链管理Service业务层

在service包创建用户业务层接口FriendLinkService 。

public interface FriendLinkService {//查询友链管理列表List<FriendLink> listFriendLink();//新增友链int saveFriendLink(FriendLink friendLink);//根据网址查询友链FriendLink getFriendLinkByBlogaddress(String blogaddress);//根据id查询友链FriendLink getFriendLink(Long id);//编辑修改友链int updateFriendLink(FriendLink friendLink);//删除友链void deleteFriendLink(Long id);}

接口实现类impl

在impl子包，在其中创建用户业务层接口实现类FriendLinkServiceImpl。

@Service
public class FriendLinkServiceImpl implements FriendLinkService {@Autowiredprivate FriendLinkDao FriendLinkDao;@Overridepublic List<FriendLink> listFriendLink() {return FriendLinkDao.listFriendLink();}@Overridepublic int saveFriendLink(FriendLink friendLink) {return FriendLinkDao.saveFriendLink(friendLink);}@Overridepublic FriendLink getFriendLinkByBlogaddress(String blogaddress) {return FriendLinkDao.getFriendLinkByBlogaddress(blogaddress);}@Overridepublic FriendLink getFriendLink(Long id) {return FriendLinkDao.getFriendLink(id);}@Overridepublic int updateFriendLink(FriendLink friendLink) {return FriendLinkDao.updateFriendLink(friendLink);}@Overridepublic void deleteFriendLink(Long id) {FriendLinkDao.deleteFriendLink(id);}
}

4.友链管理Controller控制器

同理的页面跳转也使用了局部刷新，虽然冗余了点。

在这里插入图片描述

定义要更新区域成一个fragment：

分页前端改动：

<input type="hidden" name="page" >
...
...
...<div class="two wide column" align="center"><a class="item" style="cursor: pointer" onclick="page(this)" th:attr="data-page=1" th:unless="${pageInfo.isFirstPage}">首页</a>
</div><div class="two wide column" align="center"><a class="item" style="cursor: pointer" onclick="page(this)" th:attr="data-page=${pageInfo.hasPreviousPage}?${pageInfo.prePage}:1" th:unless="${pageInfo.isFirstPage}">上一页</a>
</div><div class="eight wide column" align="center"><p>第 <span th:text="${pageInfo.pageNum}"></span> 页，共 <span th:text="${pageInfo.pages}"></span> 页，有 <span th:text="${pageInfo.total}"></span> 篇文章</p>
</div><div class="two wide column " align="center"><a class="item" style="cursor: pointer" onclick="page(this)" th:attr="data-page=${pageInfo.hasNextPage}?${pageInfo.nextPage}:${pageInfo.pages}" th:unless="${pageInfo.isLastPage}">下一页</a>
</div><div class="two wide column " align="center"><a class="item" style="cursor: pointer" onclick="page(this)" th:attr="data-page=${pageInfo.pages}" th:unless="${pageInfo.isLastPage}">尾页</a>
</div>

JS部分新增：

      function page(obj) {$("[name='page']").val($(obj).data("page"));loaddata();}function loaddata() {$("#types-container").load(/*[[@{/admin/refreshType}]]*/"/admin/refreshType",{pageNum : $("[name='page']").val()});}

在controller.admin包下，创建FriendLinkController，代码如下：

和oneStar博客不同的是，在修改友链时，地址的查重判断不判断本身的（只判断除自身外的其他友链是否重复即可）。

@Controller
@RequestMapping("/admin")
public class FriendLinkController {@Autowiredprivate FriendLinkService FriendLinkService;//友链管理界面@GetMapping("/friendlinks")public String list(Model model, @RequestParam(defaultValue = "1", value = "pageNum") Integer pageNum) {String orderBy = "create_time desc";PageHelper.startPage(pageNum, 5, orderBy);List<FriendLink> friendLinks = FriendLinkService.listFriendLink();PageInfo<FriendLink> pageInfo = new PageInfo<>(friendLinks);model.addAttribute("pageInfo", pageInfo);return "admin/friendlinks";}//有点冗余,不想优化, 有人看到可以自行优化@PostMapping("/refreshFriend")public String refreshFriend(Model model, @RequestParam(defaultValue = "1", value = "pageNum") Integer pageNum){String orderBy = "create_time desc";PageHelper.startPage(pageNum, 5, orderBy);List<FriendLink> friendLinks = FriendLinkService.listFriendLink();PageInfo<FriendLink> pageInfo = new PageInfo<>(friendLinks);model.addAttribute("pageInfo", pageInfo);return "admin/friendlinks :: friendlink-list";}//跳转到 新增页面@GetMapping("friendlinks/input")public String input(Model model) {model.addAttribute("friendLink", new FriendLink());return "admin/friendlinks-input";}//提交新增@PostMapping("/friendlinks")public String post(@Valid FriendLink friendLink, BindingResult result, RedirectAttributes attributes) {if(result.hasErrors()){//校验出来,发现问题,把message传前端System.out.println(result);return "admin/friendlinks-input";}FriendLink friendLink1 = FriendLinkService.getFriendLinkByBlogaddress(friendLink.getBlogaddress());if (friendLink1 != null) {attributes.addFlashAttribute("message", "不能添加相同地址的友链");return "redirect:/admin/friendlinks/input";}friendLink.setCreateTime(new Date());int i = FriendLinkService.saveFriendLink(friendLink);if (i == 0) {attributes.addFlashAttribute("message", "添加失败");} else {attributes.addFlashAttribute("message", "添加成功");}return "redirect:/admin/friendlinks";}//编辑 友链@GetMapping("/friendlinks/{id}/input")public String editInput(@PathVariable("id") Long id, Model model) {//根据id 传对应的 friendlinkFriendLink friendLink = FriendLinkService.getFriendLink(id);model.addAttribute("friendLink", friendLink);return "admin/friendlinks-input";}//提交修改友链@PostMapping("/friendlinks/{id}")public String editPost(@Valid FriendLink friendLink, BindingResult result, RedirectAttributes attributes) {if(result.hasErrors()){//校验出来,发现问题,把message传前端System.out.println(result);return "admin/friendlinks-input";}//友链的地址不能和 除自己之外的 重复(特判)FriendLink friendLink1 = FriendLinkService.getFriendLinkByBlogaddress(friendLink.getBlogaddress());if (friendLink1 != null) {if (friendLink1.getId().equals(friendLink.getId())) {//同一个就不用特判了} else {//如果是和不同 友链冲突attributes.addFlashAttribute("message", "不能添加重复的友链地址");return "redirect:/admin/friendlinks/{id}/input"; //回到新增(有id还是进 编辑)页面}}int i = FriendLinkService.updateFriendLink(friendLink);if (i == 0) {attributes.addFlashAttribute("message", "编辑失败");} else {attributes.addFlashAttribute("message", "编辑成功");}return "redirect:/admin/friendlinks"; //回到展示列表}//删除 友链@GetMapping("/friendlinks/{id}/delete")public String delete(@PathVariable("id") Long id, RedirectAttributes attributes) {FriendLinkService.deleteFriendLink(id);attributes.addFlashAttribute("message", "删除成功");return "redirect:/admin/friendlinks";}}

二、相册管理

同理，除了基本的增删查改，但不需要做图片链接的查重，有该需求者自行修改。

1.DAO持久层

在dao包下创建PictureDao接口，代码如下：

@Mapper
@Repository
public interface PictureDao {//图片列表List<Picture> listPicture();//添加图片int savePicture(Picture picture);//根据id查询图片Picture getPicture(Long id);//编辑修改相册int updatePicture(Picture picture);//删除照片void deletePicture(Long id);
}

2.友链管理mapper

在mapper文件夹下创建PictureDao.xml文件

<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
<mapper namespace="com.hxj.dao.PictureDao"><!--图片列表--><select id="listPicture" resultType="Picture">select *from t_picture ;</select><!--添加图片--><insert id="savePicture" parameterType="Picture">insert into t_picture (pictureaddress, picturedescription, picturename, picturetime)values (#{pictureaddress},#{picturedescription},#{picturename},#{picturetime});</insert><!--根据id查询图片--><select id="getPicture" resultType="Picture">select *from t_picture where  id = #{id};</select><!--编辑修改相册--><update id="updatePicture" parameterType="Picture">update t_pictureset pictureaddress = #{pictureaddress},picturename=#{picturename},picturedescription=#{picturedescription},picturetime=#{picturetime}where id=#{id};</update><!--删除照片--><delete id="deletePicture">deletefrom t_picturewhere id=#{id};</delete></mapper>

3.图片管理Service业务层

在service包创建用户业务层接口PictureService 。

public interface PictureService {//图片列表List<Picture> listPicture();//添加图片int savePicture(Picture picture);//根据id查询图片Picture getPicture(Long id);//编辑修改相册int updatePicture(Picture picture);//删除照片void deletePicture(Long id);
}

接口实现类impl

在impl子包，在其中创建用户业务层接口实现类PictureServiceImpl。

@Service
public class PictureServiceImpl implements PictureService {@Autowiredprivate PictureDao pictureDao;@Overridepublic List<Picture> listPicture() {return pictureDao.listPicture();}@Overridepublic int savePicture(Picture picture) {return pictureDao.savePicture(picture);}@Overridepublic Picture getPicture(Long id) {return pictureDao.getPicture(id);}@Overridepublic int updatePicture(Picture picture) {return pictureDao.updatePicture(picture);}@Overridepublic void deletePicture(Long id) {pictureDao.deletePicture(id);}
}

4.图片管理Controller控制器

同理的页面跳转也使用了局部刷新，虽然冗余了点。

在这里插入图片描述

定义要更新区域成一个fragment：

分页前端改动：

<input type="hidden" name="page" >
...
...
...
<div class="two wide column" align="center"><a class="item" style="cursor: pointer" onclick="page(this)" th:attr="data-page=1" th:unless="${pageInfo.isFirstPage}">首页</a>
</div><div class="two wide column" align="center"><!--<a class="item" th:href="@{/admin/blogs(pageNum=${pageInfo.hasPreviousPage}?${pageInfo.prePage}:1)}" th:unless="${pageInfo.isFirstPage}">上一页</a>--><a class="item" style="cursor: pointer" onclick="page(this)" th:attr="data-page=${pageInfo.hasPreviousPage}?${pageInfo.prePage}:1" th:unless="${pageInfo.isFirstPage}">上一页</a>
</div><div class="eight wide column" align="center"><p>第 <span th:text="${pageInfo.pageNum}"></span> 页，共 <span th:text="${pageInfo.pages}"></span> 页，有 <span th:text="${pageInfo.total}"></span> 篇文章</p>
</div><div class="two wide column " align="center"><!--<a class="item" th:href="@{/admin/blogs(pageNum=${pageInfo.hasNextPage}?${pageInfo.nextPage}:${pageInfo.pages})}" th:unless="${pageInfo.isLastPage}">下一页</a>--><a class="item" style="cursor: pointer" onclick="page(this)" th:attr="data-page=${pageInfo.hasNextPage}?${pageInfo.nextPage}:${pageInfo.pages}" th:unless="${pageInfo.isLastPage}">下一页</a>
</div><div class="two wide column " align="center"><a class="item" style="cursor: pointer" onclick="page(this)" th:attr="data-page=${pageInfo.pages}" th:unless="${pageInfo.isLastPage}">尾页</a>
</div>
</div><div align="center"><a href="#" th:href="@{/admin/pictures/input}"><button type="button" class="ui teal button m-mobile-wide m-margin-top"><i class="pencil icon"></i>新增</button></a>
</div>

JS部分新增：

      function page(obj) {$("[name='page']").val($(obj).data("page"));loaddata();}function loaddata() {$("#picture-container").load(/*[[@{/admin/refreshPicture}]]*/"/admin/refreshPicture",{pageNum : $("[name='page']").val()});}

在controller.admin包下，创建PictureController，代码如下：

@Controller
@RequestMapping("/admin")
public class PictureController {@Autowiredprivate PictureService pictureService;//图片 管理列表(分页)@GetMapping("/pictures")public String list(Model model,@RequestParam(defaultValue = "1",value = "pageNum") Integer pageNum){//已经规定按照数据库id降序String orderBy ="id desc";PageHelper.startPage(pageNum,2,orderBy);List<Picture> pictures = pictureService.listPicture();PageInfo<Picture> pageInfo = new PageInfo<>(pictures); //封装查询信息model.addAttribute("pageInfo", pageInfo);return "admin/pictures";}@PostMapping("/refreshPicture")public String refreshPicture(Model model,@RequestParam(defaultValue = "1",value = "pageNum") Integer pageNum){//已经规定按照数据库id降序String orderBy ="id desc";PageHelper.startPage(pageNum,2,orderBy);List<Picture> pictures = pictureService.listPicture();PageInfo<Picture> pageInfo = new PageInfo<>(pictures); //封装查询信息model.addAttribute("pageInfo", pageInfo);return "admin/pictures :: pictureList";}//进入新增页面@GetMapping("/pictures/input")public String input(Model model){model.addAttribute("picture", new Picture());return "admin/pictures-input";}//提交新增(先不做后端校验)@PostMapping("/pictures")public String post(@Valid Picture picture, BindingResult result, RedirectAttributes attributes){if(result.hasErrors()){return "admin/pictures-input";}int i = pictureService.savePicture(picture);if(i==0){attributes.addFlashAttribute("message","新增失败");}else {attributes.addFlashAttribute("message","新增成功");}return "redirect:/admin/pictures"; //返回列表}//进入修改界面@GetMapping("/pictures/{id}/input")public String editInput(@PathVariable("id")Long id,Model model){Picture picture = pictureService.getPicture(id);model.addAttribute("picture",picture);return "/admin/pictures-input";}//提交修改@PostMapping("/pictures/{id}")public String editPost(@Valid Picture picture, BindingResult result,RedirectAttributes attributes){if(result.hasErrors()){return "admin/pictures-input";}int i = pictureService.updatePicture(picture);if(i==0){attributes.addFlashAttribute("message","编辑失败");}else{attributes.addFlashAttribute("message","编辑成功");}return "redirect:/admin/pictures";}@GetMapping("/pictures/{id}/delete")public String delete(@PathVariable("id")Long id,RedirectAttributes attributes){pictureService.deletePicture(id);attributes.addFlashAttribute("message","删除成功");return "redirect:/admin/pictures";}
}

小结

至此，后台功能的实现已经全部完成

四个管理模块都能实现基本的【增删改查】功能，都是能局部刷新实现分页。

目前只有博客模块用到了搜索，其余模块没有，若想实现其余模块的搜索功能，可以仿照博客模块。改动前端和controller接口即可。

目前图像相关的都使用了项目内部的资源（若有图床也可以更换为远程资源）

效果示例图：

在这里插入图片描述

在这里插入图片描述

下一阶段将开始进行前台功能的实现。

这篇关于SpringBoot开源项目个人博客——(8)友链|相册管理的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/203667。

相关文章

在Ubuntu上部署SpringBoot应用的操作步骤

在Ubuntu上部署SpringBoot应用的操作步骤

《在Ubuntu上部署SpringBoot应用的操作步骤》随着云计算和容器化技术的普及,Linux服务器已成为部署Web应用程序的主流平台之一,Java作为一种跨平台的编程语言,具有广泛的应用场景,本... 目录一、部署准备二、安装 Java 环境1. 安装 JDK2. 验证 Java 安装三、安装 mys
阅读更多...
Springboot的ThreadPoolTaskScheduler线程池轻松搞定15分钟不操作自动取消订单

Springboot的ThreadPoolTaskScheduler线程池轻松搞定15分钟不操作自动取消订单

《Springboot的ThreadPoolTaskScheduler线程池轻松搞定15分钟不操作自动取消订单》：本文主要介绍Springboot的ThreadPoolTaskScheduler线... 目录ThreadPoolTaskScheduler线程池实现15分钟不操作自动取消订单概要1，创建订单后
阅读更多...
JAVA中整型数组、字符串数组、整型数和字符串 的创建与转换的方法

JAVA中整型数组、字符串数组、整型数和字符串 的创建与转换的方法

《JAVA中整型数组、字符串数组、整型数和字符串的创建与转换的方法》本文介绍了Java中字符串、字符数组和整型数组的创建方法,以及它们之间的转换方法,还详细讲解了字符串中的一些常用方法,如index... 目录一、字符串、字符数组和整型数组的创建1、字符串的创建方法1.1 通过引用字符数组来创建字符串1.2
阅读更多...
SpringCloud集成AlloyDB的示例代码

SpringCloud集成AlloyDB的示例代码

《SpringCloud集成AlloyDB的示例代码》AlloyDB是GoogleCloud提供的一种高度可扩展、强性能的关系型数据库服务,它兼容PostgreSQL,并提供了更快的查询性能... 目录1.AlloyDBjavascript是什么？AlloyDB 的工作原理2.搭建测试环境3.代码工程1.
阅读更多...
Java调用Python代码的几种方法小结

Java调用Python代码的几种方法小结

《Java调用Python代码的几种方法小结》Python语言有丰富的系统管理、数据处理、统计类软件包,因此从java应用中调用Python代码的需求很常见、实用,本文介绍几种方法从java调用Pyt... 目录引言Java core使用ProcessBuilder使用Java脚本引擎总结引言python
阅读更多...
SpringBoot操作spark处理hdfs文件的操作方法

SpringBoot操作spark处理hdfs文件的操作方法

《SpringBoot操作spark处理hdfs文件的操作方法》本文介绍了如何使用SpringBoot操作Spark处理HDFS文件,包括导入依赖、配置Spark信息、编写Controller和Ser... 目录SpringBoot操作spark处理hdfs文件1、导入依赖2、配置spark信息3、cont
阅读更多...
springboot整合 xxl-job及使用步骤

springboot整合 xxl-job及使用步骤

《springboot整合xxl-job及使用步骤》XXL-JOB是一个分布式任务调度平台,用于解决分布式系统中的任务调度和管理问题,文章详细介绍了XXL-JOB的架构,包括调度中心、执行器和Web... 目录一、xxl-job是什么二、使用步骤1. 下载并运行管理端代码2. 访问管理页面，确认是否启动成功
阅读更多...
Java中的密码加密方式

Java中的密码加密方式

《Java中的密码加密方式》文章介绍了Java中使用MD5算法对密码进行加密的方法,以及如何通过加盐和多重加密来提高密码的安全性,MD5是一种不可逆的哈希算法,适合用于存储密码,因为其输出的摘要长度固... 目录Java的密码加密方式密码加密一般的应用方式是总结Java的密码加密方式密码加密【这里采用的
阅读更多...
Java中ArrayList的8种浅拷贝方式示例代码

Java中ArrayList的8种浅拷贝方式示例代码

《Java中ArrayList的8种浅拷贝方式示例代码》：本文主要介绍Java中ArrayList的8种浅拷贝方式的相关资料,讲解了Java中ArrayList的浅拷贝概念,并详细分享了八种实现浅... 目录引言什么是浅拷贝？ArrayList 浅拷贝的重要性方法一：使用构造函数方法二：使用 addAll(
阅读更多...
解决mybatis-plus-boot-starter与mybatis-spring-boot-starter的错误问题

解决mybatis-plus-boot-starter与mybatis-spring-boot-starter的错误问题

《解决mybatis-plus-boot-starter与mybatis-spring-boot-starter的错误问题》本文主要讲述了在使用MyBatis和MyBatis-Plus时遇到的绑定异常... 目录myBATis-plus-boot-starpythonter与mybatis-spring-b
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2