实现个人资讯-添加文章功能和编辑修改文章功能

2023-10-11 17:59

本文主要是介绍实现个人资讯-添加文章功能和编辑修改文章功能,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

在这里插入图片描述

在这里插入图片描述

- 下载md编辑器 -

准备工作

官网:https://pandao.github.io/editor.md/

查看官网完整案例!

在这里插入图片描述

index.html核心代码

 <div style="position: absolute;right:-50px;z-index: 110"><a href="/blog/add">添加文章</a></div>

BlogController核心代码

@Controller
@Slf4j
public class BlogController {@GetMapping("/blog/add")public ModelAndView toAdd(){ModelAndView modelAndView = new ModelAndView();modelAndView.setViewName("/blog/add");return modelAndView;}/*** 根据id查询文章信息* @param blogId* @return*/@GetMapping("/api/blog/get/{blogId}")@ResponseBodypublic Blog getBlog(@PathVariable("blogId")Integer blogId) {Optional.ofNullable(blogId).orElseThrow(() -> new RuntimeException("文章找不到!!!"));//这个是查看对应id的blog实例!Blog blog = blogService.getById(blogId);Optional.ofNullable(blog).orElseThrow(() -> new RuntimeException("文章找不到!!!"));return blog;}/*** 新增和添加文章接口* @param blog* @return*/@PostMapping("/api/blog/saveupdate")@ResponseBodypublic Blog saveBlog(@RequestBody Blog blog){return blogService.saveBlog(blog);}//把下面这个段业务代码写到blogService中
//    @PostMapping("/api/blog/saveupdate")
//    @ResponseBody
//    public Blog saveBlog(@RequestBody Blog blog){
//        // 这里判断的原因是:只有保存的时候,才有初始值,
//        // 如果你不判断修改如果别人已经删除的。你会恢复会去的
//        if (blog.getId() == null) {
//            blog.setStatus(StatusEnum.STATUS);
//            blog.setIsDelete(0);
//            blog.setUserId(1);
//        }
//        boolean flag = blogService.saveOrUpdate(blog);
//        return flag ? blog : null;
//    }@GetMapping("/blog/edit/{blogId}")public ModelAndView toedit(@PathVariable("blogId")Integer blogId) {// 1: 定义模型视图ModelAndView modelAndView = new ModelAndView();// 2: 把编辑的博客id放入到模型中//为了编辑时,数据库内容回显给浏览器作为id使用!modelAndView.addObject("blogId",blogId);// 2: 指定跳转的页面modelAndView.setViewName("/blog/add");return modelAndView;}}

BlogServiceImpl使用了xxxThreadLocal 这个技术可以单独讲

package com.kuangstudy.service.blog;import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
import com.kuangstudy.config.userlocal.UserThreadLocal;
import com.kuangstudy.entity.Blog;
import com.kuangstudy.entity.User;
import com.kuangstudy.enums.StatusEnum;
import com.kuangstudy.mapper.BlogMapper;
import lombok.extern.slf4j.Slf4j;
import org.springframework.stereotype.Service;/*** Description:* Author: taimi 37310* Version: 1.0* Create Date Time: 2022/1/4 19:09.* Update Date Time:** @see*/
@Service
@Slf4j
public class BlogServiceImpl extends ServiceImpl<BlogMapper, Blog> implements  IBlogService {@Overridepublic Blog saveBlog(Blog blog) {// 这里判断的原因是:只有保存的时候,才有初始值,// 如果你不判断修改如果别人已经删除的。你会恢复会去的if (blog.getId() == null) {blog.setStatus(StatusEnum.STATUS);blog.setIsDelete(0);User user = UserThreadLocal.get();System.out.println(user);blog.setUserId(user.getId());}boolean flag = this.saveOrUpdate

这篇关于实现个人资讯-添加文章功能和编辑修改文章功能的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/189846

相关文章

Vue项目的甘特图组件之dhtmlx-gantt使用教程和实现效果展示(推荐)

《Vue项目的甘特图组件之dhtmlx-gantt使用教程和实现效果展示(推荐)》文章介绍了如何使用dhtmlx-gantt组件来实现公司的甘特图需求,并提供了一个简单的Vue组件示例,文章还分享了一... 目录一、首先 npm 安装插件二、创建一个vue组件三、业务页面内 引用自定义组件:四、dhtmlx

Vue ElementUI中Upload组件批量上传的实现代码

《VueElementUI中Upload组件批量上传的实现代码》ElementUI中Upload组件批量上传通过获取upload组件的DOM、文件、上传地址和数据,封装uploadFiles方法,使... ElementUI中Upload组件如何批量上传首先就是upload组件 <el-upl

Docker部署Jenkins持续集成(CI)工具的实现

《Docker部署Jenkins持续集成(CI)工具的实现》Jenkins是一个流行的开源自动化工具,广泛应用于持续集成(CI)和持续交付(CD)的环境中,本文介绍了使用Docker部署Jenkins... 目录前言一、准备工作二、设置变量和目录结构三、配置 docker 权限和网络四、启动 Jenkins

Python3脚本实现Excel与TXT的智能转换

《Python3脚本实现Excel与TXT的智能转换》在数据处理的日常工作中,我们经常需要将Excel中的结构化数据转换为其他格式,本文将使用Python3实现Excel与TXT的智能转换,需要的可以... 目录场景应用:为什么需要这种转换技术解析:代码实现详解核心代码展示改进点说明实战演练:从Excel到

如何使用CSS3实现波浪式图片墙

《如何使用CSS3实现波浪式图片墙》:本文主要介绍了如何使用CSS3的transform属性和动画技巧实现波浪式图片墙,通过设置图片的垂直偏移量,并使用动画使其周期性地改变位置,可以创建出动态且具有波浪效果的图片墙,同时,还强调了响应式设计的重要性,以确保图片墙在不同设备上都能良好显示,详细内容请阅读本文,希望能对你有所帮助...

C# string转unicode字符的实现

《C#string转unicode字符的实现》本文主要介绍了C#string转unicode字符的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随... 目录1. 获取字符串中每个字符的 Unicode 值示例代码:输出:2. 将 Unicode 值格式化

python安装whl包并解决依赖关系的实现

《python安装whl包并解决依赖关系的实现》本文主要介绍了python安装whl包并解决依赖关系的实现,文中通过图文示例介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面... 目录一、什么是whl文件?二、我们为什么需要使用whl文件来安装python库?三、我们应该去哪儿下

Python脚本实现图片文件批量命名

《Python脚本实现图片文件批量命名》这篇文章主要为大家详细介绍了一个用python第三方库pillow写的批量处理图片命名的脚本,文中的示例代码讲解详细,感兴趣的小伙伴可以了解下... 目录前言源码批量处理图片尺寸脚本源码GUI界面源码打包成.exe可执行文件前言本文介绍一个用python第三方库pi

Java中将异步调用转为同步的五种实现方法

《Java中将异步调用转为同步的五种实现方法》本文介绍了将异步调用转为同步阻塞模式的五种方法:wait/notify、ReentrantLock+Condition、Future、CountDownL... 目录异步与同步的核心区别方法一:使用wait/notify + synchronized代码示例关键

MobaXterm远程登录工具功能与应用小结

《MobaXterm远程登录工具功能与应用小结》MobaXterm是一款功能强大的远程终端软件,主要支持SSH登录,拥有多种远程协议,实现跨平台访问,它包括多会话管理、本地命令行执行、图形化界面集成和... 目录1. 远程终端软件概述1.1 远程终端软件的定义与用途1.2 远程终端软件的关键特性2. 支持的