本文介绍了23.博客系统项目开发之文章模块功能实现求职学习资料，有助于帮助完成毕业设计以及求职，是一篇很好的资料。

对技术面试,学习经验等有一些体会，在此分享。

    @GetMapping("/blogs/edit/{blogId}")     public String edit(HttpServletRequest request, @PathVariable("blogId") Long blogId) {         request.setAttribute("path", "edit");         Blog blog = blogService.getBlogById(blogId);         if (blog == null) {             return "error/error_400";         }         request.setAttribute("blog", blog);         request.setAttribute("categories", categoryService.getAllCategories());         return "admin/edit";     }

<form id="blogForm" onsubmit="return false;">     <div class="form-group" style="display:flex;">         <input type="hidden" id="blogId" name="blogId"                th:value="${blog!=null and blog.blogId!=null }?${blog.blogId}: 0">         <input type="text" class="form-control col-sm-6" id="blogName" name="blogName"                placeholder="*请输入文章标题(必填)"                th:value="${blog!=null and blog.blogTitle!=null }?${blog.blogTitle}: ''"                required="true">         &nbsp;&nbsp;         <input type="text" class="form-control" id="blogTags" name="blogTags"                placeholder="请输入文章标签"                th:value="${blog!=null and blog.blogTags!=null }?${blog.blogTags}: ''"                style="width: 100%;">     </div>     <div class="form-group" style="display:flex;">         <input type="text" class="form-control col-sm-6" id="blogSubUrl"                name="blogSubUrl"                th:value="${blog!=null and blog.blogSubUrl!=null }?${blog.blogSubUrl}: ''"                placeholder="请输入自定义路径,如:springboot-mybatis,默认为id"> &nbsp;&nbsp;         <select class="form-control select2" style="width: 100%;" id="blogCategoryId"                 data-placeholder="请选择分类...">             <th:block th:if="${null == categories}">                 <option value="0" selected="selected">默认分类</option>             </th:block>             <th:block th:unless="${null == categories}">                 <th:block th:each="c : ${categories}">                     <option th:value="${c.categoryId}" th:text="${c.categoryName}"                             th:selected="${null !=blog and null !=blog.blogCategoryId and blog.blogCategoryId==c.categoryId} ?true:false">                         >                     </option>                 </th:block>             </th:block>         </select>     </div>     <div class="form-group" id="blog-editormd">         <textarea style="display:none;"                   th:utext="${blog!=null and blog.blogContent !=null}?${blog.blogContent}: ''"></textarea>     </div>     <div class="form-group">         <div class="col-sm-4">             <th:block th:if="${null == blog}">                 <img id="blogCoverImage" src="/admin/dist/img/img-upload.png"                      style="height: 64px;width: 64px;">             </th:block>             <th:block th:unless="${null == blog}">                 <img id="blogCoverImage" th:src="${blog.blogCoverImage}"                      style="width:160px ;height: 120px;display:block;">             </th:block>         </div>     </div>     <br>     <div class="form-group">         <div class="col-sm-4">             <button class="btn btn-info" style="margin-bottom: 5px;" id="uploadCoverImage">                 <i class="fa fa-picture-o"></i>&nbsp;上传封面             </button>             <button class="btn btn-secondary"                     style="margin-bottom: 5px;"                     id="randomCoverImage"><i                     class="fa fa-random"></i>&nbsp;随机封面             </button>         </div>     </div>     <div class="form-group">         <label class="control-label">文章状态:&nbsp;</label>         <input name="blogStatus" type="radio" id="publish"                checked=true                th:checked="${null==blog||(null !=blog and null !=blog.blogStatus and blog.blogStatus==1)} ?true:false"                value="1"/>&nbsp;发布&nbsp;         <input name="blogStatus" type="radio" id="draft" value="0"                th:checked="${null !=blog and null !=blog.blogStatus and blog.blogStatus==0} ?true:false"/>&nbsp;草稿&nbsp;&nbsp;&nbsp;         <label class="control-label">是否允许评论:&nbsp;</label>         <input name="enableComment" type="radio" id="enableCommentTrue" checked=true                th:checked="${null==blog||(null !=blog and null !=blog.enableComment and blog.enableComment==0)} ?true:false"                value="0"/>&nbsp;是&nbsp;         <input name="enableComment" type="radio" id="enableCommentFalse" value="1"                th:checked="${null !=blog and null !=blog.enableComment and blog.enableComment==1} ?true:false"/>&nbsp;否&nbsp;     </div>     <div class="form-group">         <!-- 按钮 -->         &nbsp;<button class="btn btn-info float-right" style="margin-left: 5px;"                       id="confirmButton">保存文章     </button>&nbsp;         &nbsp;<button class="btn btn-secondary float-right" style="margin-left: 5px;"                       id="cancelButton">返回文章列表     </button>&nbsp;     </div> </form>

