修改博客

    本系列意在通过编写一个简单博客系统,让大家能够更好地理解各种编程知识,快速掌握Java编程技能。该博客系统采用SpringBoot+Thymeleaf+MyBatis+MySQL的技术架构。

    上一章我们介绍了博客系统中如何显示博客列表,本章我们介绍如何查看如何修改博客.页面如下:

第三十二章:Java编程实战-做个博客系统(3)_输入框

页面元素介绍


  • 最上面一个输入框,里面是博客标题。
  • 下面是一条分割线。
  • 下面是一个博客正文的输入框。

看看代码

1、访问入口:

    大家可以看到我在浏览器里输入的地址是:

​http://localhost:8080/blog/modifyBlogPage/26​

这个地址最后面的数字26是这篇博客的id,这个页面是由下面的BlogWebController类定义的。

第三十二章:Java编程实战-做个博客系统(3)_java_02

代码简析:


  • 第40行,就是用来指定地址中最后面的“modifyBlogPage”,后面的“{id}”用来匹配地址最后一段.
  • 第42行,按照博客id查询博客内容和标题。
  • 第43行,用来指定跳转到哪个页面,这里指定的是“modifyBlogPage”,对应的就是resources/templates下的modifyBlogPage.html。
  • 第44行,将数据库查询结果放到“blog”对象中,后面页面会根据这个对象数据来进行展示。

2、修改博客页面

第三十二章:Java编程实战-做个博客系统(3)_java_03

代码简析:


  • 修改博客页面,和之前介绍的发博客页面其实是差不多的。但是现实博客标题和正文输入框的时候,会把之前博客的内容带出来。
  • 第11行,定义一个表单form,用于显示博客标题、正文,后面修改后可以提交到服务器。
  • 第12行,定义了一个隐藏的id字段。因为博客id,对于用户来说,没有意义,所以不需要显示给用户看。但是因为提交到服务器的数据必须要有这个id,否则不知道修改的哪篇博客,所以必须要加上这个字段。
  • 第13行,显示博客标题。
  • 第14行,显示一条分隔线。
  • 第15行,显示两个换行。
  • 第16-17行,显示博客正文。
  • 第18行,显示发布按钮,用于提交数据到服务器端。

3、后台如何修改博客内容

第三十二章:Java编程实战-做个博客系统(3)_mysql_04

代码简析:


  • 第48行,指定处理“modifyBlog”这样的地址请求。
  • 第49行,定义处理方法:modifyBlog,里面的参数id、title、content,用来接收界面提交过来的信息。
  • 第50行,调用blogService.modify来修改数据库中数据。
  • 第51行,跳转到“/blog/”,即列表页面。让用户看到刷新之后的博客列表。

声明: 因本文前期在头条发布并且当时名称为“十代码农”,所以截图带有十代码农的水印。