06. 开发系统公告功能（4）

5333 字约 11 分钟读完1360 次阅读更新于 2026/5/3

开发后端接口

新增公告接口

image.png

image.png

image.png

更新公告接口

image.png

image.png

image.png

删除公告接口

image.png

image.png

image.png

开发页面逻辑

新增

  1. 打开弹窗，并初始化form表单
  2. 输入内容，点击保存，通过axios请求把表单的json数据传输给后台接口，接口拿到数据后再存到数据库

image.png

更新

image.png

删除

image.png

新增和更新共用一个按钮逻辑

当form对象有id表示这个数据已经插入到数据库了，这时候就是更新，否则没有id是新增
image.png

错误分析

image.png

请求参数未传，需要在前端加上参数