发博客

    上一章我们介绍了基于SpringBoot的简单博客系统的整体概况,本章我们介绍如何发博客.页面如下:

第三十一章:Java编程实战-做个博客系统(2)_java

页面元素介绍

   整个页面比较简单,最上面一个输入框用来写博客标题,下面输入框用来输入博客内容,最下面的按钮用来提交内容进行发布.

看看代码

1、访问入口:

    大家可以看到我在浏览器里输入的地址是: http://localhost:8080/blog/addBlogPage, 这个地址就是由下面的BlogWebContro

ller类定义的。

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

代码简析:


  • 第28行就是用来指定地址中最后面的“addBlogPage”.
  • 第29行,用来指定跳转到哪个页面,这里指定的是“addBlogPage”,对应的就是resources/templates下的addBlogPage.html。

2、发博客页面

第三十一章:Java编程实战-做个博客系统(2)_表单_03

代码简析:


  • 第10行,定义个表单form,提交地址为:/blog/addBlog。
  • 第11行,添加一个输入博客标题的输入框。
  • 第12行,添加一条分割线。
  • 第13行,添加两个换行符,增大和下面控件的间距。
  • 第14行,添加一个多行输入框,用于输入博客内容。
  • 第15行,添加一个提交按钮。

3、发博客的后台逻辑处理

第三十一章:Java编程实战-做个博客系统(2)_表单_04

代码简析:


  • 第34行,定义用于处理发博客请求的地址:addBlog,页面提交的发博客请求会交给这行下面的方法进行执行。
  • 第35到38行,定义用于发博客的方法。
  • 第36行,调用blogService中add方法用于向数据库中添加博客记录。
  • 第37行,添加完博客记录,跳转到博客列表页面。

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