@PostMapping("/blogs/update")     @ResponseBody     public Result update(@RequestParam("blogId") Long blogId,                          @RequestParam("blogTitle") String blogTitle,                          @RequestParam(name = "blogSubUrl", required = false) String blogSubUrl,                          @RequestParam("blogCategoryId") Integer blogCategoryId,                          @RequestParam("blogTags") String blogTags,                          @RequestParam("blogContent") String blogContent,                          @RequestParam("blogCoverImage") String blogCoverImage,                          @RequestParam("blogStatus") Byte blogStatus,                          @RequestParam("enableComment") Byte enableComment) {         if (StringUtils.isEmpty(blogTitle)) {             return ResultGenerator.genFailResult("请输入文章标题");         }         if (blogTitle.trim().length() > 150) {             return ResultGenerator.genFailResult("标题过长");         }         if (StringUtils.isEmpty(blogTags)) {             return ResultGenerator.genFailResult("请输入文章标签");         }         if (blogTags.trim().length() > 150) {             return ResultGenerator.genFailResult("标签过长");         }         if (blogSubUrl.trim().length() > 150) {             return ResultGenerator.genFailResult("路径过长");         }         if (StringUtils.isEmpty(blogContent)) {             return ResultGenerator.genFailResult("请输入文章内容");         }         if (blogTags.trim().length() > 100000) {             return ResultGenerator.genFailResult("文章内容过长");         }         if (StringUtils.isEmpty(blogCoverImage)) {             return ResultGenerator.genFailResult("封面图不能为空");         }         Blog blog = new Blog();         blog.setBlogId(blogId);         blog.setBlogTitle(blogTitle);         blog.setBlogSubUrl(blogSubUrl);         blog.setBlogCategoryId(blogCategoryId);         blog.setBlogTags(blogTags);         blog.setBlogContent(blogContent);         blog.setBlogCoverImage(blogCoverImage);         blog.setBlogStatus(blogStatus);         blog.setEnableComment(enableComment);         String updateBlogResult = blogService.updateBlog(blog);         if ("success".equals(updateBlogResult)) {             return ResultGenerator.genSuccessResult("修改成功");         } else {             return ResultGenerator.genFailResult(updateBlogResult);         }     }

