[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"article-public-GCaoVbnp":3,"public-project-articles-GCaoVbnp":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},296,"GCaoVbnp",46,"05. 开发系统公告功能（3）","## 后端开发分页模糊查询接口\n\n### 分页查询接口\n\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1722306214295-1fe7d20f-ea91-4f57-bb7e-5feb47b7df79.png#averageHue=%23202227&clientId=u9b65577d-3d6b-4&from=paste&height=234&id=ud0fdc417&originHeight=292&originWidth=970&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=48914&status=done&style=none&taskId=u255fc256-3e45-4f77-83f7-e6b16a8e44b&title=&width=776)\n\n### 分页查询service\n\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1722306301492-22287c39-1ff4-4514-b832-0a2e310cbf9e.png#averageHue=%231f2125&clientId=u9b65577d-3d6b-4&from=paste&height=305&id=u26476bf2&originHeight=381&originWidth=934&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=56881&status=done&style=none&taskId=uc880a396-19b6-4701-a264-fbbf244768a&title=&width=747.2)\n\n### 测试分页查询接口\n\n[http:\u002F\u002Flocalhost:9090\u002Fnotice\u002FselectPage](http:\u002F\u002Flocalhost:9090\u002Fnotice\u002FselectPage)\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1722305477599-f6ad5895-b28a-42d3-a49e-85095f165dd9.png#averageHue=%23fdfbfb&clientId=u9b65577d-3d6b-4&from=paste&height=695&id=u9df545c5&originHeight=869&originWidth=876&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=22022&status=done&style=none&taskId=u62f23fab-1472-4b93-be86-7612542ddb2&title=&width=700.8)\n\n### 模糊查询sql\n\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1722306538252-d7ae3f36-caeb-4714-a9ca-562d62280372.png#averageHue=%23263337&clientId=u9b65577d-3d6b-4&from=paste&height=184&id=u3b15b7e9&originHeight=230&originWidth=1080&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=28886&status=done&style=none&taskId=ubecb4933-e223-411a-bafe-54e8ecc84c2&title=&width=864)\n\n## 前端渲染数据\n\n### 使用分页组件实现分页\n\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1722306351132-b32aa77b-124d-40de-8a0a-8573ddc8337b.png#averageHue=%231e2023&clientId=u9b65577d-3d6b-4&from=paste&height=107&id=ue6d31d3a&originHeight=134&originWidth=1500&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=25170&status=done&style=none&taskId=ua3f0345b-52c6-4597-a837-e4f97401f01&title=&width=1200)\n\n### 封装load函数\n\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1722306335584-2c3422e6-999c-4376-b1c1-0f3d975ef5e3.png#averageHue=%231e2023&clientId=u9b65577d-3d6b-4&from=paste&height=560&id=u3cb880be&originHeight=700&originWidth=785&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=63026&status=done&style=none&taskId=ucdfe5873-2d0e-4bbe-856e-b2323288edb&title=&width=628)\n\n### 页面添加搜索框和搜索按钮\n\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1722306915136-b26841b3-65ce-4854-b2f5-14d14a6ae380.png#averageHue=%231e2024&clientId=u9b65577d-3d6b-4&from=paste&height=130&id=ueadd73f1&originHeight=162&originWidth=1305&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=39475&status=done&style=none&taskId=u8ffe4b09-8ee3-4ebb-9067-c23bb938693&title=&width=1044)\n\n### 重置查询函数\n\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1722306931580-18b511dc-dbee-4b17-9a10-30e38cd74c3a.png#averageHue=%231f2024&clientId=u9b65577d-3d6b-4&from=paste&height=101&id=ucc7562ae&originHeight=126&originWidth=421&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=8068&status=done&style=none&taskId=ud067b69c-7334-440a-bd3f-e164892315e&title=&width=336.8)\n\n","coding",1,1380,648,"2024-07-30 11:51:01","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,49,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":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":50,"uuid":51,"project_id":6,"title":52,"type":9,"status":10,"public_enabled":10,"views":53,"sort":54,"created_at":55,"updated_at":14,"project_title":15,"project_slug":16},297,"RSJvf6Eg","06. 开发系统公告功能（4）",1361,649,"2024-07-30 11:52:11",{"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"]