修改博客
本系列意在通过编写一个简单博客系统,让大家能够更好地理解各种编程知识,快速掌握Java编程技能。该博客系统采用SpringBoot+Thymeleaf+MyBatis+MySQL的技术架构。
上一章我们介绍了博客系统中如何显示博客列表,本章我们介绍如何查看如何修改博客.页面如下:
页面元素介绍
- 最上面一个输入框,里面是博客标题。
- 下面是一条分割线。
- 下面是一个博客正文的输入框。
看看代码
1、访问入口:
大家可以看到我在浏览器里输入的地址是:
http://localhost:8080/blog/modifyBlogPage/26
这个地址最后面的数字26是这篇博客的id,这个页面是由下面的BlogWebController类定义的。
代码简析:
- 第40行,就是用来指定地址中最后面的“modifyBlogPage”,后面的“{id}”用来匹配地址最后一段.
- 第42行,按照博客id查询博客内容和标题。
- 第43行,用来指定跳转到哪个页面,这里指定的是“modifyBlogPage”,对应的就是resources/templates下的modifyBlogPage.html。
- 第44行,将数据库查询结果放到“blog”对象中,后面页面会根据这个对象数据来进行展示。
2、修改博客页面
代码简析:
- 修改博客页面,和之前介绍的发博客页面其实是差不多的。但是现实博客标题和正文输入框的时候,会把之前博客的内容带出来。
- 第11行,定义一个表单form,用于显示博客标题、正文,后面修改后可以提交到服务器。
- 第12行,定义了一个隐藏的id字段。因为博客id,对于用户来说,没有意义,所以不需要显示给用户看。但是因为提交到服务器的数据必须要有这个id,否则不知道修改的哪篇博客,所以必须要加上这个字段。
- 第13行,显示博客标题。
- 第14行,显示一条分隔线。
- 第15行,显示两个换行。
- 第16-17行,显示博客正文。
- 第18行,显示发布按钮,用于提交数据到服务器端。
3、后台如何修改博客内容
代码简析:
- 第48行,指定处理“modifyBlog”这样的地址请求。
- 第49行,定义处理方法:modifyBlog,里面的参数id、title、content,用来接收界面提交过来的信息。
- 第50行,调用blogService.modify来修改数据库中数据。
- 第51行,跳转到“/blog/”,即列表页面。让用户看到刷新之后的博客列表。
声明: 因本文前期在头条发布并且当时名称为“十代码农”,所以截图带有十代码农的水印。