[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"article-public-RSJvf6Eg":3,"public-project-articles-RSJvf6Eg":17},{"id":4,"uuid":5,"project_id":6,"title":7,"content":8,"type":9,"status":10,"public_enabled":10,"views":11,"sort":12,"created_at":13,"updated_at":14,"project_title":15,"project_slug":16},297,"RSJvf6Eg",46,"06. 开发系统公告功能（4）","## 开发后端接口\n\n### 新增公告接口\n\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1722308896883-f8104ad1-e99b-4cf9-92ef-075f1f8e9abb.png#averageHue=%231f2125&clientId=u0c6614a4-f50c-4&from=paste&height=220&id=u0358e51e&originHeight=275&originWidth=685&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=27355&status=done&style=none&taskId=ubb8a42b1-f9c0-4679-bb20-63a6e746b45&title=&width=548)\n\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1722308890750-3bd701d9-aeb2-478c-818f-e80f56328599.png#averageHue=%231f2024&clientId=u0c6614a4-f50c-4&from=paste&height=127&id=u04852658&originHeight=159&originWidth=1034&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=27100&status=done&style=none&taskId=uc9056382-bff4-4a9c-89ab-61d8ae4c54a&title=&width=827.2)\n\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1722308474867-8a86397d-c2bd-4cbe-9773-beb68e66f92b.png#averageHue=%23242b2f&clientId=u0c6614a4-f50c-4&from=paste&height=99&id=u2376650c&originHeight=124&originWidth=1059&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=16575&status=done&style=none&taskId=ueca1d638-8cf4-4e2d-9bf8-ccba38569a7&title=&width=847.2)\n\n### 更新公告接口\n\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1722309685227-c85efa84-47ce-4fca-a851-774e19bf09f1.png#averageHue=%231f2125&clientId=u0c6614a4-f50c-4&from=paste&height=207&id=ube3f0120&originHeight=259&originWidth=750&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=29336&status=done&style=none&taskId=u401266a1-bed3-448c-a3d6-8f7621afabf&title=&width=600)\n\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1722309690791-f13ed94a-05ab-42ed-8151-25f8852341ab.png#averageHue=%23202125&clientId=u0c6614a4-f50c-4&from=paste&height=161&id=u8c3df483&originHeight=201&originWidth=541&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=16251&status=done&style=none&taskId=u5a85a024-2f3f-495a-a2a7-badae3f1ef8&title=&width=432.8)\n\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1722309697628-46f59f5e-cc5f-4bc1-acc0-0f75f161a639.png#averageHue=%23262e33&clientId=u0c6614a4-f50c-4&from=paste&height=127&id=u962129e0&originHeight=159&originWidth=985&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=19204&status=done&style=none&taskId=u9d189002-e088-496f-987c-0be7a29baf2&title=&width=788)\n\n### 删除公告接口\n\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1722310407670-df8a472f-3846-4f22-a2f8-f4dbfee24c8e.png#averageHue=%231f2124&clientId=u77c64bff-b3ee-4&from=paste&height=224&id=u1c04f0c5&originHeight=280&originWidth=736&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=28752&status=done&style=none&taskId=u8f873a87-ceee-46a1-a0bb-8b74fbed68b&title=&width=588.8)\n\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1722310417176-4476d94f-3e05-4789-9c6b-0661dee9332c.png#averageHue=%231e2023&clientId=u77c64bff-b3ee-4&from=paste&height=169&id=ud68e060b&originHeight=211&originWidth=606&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=15519&status=done&style=none&taskId=u6b23f270-5608-4188-afa0-88eb80485ac&title=&width=484.8)\n\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1722310425266-f83431ad-9edc-4f38-968c-cf7d30ff7479.png#averageHue=%23232a2d&clientId=u77c64bff-b3ee-4&from=paste&height=105&id=u072d5391&originHeight=131&originWidth=816&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=13534&status=done&style=none&taskId=u267d5acd-d042-45fa-a299-d52b222928b&title=&width=652.8)\n\n## 开发页面逻辑\n\n### 新增\n\n1. 打开弹窗，并初始化form表单\n2. 输入内容，点击保存，通过axios请求把表单的json数据传输给后台接口，接口拿到数据后再存到数据库\n\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1722308952862-73ce81d0-6228-486f-ad9c-4b15bfbeb547.png#averageHue=%231f2024&clientId=u0c6614a4-f50c-4&from=paste&height=469&id=u1484c6f2&originHeight=586&originWidth=841&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=60827&status=done&style=none&taskId=u96434283-4baf-4969-a2b1-bf6f0562852&title=&width=672.8)\n\n### 更新\n\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1722309755776-8294e53e-a842-477a-a496-2bed068f9be1.png#averageHue=%231f2024&clientId=u77c64bff-b3ee-4&from=paste&height=402&id=ue5976375&originHeight=502&originWidth=952&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=71543&status=done&style=none&taskId=uf7e4bce9-58f2-4f8b-906f-de9c8faf405&title=&width=761.6)\n\n### 删除\n\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1722310396598-fef0a944-1ec9-4367-8ea6-fbeb5b6900d4.png#averageHue=%231f2024&clientId=u77c64bff-b3ee-4&from=paste&height=302&id=u4dc52527&originHeight=377&originWidth=1241&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=57626&status=done&style=none&taskId=u28f7a913-d36d-4566-8b74-5a76f87dee5&title=&width=992.8)\n\n### 新增和更新共用一个按钮逻辑\n\n当form对象有id表示这个数据已经插入到数据库了，这时候就是更新，否则没有id是新增\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1722309774096-904fa173-366b-49be-bb2c-5e65888d21ed.png#averageHue=%231f2125&clientId=u77c64bff-b3ee-4&from=paste&height=93&id=ue485d047&originHeight=116&originWidth=524&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=8998&status=done&style=none&taskId=u985c89d2-3d61-48ee-913f-33dcab12b7c&title=&width=419.2)\n\n## 错误分析\n\n## ![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1722308652895-68d317df-7bfe-4821-8bfc-77a12c114c91.png#averageHue=%23222428&clientId=u0c6614a4-f50c-4&from=paste&height=163&id=ud1ddb565&originHeight=204&originWidth=1787&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=44086&status=done&style=none&taskId=u1510faa6-9d99-4ad8-93a5-8ad1799516b&title=&width=1429.6)\n\n请求参数未传，需要在前端加上参数\n\n~~~~","coding",1,1361,649,"2024-07-30 11:52:11","2026-05-03 22:49:02","SpringBoot3+Vue3的电影评论系统","movie-review",{"project":18,"items":19},{"id":6,"title":15,"slug":16},[20,27,34,41,48,55,56,63,70,77,84,91,98,105,112],{"id":21,"uuid":22,"project_id":6,"title":23,"type":9,"status":10,"public_enabled":10,"views":24,"sort":25,"created_at":26,"updated_at":14,"project_title":15,"project_slug":16},292,"kCgjr7mm","01. 电影评论系统介绍",4823,638,"2025-01-09 09:33:06",{"id":28,"uuid":29,"project_id":6,"title":30,"type":9,"status":10,"public_enabled":10,"views":31,"sort":32,"created_at":33,"updated_at":14,"project_title":15,"project_slug":16},293,"BlmKufUR","02. 导入并运行脚手架",3530,639,"2024-07-29 10:54:55",{"id":35,"uuid":36,"project_id":6,"title":37,"type":9,"status":10,"public_enabled":10,"views":38,"sort":39,"created_at":40,"updated_at":14,"project_title":15,"project_slug":16},294,"06Pduwwf","03. 开发系统公告功能（1）",2477,640,"2024-07-29 12:10:44",{"id":42,"uuid":43,"project_id":6,"title":44,"type":9,"status":10,"public_enabled":10,"views":45,"sort":46,"created_at":47,"updated_at":14,"project_title":15,"project_slug":16},295,"Fdq2YYG6","04. 开发系统公告功能（2）",1703,647,"2024-07-30 11:50:26",{"id":49,"uuid":50,"project_id":6,"title":51,"type":9,"status":10,"public_enabled":10,"views":52,"sort":53,"created_at":54,"updated_at":14,"project_title":15,"project_slug":16},296,"GCaoVbnp","05. 开发系统公告功能（3）",1380,648,"2024-07-30 11:51:01",{"id":4,"uuid":5,"project_id":6,"title":7,"type":9,"status":10,"public_enabled":10,"views":11,"sort":12,"created_at":13,"updated_at":14,"project_title":15,"project_slug":16},{"id":57,"uuid":58,"project_id":6,"title":59,"type":9,"status":10,"public_enabled":10,"views":60,"sort":61,"created_at":62,"updated_at":14,"project_title":15,"project_slug":16},298,"joADRMpg","07. 开发首页展示公告功能（时间线）",1332,650,"2024-07-30 11:52:49",{"id":64,"uuid":65,"project_id":6,"title":66,"type":9,"status":10,"public_enabled":10,"views":67,"sort":68,"created_at":69,"updated_at":14,"project_title":15,"project_slug":16},419,"Qus99gUh","08. 开发电影分类管理功能",1607,800,"2024-09-03 10:35:12",{"id":71,"uuid":72,"project_id":6,"title":73,"type":9,"status":10,"public_enabled":10,"views":74,"sort":75,"created_at":76,"updated_at":14,"project_title":15,"project_slug":16},420,"vkbZ8lMM","09. 开发电影信息管理",1761,801,"2024-09-03 10:35:48",{"id":78,"uuid":79,"project_id":6,"title":80,"type":9,"status":10,"public_enabled":10,"views":81,"sort":82,"created_at":83,"updated_at":14,"project_title":15,"project_slug":16},421,"ZwFHi9Ao","10. 开发电影评论管理功能",1514,802,"2024-09-03 11:39:45",{"id":85,"uuid":86,"project_id":6,"title":87,"type":9,"status":10,"public_enabled":10,"views":88,"sort":89,"created_at":90,"updated_at":14,"project_title":15,"project_slug":16},422,"DmVqZCwN","11. 开发用户管理功能",1171,806,"2024-09-04 11:01:37",{"id":92,"uuid":93,"project_id":6,"title":94,"type":9,"status":10,"public_enabled":10,"views":95,"sort":96,"created_at":97,"updated_at":14,"project_title":15,"project_slug":16},423,"rrMIV8oS","12. 开发用户视角的电影列表",1331,807,"2024-09-04 11:02:08",{"id":99,"uuid":100,"project_id":6,"title":101,"type":9,"status":10,"public_enabled":10,"views":102,"sort":103,"created_at":104,"updated_at":14,"project_title":15,"project_slug":16},424,"Q6ApfoCa","13. 开发电影详情页",1254,808,"2024-09-04 11:53:18",{"id":106,"uuid":107,"project_id":6,"title":108,"type":9,"status":10,"public_enabled":10,"views":109,"sort":110,"created_at":111,"updated_at":14,"project_title":15,"project_slug":16},425,"gjsxuriJ","14. 开发电影评论功能",1501,810,"2024-09-05 11:44:17",{"id":113,"uuid":114,"project_id":6,"title":115,"type":9,"status":10,"public_enabled":10,"views":116,"sort":117,"created_at":118,"updated_at":14,"project_title":15,"project_slug":16},426,"nCDmvc9n","15. 开发电影评分排行榜功能",1051,811,"2024-09-05 11:44:44"]