2026-04-13 15:41:39 +08:00
|
|
|
|
<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>微信公众号文章</title><style>.wechat-article tr:nth-child(even) {background:#fafafa}</style></head><body><div class="wechat-article" style='max-width:677px; margin:0 auto; padding:20px; font-family:-apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif; font-size:12px; line-height:1.4; color:#333; background:#fff'><p style="margin:1em 0; text-align:justify" align="justify"><img alt="" src="http://mmbiz.qpic.cn/mmbiz_gif/zGT8uFILTc4g94IQ4LDnXSZD1JtgSBrmHSBRyt9lhxDReohwibh4vXuWdB7icqFSiatHC5Hf8pt5uRAk1bABEo3lP72ZjYzUZ3AdaolKeedsvQ/0?from=appmsg" style="max-width:100%; height:auto; display:block; margin:1em auto" height="auto"></p><h1 style="font-size:23px; font-weight:bold; margin:1.5em 0 0.8em; padding-bottom:0.3em; border-bottom:2px solid #0080ff; color:#0080ff">项目描述</h1><h4>视频演示</h4><p style="margin:1em 0; text-align:justify" align="justify">本系统包含管理员、学生、维修员三个角色。<br>
|
|
|
|
|
|
管理员角色:<br>
|
|
|
|
|
|
1. 用户管理:管理系统中所有用户的信息,包括添加、删除和修改用户。<br>
|
|
|
|
|
|
2. 配置管理:管理系统配置参数,如上传图片的路径等。<br>
|
|
|
|
|
|
3. 权限管理:分配和管理不同角色的权限。<br>
|
|
|
|
|
|
4. 宿舍管理:管理宿舍信息,包括宿舍房号、类型、床位数量等。<br>
|
|
|
|
|
|
5. 报修管理:管理报修信息、报修处理、结果反馈、维修报修、报修分配等。<br>
|
|
|
|
|
|
6. 公告管理:管理公告信息,包括标题、简介、图片、内容等。<br>
|
|
|
|
|
|
7. 论坛管理:管理论坛交流信息,包括帖子标题、内容、用户名等。<br>
|
|
|
|
|
|
8. 轮播图管理:管理轮播图信息,包括配置参数名称、值等。<br>
|
|
|
|
|
|
学生角色:<br>
|
|
|
|
|
|
1. 报修信息申报:学生可以申报报修信息,填写宿舍房号、报修编号、报修物品等信息,并上传相关附件。<br>
|
|
|
|
|
|
2. 论坛交流:学生可以发布和查看论坛帖子,包括帖子标题、内容、用户名等。<br>
|
|
|
|
|
|
3. 个人信息管理:学生可以管理自己的个人信息,包括学号、姓名、性别、宿舍号、联系方式等。<br>
|
|
|
|
|
|
维修员角色:<br>
|
|
|
|
|
|
1. 报修信息处理:维修员可以查看和处理报修信息,包括报修物品、报修时间等。<br>
|
|
|
|
|
|
2. 报修处理:维修员可以处理报修信息,填写处理时间等。<br>
|
|
|
|
|
|
3. 结果反馈:维修员可以反馈报修处理结果,包括图片、结果反馈等。<br>
|
|
|
|
|
|
4. 维修报修:维修员可以查看和统计维修报修信息,包括报修物品、报修时间等。<br>
|
|
|
|
|
|
5. 报修分配:维修员可以查看和处理报修分配信息,包括宿舍房号、报修编号、报修物品等。<br>
|
|
|
|
|
|
6. 个人信息管理:维修员可以管理自己的个人信息,包括维修员账号、姓名、性别、联系方式等。</p><h1 style="font-size:23px; font-weight:bold; margin:1.5em 0 0.8em; padding-bottom:0.3em; border-bottom:2px solid #0080ff; color:#0080ff">技术选型</h1><ul style="margin:1em 0; padding-left:2em"><li style="margin:0.3em 0">开发工具:Idea + Vscode</li><li style="margin:0.3em 0">运行环境:JDK 1.8 + Maven + MySQL 5.7以上 + Node.js 14</li><li style="margin:0.3em 0">服务端技术:SpringBoot + Mybatis-Plus + Maven</li><li style="margin:0.3em 0">前端技术:Vue3 + Axios + Element-UI</li></ul><h1 style="font-size:23px; font-weight:bold; margin:1.5em 0 0.8em; padding-bottom:0.3em; border-bottom:2px solid #0080ff; color:#0080ff">系统截图</h1><p style="margin:1em 0; text-align:justify" align="justify">1.首页<br><img alt="" src="http://mmbiz.qpic.cn/sz_mmbiz_jpg/zGT8uFILTc5MAcVq4njmxxYriahyGghjXjukwiaDslw9PibCmicjhyIdLwWap6FclPweicSKQyp6ibTdAJ6zoy8LZIrptKpXgEIKicV61pUAM7zVZk/0?from=appmsg" style="max-width:100%; height:auto; display:block; margin:1em auto" height="auto"></p><p style="margin:1em 0; text-align:justify" align="justify"> </p><p style="margin:1em 0; text-align:justify" align="justify">2.论坛交流<br><img alt="" src="http://mmbiz.qpic.cn/sz_mmbiz_jpg/zGT8uFILTc6wCYM8iaYPGpuqWyXwEgokoyvSNesFlLxk67YicrAgnVHZMmfoJFXIzhBib0qibwyN7HF052MhCfjyDUqk4zNWKDGqwWuXLU3H79I/0?from=appmsg" style="max-width:100%; height:auto; display:block; margin:1em auto" height="auto"></p><p style="margin:1em 0; text-align:justify" align="justify"> </p><p style="margin:1em 0; text-align:justify" align="justify">3.公告信息<br><img alt="" src="http://mmbiz.qpic.cn/mmbiz_jpg/zGT8uFILTc7JtLMenlyHKsMbAvpyZ0COrIS7U7w6a1HufOGWFdaPLHRJxCeX2yFiaqBN0aMICdkL2PPHkFVSfXyuFNgNiauib3TL8jgjYalxBc/0?from=appmsg" style="max-width:100%; height:auto; display:block; margin:1em auto" height="auto"></p><p style="margin:1em 0; text-align:justify" align="justify"> </p><p style="margin:1em 0; text-align:justify" align="justify">4.后台登录<br><img alt="" src="http://mmbiz.qpic.cn/sz_mmbiz_jpg/zGT8uFILTc4Te6ib36LQprg2Eg3iaJGFhVU3bZ1icst9Gs1kQXSo7CN85fAQQRG3pxn3XLzNIY7CvLojaqtYDdwOLGBPjaynOEic26Gby5jKsSQ/0?from=appmsg" style="max-width:100%; height:auto; display:block; margin:1em auto" height="auto"></p><p style="margin:1em 0; text-align:justify" align="justify"> </p><p style="margin:1em 0; text-align:justify" align="justify">5.管理员管理<br><img alt="" src="http://mmbiz.qpic.cn/sz_mmbiz_jpg/zGT8uFILTc68mP08OyXxKfXribuCYak34YqqwsVFT1H3hy7Kia7xYCYF12IL7G5dP0oJAg6rtwDDvav04SpibcNXp6ncrJSNbP9PhC6DkHICZ8/0?from=appmsg" style="max-width:100%; height:auto; display:block; margin:1em auto" height="auto"></p><p style="margin:1em 0; text-align:justify" align="justify"> </p><p style="margin:1em 0; text-align:justify" align="justify">6.学生管理<br><img alt="" src="http://mmbiz.qpic.cn/sz_mmbiz_jpg/zGT8uFILTc4A6FzIoa0EmiaxE2NEydPAFKQJlxUD3NzhqGcHicycoTaxgRVQn3ZlHoj9y9icovicdynAwzBnpGgQReDOZafRvVqibv15DC2oX924/0?from=appmsg" style="max-width:100%; height:auto; display:block; margin:1em auto" height="auto"></p><p style="margin:1em 0; text-align:justify" align="justify"> </p><p style="margin:1em 0; text-align:justify" align="justify">7.维修员管理<br><img alt="" src="http://mmbiz.qpic.cn/mmbiz_jpg/zGT8uFILTc7wa67zV6hicmDoCIqZMTIJDf3nyic3hnHzqRwpjnjP3lF6KU5NOQWpbeHgGgelIkXribpU7WRcDCQnsCLY6TkeSWvM7iafJXlvvmU/0?from=appmsg" style="max-width:100%; height:auto; display:block; margin:1em auto" height="auto"></p><p style="margin:1em 0; text-align:justify" align="justify"> </p><p style="margin:1em 0; text-align:justify" align="justify">8.宿舍信息管理<br><img alt="" src="http://mmbiz.qpic.cn/sz_mmbiz_jpg/zGT8uFILTc4hNOk6qY1GDI0BM4ibaAIU1QnicspNBUjMeicicgbgQDU1Pm58t3SLywAcRPtWicq8pPsjaLKZ5HziavMIFicne8cYC1PfxT9jiaecWEU/0?from=appmsg" style="max-width:100%; height:auto; display:block; margin:1em auto" height="auto"></p><p style="margin:1em 0; text-align:justify" align="justify"> </p><p style="margin:1em 0; text
|
|
|
|
|
|
mvn spring-boot:run</code></p><h3 style="font-size:17px; font-weight:bold; margin:1em 0 0.5em; color:#0080ff">前端依赖安装</h3><p style="margin:1em 0; text-align:justify" align="justify">进入前端目录(<code style='font-family:Consolas, Monaco, "Courier New", monospace; background:#f6f8fa; padding:2px 6px; border-radius:3px; font-size:0.9em'>/manage_code</code>或者<code style='font-family:Consolas, Monaco, "Courier New", monospace; background:#f6f8fa; padding:2px 6px; border-radius:3px; font-size:0.9em'>/client_code</code>),执行安装命令:<br><code style='font-family:Consolas, Monaco, "Courier New", monospace; background:#f6f8fa; padding:2px 6px; border-radius:3px; font-size:0.9em'>npm install</code></p><h3 style="font-size:17px; font-weight:bold; margin:1em 0 0.5em; color:#0080ff">启动前端服务</h3><p style="margin:1em 0; text-align:justify" align="justify">执行启动命令:<br><code style='font-family:Consolas, Monaco, "Courier New", monospace; background:#f6f8fa; padding:2px 6px; border-radius:3px; font-size:0.9em'>npm run serve</code></p><h3 style="font-size:17px; font-weight:bold; margin:1em 0 0.5em; color:#0080ff">访问系统</h3><ul style="margin:1em 0; padding-left:2em"><li style="margin:0.3em 0">后端接口系统访问地址:<br><code style='font-family:Consolas, Monaco, "Courier New", monospace; background:#f6f8fa; padding:2px 6px; border-radius:3px; font-size:0.9em'>http://localhost:8080</code></li><li style="margin:0.3em 0">后台系统前端访问地址:<br><code style='font-family:Consolas, Monaco, "Courier New", monospace; background:#f6f8fa; padding:2px 6px; border-radius:3px; font-size:0.9em'>http://localhost:8081</code></li><li style="margin:0.3em 0">前台系统前端访问地址:<br><code style='font-family:Consolas, Monaco, "Courier New", monospace; background:#f6f8fa; padding:2px 6px; border-radius:3px; font-size:0.9em'>http://localhost:8082</code></li></ul><h3 style="font-size:17px; font-weight:bold; margin:1em 0 0.5em; color:#0080ff">常见问题</h3><h4>端口冲突</h4><ul style="margin:1em 0; padding-left:2em"><li style="margin:0.3em 0">修改后端配置文件<code style='font-family:Consolas, Monaco, "Courier New", monospace; background:#f6f8fa; padding:2px 6px; border-radius:3px; font-size:0.9em'>application.yml</code></li><li style="margin:0.3em 0">修改前端配置文件<code style='font-family:Consolas, Monaco, "Courier New", monospace; background:#f6f8fa; padding:2px 6px; border-radius:3px; font-size:0.9em'>vue.config.js</code></li></ul><h4>前端安装依赖失败</h4><ul style="margin:1em 0; padding-left:2em"><li style="margin:0.3em 0">删除node_modules、package-lock.json文件<br><code style='font-family:Consolas, Monaco, "Courier New", monospace; background:#f6f8fa; padding:2px 6px; border-radius:3px; font-size:0.9em'>rm -rf node_modules package-lock.json</code></li><li style="margin:0.3em 0">清除缓存<br><code style='font-family:Consolas, Monaco, "Courier New", monospace; background:#f6f8fa; padding:2px 6px; border-radius:3px; font-size:0.9em'>npm cache clean --force</code></li><li style="margin:0.3em 0">切换npm镜像源<br><code style='font-family:Consolas, Monaco, "Courier New", monospace; background:#f6f8fa; padding:2px 6px; border-radius:3px; font-size:0.9em'>npm config set registry https://registry.npmmirror.com</code></li></ul><h1 style="font-size:23px; font-weight:bold; margin:1.5em 0 0.8em; padding-bottom:0.3em; border-bottom:2px solid #0080ff; color:#0080ff">推荐阅读</h1><ul style="margin:1em 0; padding-left:2em"><li style="margin:0.3em 0"><a href="https://mp.weixin.qq.com/s/F7mO-9ENdfKqa89InlPUlg" style="color:#576b95; text-decoration:none">基于Springboot + vue3实现的果树系统</a></li><li style="margin:0.3em 0"><a href="https://mp.weixin.qq.com/s/UUUh4S2KfOnRKnLKZLlS3Q" style="color:#576b95; text-decoration:none">基于Springboot + vue3实现的个人健康管理系统</a></li><li style="margin:0.3em 0"><a href="https://mp.weixin.qq.com/s/EY6XVtJXyY5FThfn0PoOew" style="color:#576b95; text-decoration:none">基<EFBFBD><EFBFBD>
|