通常新增页面有两种方式，一种是在列表页面弹框，一种是跳到新的页面，这里我们现在使用跳到新的页面的方式。
1、添加新增页面
我们复制下列表页面，进行修改
2、添加后台导航方法
修改PostController类
3、测试页面
4、实现返回按钮方法
我们先给返回按钮加上事件，点击返回按钮的时候，让他回到文章列表页面
点击返回能正常返回列表页后，我们再在列表页增加一个新增按钮，来跳到新增页面。
现在，我们两个页面可以相互跳转了。
5、提交表单
axios使用post提交表单，默认就是request payload方式，在这里，如果我们新增成功，没有报错的话，就直接返回列表页面。
这里，我们正常新增了一条记录，但是发布日期为空，发布日期我们一般由后台自动生成，使用系统时间就行了，理论上作者也是应该取当前登录用户，但现在我们这里还没有做用户登录，暂时不处理。
我们修改一下PostController里原来的save方法，这样发布日期就有了。
6、总结：
上面的例子比较简单，实际项目中，我们一般需要做前后端的表单验证，在这里提一下，前后端两边的表单验证是都需要做的，前端的验证是为了更好的用户体验，而后端的验证则是为了安全考虑，避免使用postman一类的工具直接请求。还有异常处理也是必须要做的。
代码：
https://github.com/www15119258/springboot-study/tree/branch10
网友评论