@Override     @Transactional     public String updateBlog(Blog blog) {         Blog blogForUpdate = blogMapper.selectByPrimaryKey(blog.getBlogId());         if (blogForUpdate == null) {             return "数据不存在";         }         blogForUpdate.setBlogTitle(blog.getBlogTitle());         blogForUpdate.setBlogSubUrl(blog.getBlogSubUrl());         blogForUpdate.setBlogContent(blog.getBlogContent());         blogForUpdate.setBlogCoverImage(blog.getBlogCoverImage());         blogForUpdate.setBlogStatus(blog.getBlogStatus());         blogForUpdate.setEnableComment(blog.getEnableComment());         BlogCategory blogCategory = categoryMapper.selectByPrimaryKey(blog.getBlogCategoryId());         if (blogCategory == null) {             blogForUpdate.setBlogCategoryId(0);             blogForUpdate.setBlogCategoryName("默认分类");         } else {             //设置博客分类名称             blogForUpdate.setBlogCategoryName(blogCategory.getCategoryName());             blogForUpdate.setBlogCategoryId(blogCategory.getCategoryId());             //分类的排序值加1             blogCategory.setCategoryRank(blogCategory.getCategoryRank() + 1);         }         //处理标签数据         String[] tags = blog.getBlogTags().split(",");         if (tags.length > 6) {             return "标签数量限制为6";         }         blogForUpdate.setBlogTags(blog.getBlogTags());         //新增的tag对象         List<BlogTag> tagListForInsert = new ArrayList<>();         //所有的tag对象，用于建立关系数据         List<BlogTag> allTagsList = new ArrayList<>();         for (int i = 0; i < tags.length; i++) {             BlogTag tag = tagMapper.selectByTagName(tags[i]);             if (tag == null) {                 //不存在就新增                 BlogTag tempTag = new BlogTag();                 tempTag.setTagName(tags[i]);                 tagListForInsert.add(tempTag);             } else {                 allTagsList.add(tag);             }         }         //新增标签数据不为空->新增标签数据         if (!CollectionUtils.isEmpty(tagListForInsert)) {             tagMapper.batchInsertBlogTag(tagListForInsert);         }         List<BlogTagRelation> blogTagRelations = new ArrayList<>();         //新增关系数据         allTagsList.addAll(tagListForInsert);         for (BlogTag tag : allTagsList) {             BlogTagRelation blogTagRelation = new BlogTagRelation();             blogTagRelation.setBlogId(blog.getBlogId());             blogTagRelation.setTagId(tag.getTagId());             blogTagRelations.add(blogTagRelation);         }         //修改blog信息->修改分类排序值->删除原关系数据->保存新的关系数据         categoryMapper.updateByPrimaryKeySelective(blogCategory);         //删除原关系数据         blogTagRelationMapper.deleteByBlogId(blog.getBlogId());         blogTagRelationMapper.batchInsert(blogTagRelations);         if (blogMapper.updateByPrimaryKeySelective(blogForUpdate) > 0) {             return "success";         }         return "修改失败";     }

    <delete id="deleteByBlogId" parameterType="java.lang.Long">         delete from tb_blog_tag_relation         where blog_id = #{blogId,jdbcType=BIGINT}     </delete>

$('#confirmButton').click(function () {   var blogId = $('#blogId').val();   var blogTitle = $('#blogName').val();   var blogSubUrl = $('#blogSubUrl').val();   var blogCategoryId = $('#blogCategoryId').val();   var blogTags = $('#blogTags').val();   var blogContent = blogEditor.getMarkdown();   var blogCoverImage = $('#blogCoverImage')[0].src;   var blogStatus = $("input[name='blogStatus']:checked").val();   var enableComment = $("input[name='enableComment']:checked").val();   if (isNull(blogTitle)) {     swal('请输入文章标题', {       icon: 'error',     });     return;   }   if (!validLength(blogTitle, 150)) {     swal('标题过长', {       icon: 'error',     });     return;   }   if (!validLength(blogSubUrl, 150)) {     swal('路径过长', {       icon: 'error',     });     return;   }   if (isNull(blogCategoryId)) {     swal('请选择文章分类', {       icon: 'error',     });     return;   }   if (isNull(blogTags)) {     swal('请输入文章标签', {       icon: 'error',     });     return;   }   if (!validLength(blogTags, 150)) {     swal('标签过长', {       icon: 'error',     });     return;   }   if (isNull(blogContent)) {     swal('请输入文章内容', {       icon: 'error',     });     return;   }   if (!validLength(blogTags, 100000)) {     swal('文章内容过长', {       icon: 'error',     });     return;   }   if (isNull(blogCoverImage) || blogCoverImage.indexOf('img-upload') != -1) {     swal('封面图片不能为空', {       icon: 'error',     });     return;   }   var url = '/admin/blogs/save';   var swlMessage = '保存成功';   var data = {     blogTitle: blogTitle,     blogSubUrl: blogSubUrl,     blogCategoryId: blogCategoryId,     blogTags: blogTags,     blogContent: blogContent,     blogCoverImage: blogCoverImage,     blogStatus: blogStatus,     enableComment: enableComment,   };   //blogId大于0则为修改操作   if (blogId > 0) {     url = '/admin/blogs/update';     swlMessage = '修改成功';     data = {       blogId: blogId,       blogTitle: blogTitle,       blogSubUrl: blogSubUrl,       blogCategoryId: blogCategoryId,       blogTags: blogTags,       blogContent: blogContent,       blogCoverImage: blogCoverImage,       blogStatus: blogStatus,       enableComment: enableComment,     };   }   console.log(data);   $.ajax({     type: 'POST', //方法类型     url: url,     data: data,     success: function (result) {       if (result.resultCode == 200) {         swal(swlMessage, {           icon: 'success',         });       } else {         swal(result.message, {           icon: 'error',         });       }     },     error: function () {       swal('操作失败', {         icon: 'error',       });     },   }); });

    @GetMapping("/blogs/edit/{blogId}")     public String edit(HttpServletRequest request, @PathVariable("blogId") Long blogId) {         request.setAttribute("path", "edit");         Blog blog = blogService.getBlogById(blogId);         if (blog == null) {             return "error/error_400";         }         request.setAttribute("blog", blog);         request.setAttribute("categories", categoryService.getAllCategories());         return "admin/edit";     }

<form id="blogForm" onsubmit="return false;">     <div class="form-group" style="display:flex;">         <input type="hidden" id="blogId" name="blogId"                th:value="${blog!=null and blog.blogId!=null }?${blog.blogId}: 0">         <input type="text" class="form-control col-sm-6" id="blogName" name="blogName"                placeholder="*请输入文章标题(必填)"                th:value="${blog!=null and blog.blogTitle!=null }?${blog.blogTitle}: ''"                required="true">         &nbsp;&nbsp;         <input type="text" class="form-control" id="blogTags" name="blogTags"                placeholder="请输入文章标签"                th:value="${blog!=null and blog.blogTags!=null }?${blog.blogTags}: ''"                style="width: 100%;">     </div>     <div class="form-group" style="display:flex;">         <input type="text" class="form-control col-sm-6" id="blogSubUrl"                name="blogSubUrl"                th:value="${blog!=null and blog.blogSubUrl!=null }?${blog.blogSubUrl}: ''"                placeholder="请输入自定义路径,如:springboot-mybatis,默认为id"> &nbsp;&nbsp;         <select class="form-control select2" style="width: 100%;" id="blogCategoryId"                 data-placeholder="请选择分类...">             <th:block th:if="${null == categories}">                 <option value="0" selected="selected">默认分类</option>             </th:block>             <th:block th:unless="${null == categories}">                 <th:block th:each="c : ${categories}">                     <option th:value="${c.categoryId}" th:text="${c.categoryName}"                             th:selected="${null !=blog and null !=blog.blogCategoryId and blog.blogCategoryId==c.categoryId} ?true:false">                         >                     </option>                 </th:block>             </th:block>         </select>     </div>     <div class="form-group" id="blog-editormd">         <textarea style="display:none;"                   th:utext="${blog!=null and blog.blogContent !=null}?${blog.blogContent}: ''"></textarea>     </div>     <div class="form-group">         <div class="col-sm-4">             <th:block th:if="${null == blog}">                 <img id="blogCoverImage" src="/admin/dist/img/img-upload.png"                      style="height: 64px;width: 64px;">             </th:block>             <th:block th:unless="${null == blog}">                 <img id="blogCoverImage" th:src="${blog.blogCoverImage}"                      style="width:160px ;height: 120px;display:block;">             </th:block>         </div>     </div>     <br>     <div class="form-group">         <div class="col-sm-4">             <button class="btn btn-info" style="margin-bottom: 5px;" id="uploadCoverImage">                 <i class="fa fa-picture-o"></i>&nbsp;上传封面             </button>             <button class="btn btn-secondary"                     style="margin-bottom: 5px;"                     id="randomCoverImage"><i                     class="fa fa-random"></i>&nbsp;随机封面             </button>         </div>     </div>     <div class="form-group">         <label class="control-label">文章状态:&nbsp;</label>         <input name="blogStatus" type="radio" id="publish"                checked=true                th:checked="${null==blog||(null !=blog and null !=blog.blogStatus and blog.blogStatus==1)} ?true:false"                value="1"/>&nbsp;发布&nbsp;         <input name="blogStatus" type="radio" id="draft" value="0"                th:checked="${null !=blog and null !=blog.blogStatus and blog.blogStatus==0} ?true:false"/>&nbsp;草稿&nbsp;&nbsp;&nbsp;         <label class="control-label">是否允许评论:&nbsp;</label>         <input name="enableComment" type="radio" id="enableCommentTrue" checked=true                th:checked="${null==blog||(null !=blog and null !=blog.enableComment and blog.enableComment==0)} ?true:false"                value="0"/>&nbsp;是&nbsp;         <input name="enableComment" type="radio" id="enableCommentFalse" value="1"                th:checked="${null !=blog and null !=blog.enableComment and blog.enableComment==1} ?true:false"/>&nbsp;否&nbsp;     </div>     <div class="form-group">         <!-- 按钮 -->         &nbsp;<button class="btn btn-info float-right" style="margin-left: 5px;"                       id="confirmButton">保存文章     </button>&nbsp;         &nbsp;<button class="btn btn-secondary float-right" style="margin-left: 5px;"                       id="cancelButton">返回文章列表     </button>&nbsp;     </div> </form>

@PostMapping("/blogs/update")     @ResponseBody     public Result update(@RequestParam("blogId") Long blogId,                          @RequestParam("blogTitle") String blogTitle,                          @RequestParam(name = "blogSubUrl", required = false) String blogSubUrl,                          @RequestParam("blogCategoryId") Integer blogCategoryId,                          @RequestParam("blogTags") String blogTags,                          @RequestParam("blogContent") String blogContent,                          @RequestParam("blogCoverImage") String blogCoverImage,                          @RequestParam("blogStatus") Byte blogStatus,                          @RequestParam("enableComment") Byte enableComment) {         if (StringUtils.isEmpty(blogTitle)) {             return ResultGenerator.genFailResult("请输入文章标题");         }         if (blogTitle.trim().length() > 150) {             return ResultGenerator.genFailResult("标题过长");         }         if (StringUtils.isEmpty(blogTags)) {             return ResultGenerator.genFailResult("请输入文章标签");         }         if (blogTags.trim().length() > 150) {             return ResultGenerator.genFailResult("标签过长");         }         if (blogSubUrl.trim().length() > 150) {             return ResultGenerator.genFailResult("路径过长");         }         if (StringUtils.isEmpty(blogContent)) {             return ResultGenerator.genFailResult("请输入文章内容");         }         if (blogTags.trim().length() > 100000) {             return ResultGenerator.genFailResult("文章内容过长");         }         if (StringUtils.isEmpty(blogCoverImage)) {             return ResultGenerator.genFailResult("封面图不能为空");         }         Blog blog = new Blog();         blog.setBlogId(blogId);         blog.setBlogTitle(blogTitle);         blog.setBlogSubUrl(blogSubUrl);         blog.setBlogCategoryId(blogCategoryId);         blog.setBlogTags(blogTags);         blog.setBlogContent(blogContent);         blog.setBlogCoverImage(blogCoverImage);         blog.setBlogStatus(blogStatus);         blog.setEnableComment(enableComment);         String updateBlogResult = blogService.updateBlog(blog);         if ("success".equals(updateBlogResult)) {             return ResultGenerator.genSuccessResult("修改成功");         } else {             return ResultGenerator.genFailResult(updateBlogResult);         }     }

@Override     @Transactional     public String updateBlog(Blog blog) {         Blog blogForUpdate = blogMapper.selectByPrimaryKey(blog.getBlogId());         if (blogForUpdate == null) {             return "数据不存在";         }         blogForUpdate.setBlogTitle(blog.getBlogTitle());         blogForUpdate.setBlogSubUrl(blog.getBlogSubUrl());         blogForUpdate.setBlogContent(blog.getBlogContent());         blogForUpdate.setBlogCoverImage(blog.getBlogCoverImage());         blogForUpdate.setBlogStatus(blog.getBlogStatus());         blogForUpdate.setEnableComment(blog.getEnableComment());         BlogCategory blogCategory = categoryMapper.selectByPrimaryKey(blog.getBlogCategoryId());         if (blogCategory == null) {             blogForUpdate.setBlogCategoryId(0);             blogForUpdate.setBlogCategoryName("默认分类");         } else {             //设置博客分类名称             blogForUpdate.setBlogCategoryName(blogCategory.getCategoryName());             blogForUpdate.setBlogCategoryId(blogCategory.getCategoryId());             //分类的排序值加1             blogCategory.setCategoryRank(blogCategory.getCategoryRank() + 1);         }         //处理标签数据         String[] tags = blog.getBlogTags().split(",");         if (tags.length > 6) {             return "标签数量限制为6";         }         blogForUpdate.setBlogTags(blog.getBlogTags());         //新增的tag对象         List<BlogTag> tagListForInsert = new ArrayList<>();         //所有的tag对象，用于建立关系数据         List<BlogTag> allTagsList = new ArrayList<>();         for (int i = 0; i < tags.length; i++) {             BlogTag tag = tagMapper.selectByTagName(tags[i]);             if (tag == null) {                 //不存在就新增                 BlogTag tempTag = new BlogTag();                 tempTag.setTagName(tags[i]);                 tagListForInsert.add(tempTag);             } else {                 allTagsList.add(tag);             }         }         //新增标签数据不为空->新增标签数据         if (!CollectionUtils.isEmpty(tagListForInsert)) {             tagMapper.batchInsertBlogTag(tagListForInsert);         }         List<BlogTagRelation> blogTagRelations = new ArrayList<>();         //新增关系数据         allTagsList.addAll(tagListForInsert);         for (BlogTag tag : allTagsList) {             BlogTagRelation blogTagRelation = new BlogTagRelation();             blogTagRelation.setBlogId(blog.getBlogId());             blogTagRelation.setTagId(tag.getTagId());             blogTagRelations.add(blogTagRelation);         }         //修改blog信息->修改分类排序值->删除原关系数据->保存新的关系数据         categoryMapper.updateByPrimaryKeySelective(blogCategory);         //删除原关系数据         blogTagRelationMapper.deleteByBlogId(blog.getBlogId());         blogTagRelationMapper.batchInsert(blogTagRelations);         if (blogMapper.updateByPrimaryKeySelective(blogForUpdate) > 0) {             return "success";         }         return "修改失败";     }

    <delete id="deleteByBlogId" parameterType="java.lang.Long">         delete from tb_blog_tag_relation         where blog_id = #{blogId,jdbcType=BIGINT}     </delete>

$('#confirmButton').click(function () {   var blogId = $('#blogId').val();   var blogTitle = $('#blogName').val();   var blogSubUrl = $('#blogSubUrl').val();   var blogCategoryId = $('#blogCategoryId').val();   var blogTags = $('#blogTags').val();   var blogContent = blogEditor.getMarkdown();   var blogCoverImage = $('#blogCoverImage')[0].src;   var blogStatus = $("input[name='blogStatus']:checked").val();   var enableComment = $("input[name='enableComment']:checked").val();   if (isNull(blogTitle)) {     swal('请输入文章标题', {       icon: 'error',     });     return;   }   if (!validLength(blogTitle, 150)) {     swal('标题过长', {       icon: 'error',     });     return;   }   if (!validLength(blogSubUrl, 150)) {     swal('路径过长', {       icon: 'error',     });     return;   }   if (isNull(blogCategoryId)) {     swal('请选择文章分类', {       icon: 'error',     });     return;   }   if (isNull(blogTags)) {     swal('请输入文章标签', {       icon: 'error',     });     return;   }   if (!validLength(blogTags, 150)) {     swal('标签过长', {       icon: 'error',     });     return;   }   if (isNull(blogContent)) {     swal('请输入文章内容', {       icon: 'error',     });     return;   }   if (!validLength(blogTags, 100000)) {     swal('文章内容过长', {       icon: 'error',     });     return;   }   if (isNull(blogCoverImage) || blogCoverImage.indexOf('img-upload') != -1) {     swal('封面图片不能为空', {       icon: 'error',     });     return;   }   var url = '/admin/blogs/save';   var swlMessage = '保存成功';   var data = {     blogTitle: blogTitle,     blogSubUrl: blogSubUrl,     blogCategoryId: blogCategoryId,     blogTags: blogTags,     blogContent: blogContent,     blogCoverImage: blogCoverImage,     blogStatus: blogStatus,     enableComment: enableComment,   };   //blogId大于0则为修改操作   if (blogId > 0) {     url = '/admin/blogs/update';     swlMessage = '修改成功';     data = {       blogId: blogId,       blogTitle: blogTitle,       blogSubUrl: blogSubUrl,       blogCategoryId: blogCategoryId,       blogTags: blogTags,       blogContent: blogContent,       blogCoverImage: blogCoverImage,       blogStatus: blogStatus,       enableComment: enableComment,     };   }   console.log(data);   $.ajax({     type: 'POST', //方法类型     url: url,     data: data,     success: function (result) {       if (result.resultCode == 200) {         swal(swlMessage, {           icon: 'success',         });       } else {         swal(result.message, {           icon: 'error',         });       }     },     error: function () {       swal('操作失败', {         icon: 'error',       });     },   }); });

    @GetMapping("/blogs/edit/{blogId}")     public String edit(HttpServletRequest request, @PathVariable("blogId") Long blogId) {         request.setAttribute("path", "edit");         Blog blog = blogService.getBlogById(blogId);         if (blog == null) {             return "error/error_400";         }         request.setAttribute("blog", blog);         request.setAttribute("categories", categoryService.getAllCategories());         return "admin/edit";     }

<form id="blogForm" onsubmit="return false;">     <div class="form-group" style="display:flex;">         <input type="hidden" id="blogId" name="blogId"                th:value="${blog!=null and blog.blogId!=null }?${blog.blogId}: 0">         <input type="text" class="form-control col-sm-6" id="blogName" name="blogName"                placeholder="*请输入文章标题(必填)"                th:value="${blog!=null and blog.blogTitle!=null }?${blog.blogTitle}: ''"                required="true">         &nbsp;&nbsp;         <input type="text" class="form-control" id="blogTags" name="blogTags"                placeholder="请输入文章标签"                th:value="${blog!=null and blog.blogTags!=null }?${blog.blogTags}: ''"                style="width: 100%;">     </div>     <div class="form-group" style="display:flex;">         <input type="text" class="form-control col-sm-6" id="blogSubUrl"                name="blogSubUrl"                th:value="${blog!=null and blog.blogSubUrl!=null }?${blog.blogSubUrl}: ''"                placeholder="请输入自定义路径,如:springboot-mybatis,默认为id"> &nbsp;&nbsp;         <select class="form-control select2" style="width: 100%;" id="blogCategoryId"                 data-placeholder="请选择分类...">             <th:block th:if="${null == categories}">                 <option value="0" selected="selected">默认分类</option>             </th:block>             <th:block th:unless="${null == categories}">                 <th:block th:each="c : ${categories}">                     <option th:value="${c.categoryId}" th:text="${c.categoryName}"                             th:selected="${null !=blog and null !=blog.blogCategoryId and blog.blogCategoryId==c.categoryId} ?true:false">                         >                     </option>                 </th:block>             </th:block>         </select>     </div>     <div class="form-group" id="blog-editormd">         <textarea style="display:none;"                   th:utext="${blog!=null and blog.blogContent !=null}?${blog.blogContent}: ''"></textarea>     </div>     <div class="form-group">         <div class="col-sm-4">             <th:block th:if="${null == blog}">                 <img id="blogCoverImage" src="/admin/dist/img/img-upload.png"                      style="height: 64px;width: 64px;">             </th:block>             <th:block th:unless="${null == blog}">                 <img id="blogCoverImage" th:src="${blog.blogCoverImage}"                      style="width:160px ;height: 120px;display:block;">             </th:block>         </div>     </div>     <br>     <div class="form-group">         <div class="col-sm-4">             <button class="btn btn-info" style="margin-bottom: 5px;" id="uploadCoverImage">                 <i class="fa fa-picture-o"></i>&nbsp;上传封面             </button>             <button class="btn btn-secondary"                     style="margin-bottom: 5px;"                     id="randomCoverImage"><i                     class="fa fa-random"></i>&nbsp;随机封面             </button>         </div>     </div>     <div class="form-group">         <label class="control-label">文章状态:&nbsp;</label>         <input name="blogStatus" type="radio" id="publish"                checked=true                th:checked="${null==blog||(null !=blog and null !=blog.blogStatus and blog.blogStatus==1)} ?true:false"                value="1"/>&nbsp;发布&nbsp;         <input name="blogStatus" type="radio" id="draft" value="0"                th:checked="${null !=blog and null !=blog.blogStatus and blog.blogStatus==0} ?true:false"/>&nbsp;草稿&nbsp;&nbsp;&nbsp;         <label class="control-label">是否允许评论:&nbsp;</label>         <input name="enableComment" type="radio" id="enableCommentTrue" checked=true                th:checked="${null==blog||(null !=blog and null !=blog.enableComment and blog.enableComment==0)} ?true:false"                value="0"/>&nbsp;是&nbsp;         <input name="enableComment" type="radio" id="enableCommentFalse" value="1"                th:checked="${null !=blog and null !=blog.enableComment and blog.enableComment==1} ?true:false"/>&nbsp;否&nbsp;     </div>     <div class="form-group">         <!-- 按钮 -->         &nbsp;<button class="btn btn-info float-right" style="margin-left: 5px;"                       id="confirmButton">保存文章     </button>&nbsp;         &nbsp;<button class="btn btn-secondary float-right" style="margin-left: 5px;"                       id="cancelButton">返回文章列表     </button>&nbsp;     </div> </form>

@PostMapping("/blogs/update")     @ResponseBody     public Result update(@RequestParam("blogId") Long blogId,                          @RequestParam("blogTitle") String blogTitle,                          @RequestParam(name = "blogSubUrl", required = false) String blogSubUrl,                          @RequestParam("blogCategoryId") Integer blogCategoryId,                          @RequestParam("blogTags") String blogTags,                          @RequestParam("blogContent") String blogContent,                          @RequestParam("blogCoverImage") String blogCoverImage,                          @RequestParam("blogStatus") Byte blogStatus,                          @RequestParam("enableComment") Byte enableComment) {         if (StringUtils.isEmpty(blogTitle)) {             return ResultGenerator.genFailResult("请输入文章标题");         }         if (blogTitle.trim().length() > 150) {             return ResultGenerator.genFailResult("标题过长");         }         if (StringUtils.isEmpty(blogTags)) {             return ResultGenerator.genFailResult("请输入文章标签");         }         if (blogTags.trim().length() > 150) {             return ResultGenerator.genFailResult("标签过长");         }         if (blogSubUrl.trim().length() > 150) {             return ResultGenerator.genFailResult("路径过长");         }         if (StringUtils.isEmpty(blogContent)) {             return ResultGenerator.genFailResult("请输入文章内容");         }         if (blogTags.trim().length() > 100000) {             return ResultGenerator.genFailResult("文章内容过长");         }         if (StringUtils.isEmpty(blogCoverImage)) {             return ResultGenerator.genFailResult("封面图不能为空");         }         Blog blog = new Blog();         blog.setBlogId(blogId);         blog.setBlogTitle(blogTitle);         blog.setBlogSubUrl(blogSubUrl);         blog.setBlogCategoryId(blogCategoryId);         blog.setBlogTags(blogTags);         blog.setBlogContent(blogContent);         blog.setBlogCoverImage(blogCoverImage);         blog.setBlogStatus(blogStatus);         blog.setEnableComment(enableComment);         String updateBlogResult = blogService.updateBlog(blog);         if ("success".equals(updateBlogResult)) {             return ResultGenerator.genSuccessResult("修改成功");         } else {             return ResultGenerator.genFailResult(updateBlogResult);         }     }

@Override     @Transactional     public String updateBlog(Blog blog) {         Blog blogForUpdate = blogMapper.selectByPrimaryKey(blog.getBlogId());         if (blogForUpdate == null) {             return "数据不存在";         }         blogForUpdate.setBlogTitle(blog.getBlogTitle());         blogForUpdate.setBlogSubUrl(blog.getBlogSubUrl());         blogForUpdate.setBlogContent(blog.getBlogContent());         blogForUpdate.setBlogCoverImage(blog.getBlogCoverImage());         blogForUpdate.setBlogStatus(blog.getBlogStatus());         blogForUpdate.setEnableComment(blog.getEnableComment());         BlogCategory blogCategory = categoryMapper.selectByPrimaryKey(blog.getBlogCategoryId());         if (blogCategory == null) {             blogForUpdate.setBlogCategoryId(0);             blogForUpdate.setBlogCategoryName("默认分类");         } else {             //设置博客分类名称             blogForUpdate.setBlogCategoryName(blogCategory.getCategoryName());             blogForUpdate.setBlogCategoryId(blogCategory.getCategoryId());             //分类的排序值加1             blogCategory.setCategoryRank(blogCategory.getCategoryRank() + 1);         }         //处理标签数据         String[] tags = blog.getBlogTags().split(",");         if (tags.length > 6) {             return "标签数量限制为6";         }         blogForUpdate.setBlogTags(blog.getBlogTags());         //新增的tag对象         List<BlogTag> tagListForInsert = new ArrayList<>();         //所有的tag对象，用于建立关系数据         List<BlogTag> allTagsList = new ArrayList<>();         for (int i = 0; i < tags.length; i++) {             BlogTag tag = tagMapper.selectByTagName(tags[i]);             if (tag == null) {                 //不存在就新增                 BlogTag tempTag = new BlogTag();                 tempTag.setTagName(tags[i]);                 tagListForInsert.add(tempTag);             } else {                 allTagsList.add(tag);             }         }         //新增标签数据不为空->新增标签数据         if (!CollectionUtils.isEmpty(tagListForInsert)) {             tagMapper.batchInsertBlogTag(tagListForInsert);         }         List<BlogTagRelation> blogTagRelations = new ArrayList<>();         //新增关系数据         allTagsList.addAll(tagListForInsert);         for (BlogTag tag : allTagsList) {             BlogTagRelation blogTagRelation = new BlogTagRelation();             blogTagRelation.setBlogId(blog.getBlogId());             blogTagRelation.setTagId(tag.getTagId());             blogTagRelations.add(blogTagRelation);         }         //修改blog信息->修改分类排序值->删除原关系数据->保存新的关系数据         categoryMapper.updateByPrimaryKeySelective(blogCategory);         //删除原关系数据         blogTagRelationMapper.deleteByBlogId(blog.getBlogId());         blogTagRelationMapper.batchInsert(blogTagRelations);         if (blogMapper.updateByPrimaryKeySelective(blogForUpdate) > 0) {             return "success";         }         return "修改失败";     }

    <delete id="deleteByBlogId" parameterType="java.lang.Long">         delete from tb_blog_tag_relation         where blog_id = #{blogId,jdbcType=BIGINT}     </delete>

$('#confirmButton').click(function () {   var blogId = $('#blogId').val();   var blogTitle = $('#blogName').val();   var blogSubUrl = $('#blogSubUrl').val();   var blogCategoryId = $('#blogCategoryId').val();   var blogTags = $('#blogTags').val();   var blogContent = blogEditor.getMarkdown();   var blogCoverImage = $('#blogCoverImage')[0].src;   var blogStatus = $("input[name='blogStatus']:checked").val();   var enableComment = $("input[name='enableComment']:checked").val();   if (isNull(blogTitle)) {     swal('请输入文章标题', {       icon: 'error',     });     return;   }   if (!validLength(blogTitle, 150)) {     swal('标题过长', {       icon: 'error',     });     return;   }   if (!validLength(blogSubUrl, 150)) {     swal('路径过长', {       icon: 'error',     });     return;   }   if (isNull(blogCategoryId)) {     swal('请选择文章分类', {       icon: 'error',     });     return;   }   if (isNull(blogTags)) {     swal('请输入文章标签', {       icon: 'error',     });     return;   }   if (!validLength(blogTags, 150)) {     swal('标签过长', {       icon: 'error',     });     return;   }   if (isNull(blogContent)) {     swal('请输入文章内容', {       icon: 'error',     });     return;   }   if (!validLength(blogTags, 100000)) {     swal('文章内容过长', {       icon: 'error',     });     return;   }   if (isNull(blogCoverImage) || blogCoverImage.indexOf('img-upload') != -1) {     swal('封面图片不能为空', {       icon: 'error',     });     return;   }   var url = '/admin/blogs/save';   var swlMessage = '保存成功';   var data = {     blogTitle: blogTitle,     blogSubUrl: blogSubUrl,     blogCategoryId: blogCategoryId,     blogTags: blogTags,     blogContent: blogContent,     blogCoverImage: blogCoverImage,     blogStatus: blogStatus,     enableComment: enableComment,   };   //blogId大于0则为修改操作   if (blogId > 0) {     url = '/admin/blogs/update';     swlMessage = '修改成功';     data = {       blogId: blogId,       blogTitle: blogTitle,       blogSubUrl: blogSubUrl,       blogCategoryId: blogCategoryId,       blogTags: blogTags,       blogContent: blogContent,       blogCoverImage: blogCoverImage,       blogStatus: blogStatus,       enableComment: enableComment,     };   }   console.log(data);   $.ajax({     type: 'POST', //方法类型     url: url,     data: data,     success: function (result) {       if (result.resultCode == 200) {         swal(swlMessage, {           icon: 'success',         });       } else {         swal(result.message, {           icon: 'error',         });       }     },     error: function () {       swal('操作失败', {         icon: 'error',       });     },   }); });

部分转自互联网，侵权删除联系