3 lines
16 KiB
HTML
3 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/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/zGT8uFILTc7xAZVkKqbgXZgZseibNxt8oINd5Du5BPia7AnS1cGJPXwagtibeibJ0oA1zpicCfzG0VZZ3dKXbhHicOmgbdhU1icdV5VRPC82s0RicOU/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_png/zGT8uFILTc5n5TSL3EgslibMn4UAyF2oibrAMSSUy2kQjiaqmPyiaUhMjxIubdHlQkDaEDV5VTicMPR2UYeL3z1GMZf4sSsibMuKh48RpaPIeGLFQ/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_png/zGT8uFILTc4e4Vv4y32JWEicJAZLPMJwLVL72ec76icowBTGud991sbJGw0oib776nqqARGygjoYmfh2K054v9hnRAH9AiaObUzXl2yTibzQ3KjU/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/mmbiz_png/zGT8uFILTc6BXzl8ttv1Gb43cR2aRiajjZa8f3LB0iaTFxNRGEV0E8IvNKze9RbA66IVZo7xpA8qDicAJ0jUBXTe7IzeibicqlIiaqj5MA8x2RHyw/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_png/zGT8uFILTc7FsyZy7BNZhnUuw4GFyCs7Vd3QSbib4kdY054Ratu84kvkQ9s24ibNSMSx3bVCVc3WOUt9n14Yr1FPsvgictoRWOso1ITQXnKnXo/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/mmbiz_png/zGT8uFILTc66dlZq0cpe9gBQdJXDErTrh31IbvUAEL1jp40hVPpck98C3Z4zj7lo8Hd3lG3lE7HbNCcRQXrOptwTwdibdGMesu97tZhFuMDY/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_png/zGT8uFILTc5Z4BdeW724HPfTUStukH9Aw2hvNdLhcKS9aNHjibw1EyicYiayIg9e0CYvGL8qgGm0r5WFialF7omObPRS2uKgUwe9ctcWjmlp2NU/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/mmbiz_png/zGT8uFILTc5WevdNkZ4g41UMFb2EkvvOf5zsia6tgkiacfFHdrPaXIic6fCO7BBre0eUMuoYsyMKAGRibcyjMf7XVbjl0jnib1A1MNrPRBMN99sc/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/mmbiz_png/zGT8uFILTc5cVyK0bboejKxFuYDlqs6Q4NZ8OicTzSHRHaHk6I8RBItOQhp6icyY5D1CNiafG8SdMFynAwncibpf8RQTrPgX0iaC8dyM088BDk3w/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/sz_mmbiz_png/zGT8uFILTc7DZHD14l2VjbpcADquicPNNfqkic2XIhoUXo1IOkWYQV0Uv99uOJhxhDhGKJqwGBvMR5MxHE3L1c3nLN6Su0nEZQCurOEHjaSxU/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_png/zGT8uFILTc41vFibqZAOP8dkqkGE5sHBVK36HpafhCIfeIv7jppdYyAmOsLBuNEoG4xc9BQ6ibQreD4Bbtu8zFusldGtht6A0TDSibywrqrwws/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/sz_mmbiz_png/zGT8uFILTc5KL9kYbiajSf1z4ib0n5mEVw2YuAiaC2CrtdJmtXKwW1cq2ukhFicQ1th7BpYDr5INQa2icCTSCjURTHRLzkFtjkCM2XN0Yz1ZibYPI/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/zGT8uFILTc4Tonoedo37OibfwBLtrxbibzNKNZoX3mj3E8rmhe5icyh1p2gxaz5MaOmwQ8RpKIdbZicolF7icsfrz1uoibsKWtD31r4g3EvZrTK3Q/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);">A177</strong>" 即可获取资源</span></center></div></body></html>
|