[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"article-public-CpPqHdiT":3,"public-project-articles-CpPqHdiT":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},1202,"CpPqHdiT",54,"12. 开发论坛帖子展示功能","[https:\u002F\u002Fwww.yuque.com\u002Fxiaqing-en2ii\u002Fskflxg\u002Fhzi02h8qfizne3yv](https:\u002F\u002Fwww.yuque.com\u002Fxiaqing-en2ii\u002Fskflxg\u002Fhzi02h8qfizne3yv)\n\n##  \n\nGlobalArticle.vue\n\n```vue\n\u003Ctemplate>\n  \u003Cdiv>\n    \u003Cdiv style=\"margin-bottom: 20px\">\n      \u003Cel-input @keyup.enter=\"load\" clearable placeholder=\"请输入您想搜索的内容\" v-model=\"data.title\" style=\"height: 40px; width: 300px\">\u003C\u002Fel-input>\n      \u003Cel-button type=\"primary\" style=\"height: 40px; margin-left: 5px\" @click=\"load\">搜索\u003C\u002Fel-button>\n    \u003C\u002Fdiv>\n\n    \u003Cdiv>\n      \u003Cel-row :gutter=\"10\">\n       \u003Cel-col :span=\"12\" v-for=\"item in data.articleList\" :key=\"item.id\" style=\"margin-bottom: 10px\">\n         \u003Cdiv class=\"card\" style=\"display: flex; gap: 10px; cursor: pointer\" @click=\"router.push('\u002Fmanager\u002FarticleDetail?id=' + item.id)\">\n           \u003Cimg :src=\"item.img\" alt=\"\" style=\"display: block; width: 130px; height: 100px; border-radius: 5px\">\n           \u003Cdiv>\n             \u003Cdiv style=\"font-size: 18px; font-weight: bold; margin-bottom: 10px\">{{ item.title }}\u003C\u002Fdiv>\n             \u003Cdiv style=\"color: #666; font-size: 13px; margin-bottom: 10px\">{{ item.description }}\u003C\u002Fdiv>\n             \u003Cdiv style=\"font-size: 14px; color: #666\">发布人：{{ item.userName }}\n              \u003Cspan style=\"margin-left: 20px\">发布时间：{{ item.time }}\u003C\u002Fspan>\n             \u003C\u002Fdiv>\n           \u003C\u002Fdiv>\n         \u003C\u002Fdiv>\n       \u003C\u002Fel-col>\n      \u003C\u002Fel-row>\n    \u003C\u002Fdiv>\n\n    \u003Cdiv style=\"margin-top: 20px\">\n      \u003Cel-pagination @current-change=\"load\" layout=\"total, prev, pager, next\" v-model:page-size=\"data.pageSize\" v-model:current-page=\"data.pageNum\" :total=\"data.total\"\u002F>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup>\nimport { reactive } from \"vue\";\nimport request from \"@\u002Futils\u002Frequest\";\nimport router from \"@\u002Frouter\";\n\nconst data = reactive({\n  user: JSON.parse(localStorage.getItem('xm-user') || '{}'),\n  articleList: [],\n  pageNum: 1,\n  pageSize: 8,\n  total: 0,\n  title: null\n})\n\n\u002F\u002F 分页查询\nconst load = () => {\n  request.get('\u002Farticle\u002FselectPage', {\n    params: {\n      pageNum: data.pageNum,\n      pageSize: data.pageSize,\n      title: data.title,\n      status: '通过'\n    }\n  }).then(res => {\n    data.articleList = res.data?.list\n    data.total = res.data?.total\n  })\n}\nload()\n\u003C\u002Fscript>\n```\n\n\n\n## ArticleDetail.vue\n\n```vue\n\u003Ctemplate>\n  \u003Cdiv class=\"card\" style=\"width: 60%; margin:  0 auto; padding: 50px; position: relative\">\n    \u003Cel-button @click=\"router.back()\" style=\"position: absolute; top: 10px; left: 10px\">返回论坛列表\u003C\u002Fel-button>\n    \u003Cdiv style=\"font-size: 28px; font-weight: bold; text-align: center; margin-bottom: 15px\">{{ data.article.title }}\u003C\u002Fdiv>\n    \u003Cdiv style=\"font-size: 14px; color: #666; text-align: center; margin-bottom: 30px\">发布人：{{ data.article.userName }}   \u003Cspan style=\"margin-left: 20px\">发布时间：{{ data.article.time }}\u003C\u002Fspan>\u003C\u002Fdiv>\n    \u003Cdiv v-html=\"data.article.content\">\u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup>\nimport { reactive } from \"vue\";\nimport request from \"@\u002Futils\u002Frequest\";\nimport router from \"@\u002Frouter\";\n\nconst data = reactive({\n  user: JSON.parse(localStorage.getItem('xm-user') || '{}'),\n  id: router.currentRoute.value.query.id,\n  article: {}\n})\n\nrequest.get('\u002Farticle\u002FselectById\u002F' + data.id).then(res => {\n  data.article = res.data\n})\n\u003C\u002Fscript>\n```\n\n\n\n","coding",1,220,2339,"2026-01-19 17:04:21","2026-05-03 22:49:02","基于SpringBoot3+Vue3的校园物品分享系统","campus-item-sharing",{"project":18,"items":19},{"id":6,"title":15,"slug":16},[20,27,34,41,48,56,63,70,77,84,91,98,99],{"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},1085,"bKvz3GMB","01. 校园物品分享系统介绍",1584,2118,"2026-04-01 22:12:21",{"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},1086,"G7CRiFiL","02. 导入并运行项目脚手架",670,2119,"2025-12-09 16:59:49",{"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},1087,"pgDLuOpz","03. 开发普通用户信息管理功能",544,2121,"2025-12-09 16:59:38",{"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},1090,"2l7FVzgx","04. 开发普通用户登录、注册、个人信息、修改密码功能",365,2131,"2025-12-10 16:11:48",{"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":55,"project_title":15,"project_slug":16},1091,"l5SB4JYK","05. 开发系统公告管理功能",417,2132,"2025-12-10 16:12:08","2026-05-07 15:36:12.649662+00",{"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},1098,"mXLOXdBC","06. 开发物品分类信息管理功能",297,2143,"2025-12-11 16:37:57",{"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},1099,"nj87VT4L","07. 开发物品信息管理功能",406,2144,"2025-12-11 16:38:16",{"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},1107,"nGHKfpf4","08. 开发用户端物品展示功能",329,2162,"2025-12-15 17:27:07",{"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},1123,"A6caJxFd","09. 开发物品申请交换功能",322,2196,"2025-12-19 16:16:03",{"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},1135,"s5I1gomY","10. 开发物品收藏功能",285,2223,"2025-12-23 17:38:15",{"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},1159,"qadunvVA","11. 开发论坛帖子管理功能",263,2266,"2025-12-30 16:08:47",{"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":100,"uuid":101,"project_id":6,"title":102,"type":9,"status":10,"public_enabled":10,"views":103,"sort":104,"created_at":105,"updated_at":14,"project_title":15,"project_slug":16},1203,"7YABYvbd","13. 开发论坛帖子点赞和评论功能",239,2340,"2026-01-19 17:04:37"]