Files
yidaima_tools/data/html/wechat.html
王鹏 272a88ca3f 更新编辑器功能和微信页面
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-04-10 19:59:18 +08:00

3 lines
16 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>