[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$fOx877dhPvOaMEwM0UkJBIk-hk2e6-0m7B7959_cxx1s":3,"project-public-articles-study-room-reservation":26},{"id":4,"title":5,"short_title":6,"slug":7,"project_type":8,"paid_type":9,"cover":10,"imgs":11,"desc":12,"content":13,"tags":14,"price":15,"original_price":16,"sales":17,"views":18,"video_bvid":19,"author":20,"is_new":21,"is_hot":21,"status":22,"sort":4,"resources":23,"created_at":24,"updated_at":25},122,"基于SpringBoot3+Vue3的自习室预约选座系统","自习室预约选座系统","study-room-reservation","paid","source","\u003Csvg xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" viewBox=\"0 0 1200 900\" data-cover-style=\"plain-title-v4\">\n  \u003C!-- Background -->\n  \u003Crect width=\"1200\" height=\"900\" fill=\"#F0EDFF\"\u002F>\n\n  \u003C!-- Title -->\n  \u003Ctext x=\"600.0\" y=\"480.4\" font-size=\"95\" font-weight=\"800\" letter-spacing=\"-0.6\" fill=\"#1A1640\" text-anchor=\"middle\">自习室预约选座系统\u003C\u002Ftext>\n\n\u003C\u002Fsvg>","[\"https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2026\u002Fpng\u002F751015\u002F1771905177016-e39f0af9-8c7a-4921-9b8c-60f3cbabc7c1.png\", \"https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2026\u002Fpng\u002F751015\u002F1771905188202-c5c965f2-fb58-495b-87f3-aa3a3ccdcd97.png\", \"https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2026\u002Fpng\u002F751015\u002F1771905202966-4a88b571-f20a-4b44-b339-59122c112b39.png\", \"https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2026\u002Fpng\u002F751015\u002F1771905217417-b3544fd9-e83f-4b35-99cc-a80956b68917.png\", \"https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2026\u002Fpng\u002F751015\u002F1771905208793-b3ea2eea-6310-4ce4-86ae-bc5d2504c939.png\", \"https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2026\u002Fpng\u002F751015\u002F1771905231357-54dd1e0b-e240-4dcb-a074-589dba3ea8ba.png\", \"https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2026\u002Fpng\u002F751015\u002F1771905236164-74916f55-c3c6-4848-a868-f6210767c016.png\", \"https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2026\u002Fpng\u002F751015\u002F1771905241789-1ffb3fbe-d032-4c1d-82ae-93a5f03fafbb.png\", \"https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2026\u002Fpng\u002F751015\u002F1771905247439-a2eff861-5a0f-4d66-ab90-852d8c2478c2.png\", \"https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2026\u002Fpng\u002F751015\u002F1771905267237-565496eb-9036-40ba-aa15-3c1d32cde29e.png\", \"https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2026\u002Fpng\u002F751015\u002F1771905273514-801939e2-3798-46c0-a04d-a31cc20c062d.png\", \"https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2026\u002Fpng\u002F751015\u002F1771905277735-74e6c069-fe62-49cc-add1-baa69a8c9a29.png\", \"https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2026\u002Fpng\u002F751015\u002F1771905281961-f52b35bc-e0ee-40db-91d7-5284fc814c23.png\", \"https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2026\u002Fpng\u002F751015\u002F1771905287882-6f45b008-ead5-4c2f-93df-5146bb83e793.png\", \"https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2026\u002Fpng\u002F751015\u002F1771905293244-220f7d75-8630-4cbb-9f38-ca4017b05482.png\"]","支持自习室查询、预约选座和时段管理，适合校园服务场景实战。","## 项目技术栈\n**前后端分离**  \n后端：**SpringBoot3** + MyBatis + Hutool  \n前端：**Vue3** + Element-Plus + Vue-Router + Axios  \n数据库： MySQL  \n\n**版本要求：**  \njdk不低于17，MySQL 5.7或者8，node.js版本18以上，maven版本建议3.8及以上，navicat建议不低于16  \n\n数据库表：12张表  \n难度系数：⭐⭐⭐⭐\n\n## 项目功能描述\n\n### 管理员\n\n登录、个人信息、修改密码\n首页：统计近一周每日自习室预约人数折线图，统计不同类型自习室数量分布饼状图，统计不同类型帖子数量分布柱状图，自习室数量，自习室预约数量，新闻资讯数量，帖子数量\n自习室分类：管理所有自习室分类信息\n自习室信息：管理所有自习室信息，用户需要选择预约时间（只能选择未来三天内的时间），然后选择预约日期未被选择的座位，然后确认选座，同一天只能选择预约一个座位，只能取消预约当前其他座位才能在选择新的座位\n预约信息：管理所有自习室预约信息\n资讯信息：管理所有资讯信息\n帖子分类：管理所有帖子分类信息\n交流论坛：管理所有由用户上传的论坛帖子信息，需要管理员审核才能展示在用户端\n评论信息：管理所有评论信息\n反馈信息：管理所有用户反馈信息，可以回复用户反馈\n轮播图信息：管理所有轮播图信息\n公告信息：管理所有公告信息\n管理员信息：管理管理员信息\n用户信息：管理用户信息  \n\n\n### 用户\n\n登录、注册、个人信息、修改密码\n首页：轮播图、热门资讯、热门帖子\n自习室：浏览所有自习室信息，点击进入自习室详情页面（默认显示第二天可预约座位）选择座位，同一天同一座位不能被两次选取，每个人每天只能同时预约一个座位，只有取消其他座位预约才能再预约其他座位\n自习室资讯：浏览所有自习室资讯信息\n交流论坛：浏览所有审核通过的帖子，可以评论\n反馈中心：提交反馈信息\n公告信息：浏览所有系统公告信息\n我的预约：管理当前登录用户的预约信息，可以取消预约（只能在预约日期前取消，已到预约日期或者已经超过预约日期不可取消预约）\n我的帖子：管理当前登录用户发布的帖子信息\n我的反馈：管理当前登录用户提交的反馈信息\n我的评论：管理当前登录用户的评论信息\n\n## 项目创新点\n\n- Echarts图表数据统计  \n- 多角色权限控制、多模块的关联  \n- 通用的预约审核模型\n- 富文本编辑器的使用\n- 页面精美，设计细节","[\"前后端分离\",\"Springboot3\",\"Vue3\",\"前后台\"]",6600,10900,3,1421,"BV11RfsBZETW","程序员青戈",0,1,"[\"完整源码+SQL\", \"项目部署文档\"]","2026-05-15 10:00:00","2026-05-20 14:32:23",null]