2026-04-10 19:59:18 +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/zGT8uFILTc58Tr6NUVplTD4R6yqE2kUMH5bVgpwXCwCAZib3oEdsAicgz9QGyTG0C8TXia5ZmALIFauYUwCTtvsFbOWSHibUsdxyXDbK3x9OGxA/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><h4>本系统包含管理员和用户两个角色。</h4><h4>管理员角色：</h4><ol style="margin:1em 0; padding-left:2em"><li style="margin:0.3em 0"><p style="margin:1em 0; text-align:justify" align="justify">轮播图管理：管理轮播图的配置参数，包括新增、查看、修改和删除轮播图。</p></li><li style="margin:0.3em 0"><p style="margin:1em 0; text-align:justify" align="justify">用户管理：管理系统中所有用户的信息，包括新增、查看、修改和删除用户。</p></li><li style="margin:0.3em 0"><p style="margin:1em 0; text-align:justify" align="justify">资源分类管理：管理资源的分类信息，包括新增、查看、修改和删除资源分类。</p></li><li style="margin:0.3em 0"><p style="margin:1em 0; text-align:justify" align="justify">资源分享区管理：管理资源分享区的帖子，包括新增、查看、修改和删除帖子。</p></li><li style="margin:0.3em 0"><p style="margin:1em 0; text-align:justify" align="justify">资源信息管理：管理资源信息，包括查看、修改、删除和查看评论。</p></li><li style="margin:0.3em 0"><p style="margin:1em 0; text-align:justify" align="justify">系统公告管理：管理系统公告，包括新增、查看、修改和删除公告。</p></li></ol><h4>用户角色：</h4><ol style="margin:1em 0; padding-left:2em"><li style="margin:0.3em 0"><p style="margin:1em 0; text-align:justify" align="justify">我的收藏管理：管理用户的收藏信息，包括查看和删除收藏。</p></li><li style="margin:0.3em 0"><p style="margin:1em 0; text-align:justify" align="justify">资源信息管理：管理用户发布的资源信息，包括新增、查看、修改、删除和查看评论。</p></li><li style="margin:0.3em 0"><p style="margin:1em 0; text-align:justify" align="justify">资源分享区管理：管理用户在资源分享区发布的帖子，包括新增、查看、修改和删除帖子。</p></li><li style="margin:0.3em 0"><p style="margin:1em 0; text-align:justify" align="justify">个人信息管理：管理用户的个人信息，包括账号、姓名、性别、手机、邮箱等。</p></li></ol><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_png/zGT8uFILTc7xAZVkKqbgXZgZseibNxt8oINd5Du5BPia7AnS1cGJPXwagtibeibJ0oA1zpicCfzG0VZZ3d
|
|
|
|
|
|
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>
|
