23 lines
16 KiB
HTML
23 lines
16 KiB
HTML
<!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-align:justify" align="justify">9.结果反馈管理<br><img alt="" src="http://mmbiz.qpic.cn/sz_mmbiz_jpg/zGT8uFILTc6K2rdlJkWzm4gtu5cCSic7szmJhfHoIlNMzVvO1hpic9oNOdOAfkBrTC0K0uH41jI9hEvlZumbyONwoEHJBHFp8icqQCozmoSDyo/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">10.公告信息管理<br><img alt="" src="http://mmbiz.qpic.cn/mmbiz_jpg/zGT8uFILTc5ApJExps2tK8DibKJb2ve8YS3lwibTxJicy6ic1qHsuwIVFBmQSSPiavKAHQpJdiaujibxy81WrP80svyAyV33GRZjj2E0QBIDgvjvFY/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">11.论坛交流管理<br><img alt="" src="http://mmbiz.qpic.cn/sz_mmbiz_jpg/zGT8uFILTc5mGYvP4HicKRgEdMxc85Ric9mrBASUkU7ammznZr7icxABzh0AM0pyRiaaYVG2jBIuUvTBtCa2z1AMYmDzryAWSnOKoiaqAkHdvVUE/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">12.轮播图管理<br><img alt="" src="http://mmbiz.qpic.cn/mmbiz_jpg/zGT8uFILTc5t59ibfaZuJBKLhKhqDOWULjsBGlqBbQic09Jloqhlco8GyciciapJfa0lrfpsBKjcXxc0iaz2ht64XcsnicNM37s6a1rHcgiahpMLJI/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><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">安装JDK 1.8、Maven、Node.js 14 和 MySQL 5.7以上</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">使用Navicat工具创建数据库并导入SQL脚本</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'>application.yml</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'>/server_code</code>） 执行：<br><code style='font-family:Consolas, Monaco, "Courier New", monospace; background:#f6f8fa; padding:2px 6px; border-radius:3px; font-size:0.9em'>mvn clean install
|
||
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">基于Springboot + vue3实现的旅游网站系统</a></li><li style="margin:0.3em 0"><a href="https://mp.weixin.qq.com/s/tbDCa5504JwOt-ECt3t_Yg" style="color:#576b95; text-decoration:none">基于Springboot + vue3实现的房屋租售系统</a></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><blockquote style="margin:1em 0; padding:12px 16px; background:#f9f9f9; border-left:4px solid #dfe2e5; color:#6a737d"><ul style="margin:1em 0; padding-left:2em"><li style="margin:0.3em 0">1、本系统源码由<strong>南音工作室</strong>精心收集整理，并经过严格测试验证，确保运行稳定可靠。</li><li style="margin:0.3em 0">2、<strong>南音工作室</strong>开始招募合伙人，有兴趣一起搞钱的小伙伴，可以在公众号后台回复关键词【<strong>合伙人</strong>】查看详细介绍。</li><li style="margin:0.3em 0">3、如需获取详细运行教程，欢迎在公众号后台回复关键词【<strong>运行教程</strong>】，即可自助领取完整指导文档。</li><li style="margin:0.3em 0">4、我们已为您整理上万套优质源码项目资源，回复【<strong>源码搜索</strong>】即可快速查找您需要的源码资源。</li><li style="margin:0.3em 0">5、为了回馈粉丝，特意整理了海量福利资源免费分享，回复【<strong>免费资源</strong>】即可领取。</li><li style="margin:0.3em 0">6、创作不易，如果觉得内容有帮助，别忘了<strong>点赞/推荐/分享/收藏</strong>支持我们，您的鼓励是我们持续更新的最大动力！</li></ul></blockquote><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><center><img src="http://mmbiz.qpic.cn/mmbiz_jpg/zGT8uFILTc5YiaZ3ODd69OSYm1079oYdIQQ3p7MvrXN90P70gZPbUwKWWEEpHVf6hNkPic7Z4OclaQN2KzzOahiaAxwic4nwEO59PfxNKEoGyxM/0?from=appmsg" style="max-width:100%; height:auto; display:block; margin:1em auto; width:100px" height="auto" width="100"><br><span>长按小程序码，打开小程序搜索 "<strong style="color:var(--md-primary-color);">A167</strong>" 即可获取资源</span></center></div></body></html>
|