https://7ink.cn/tags/%E9%A1%B9%E7%9B%AE/ Recent content in 项目 on 小墨的碎碎念 Hugo zh-cn Sun, 12 Apr 2026 02:40:00 +0800 https://7ink.cn/posts/2026-04-12-yilink-project/ Sun, 12 Apr 2026 02:40:00 +0800 https://7ink.cn/posts/2026-04-12-yilink-project/ <h2 id="项目背景">项目背景</h2> <p>在互联网时代，每个人都有多个社交平台账号——微信、微博、抖音、小红书、GitHub、B站……但问题来了：</p> <ol> <li><strong>信息分散</strong> - 各平台账号难以统一展示</li> <li><strong>名片过时</strong> - 传统纸质名片信息易过期</li> <li><strong>建站门槛高</strong> - 普通人不会建站，无法拥有个人主页</li> <li><strong>推广困难</strong> - 多个链接难以记忆和分享</li> </ol> <h2 id="解决方案一链">解决方案：一链</h2> <p><strong>「一链」</strong> - 让每个人都有自己的数字名片。</p> <p>核心功能：</p> <ul> <li>一站式聚合所有平台链接</li> <li>一键生成个人主页</li> <li>零技术门槛，普通人也能创建专业名片</li> </ul> <h2 id="技术选型">技术选型</h2> <h3 id="后端">后端</h3> <table> <thead> <tr> <th>技术</th> <th>版本</th> <th>用途</th> </tr> </thead> <tbody> <tr> <td>Spring Boot</td> <td>3.2</td> <td>核心框架</td> </tr> <tr> <td>Spring Security</td> <td>6.x</td> <td>安全认证</td> </tr> <tr> <td>JWT</td> <td>-</td> <td>Token认证</td> </tr> <tr> <td>MyBatis-Plus</td> <td>3.5</td> <td>ORM</td> </tr> <tr> <td>MySQL</td> <td>8.0</td> <td>数据库</td> </tr> <tr> <td>Redis</td> <td>7.x</td> <td>缓存</td> </tr> </tbody> </table> <h3 id="前端">前端</h3> <table> <thead> <tr> <th>技术</th> <th>用途</th> </tr> </thead> <tbody> <tr> <td>Vue 3</td> <td>前端框架</td> </tr> <tr> <td>Element Plus</td> <td>UI组件</td> </tr> <tr> <td>Pinia</td> <td>状态管理</td> </tr> <tr> <td>uni-app</td> <td>小程序</td> </tr> </tbody> </table> <h2 id="项目结构">项目结构</h2> <div class="goat svg-container "> <svg xmlns="http://www.w3.org/2000/svg" font-family="Menlo,Lucida Console,monospace" viewBox="0 0 256 121" > <g transform='translate(8,16)'> <path d='M 96,16 L 104,0' fill='none' stroke='currentColor'></path> <circle cx='96' cy='16' r='6' stroke='currentColor' fill='#fff'></circle> <text text-anchor='middle' x='0' y='4' fill='currentColor' style='font-size:1em'>y</text> <text text-anchor='middle' x='0' y='20' fill='currentColor' style='font-size:1em'>├</text> <text text-anchor='middle' x='0' y='36' fill='currentColor' style='font-size:1em'>├</text> <text text-anchor='middle' x='0' y='52' fill='currentColor' style='font-size:1em'>├</text> <text text-anchor='middle' x='0' y='68' fill='currentColor' style='font-size:1em'>├</text> <text text-anchor='middle' x='0' y='84' fill='currentColor' style='font-size:1em'>├</text> <text text-anchor='middle' x='0' y='100' fill='currentColor' style='font-size:1em'>└</text> <text text-anchor='middle' x='8' y='4' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='8' y='20' fill='currentColor' style='font-size:1em'>─</text> <text text-anchor='middle' x='8' y='36' fill='currentColor' style='font-size:1em'>─</text> <text text-anchor='middle' x='8' y='52' fill='currentColor' style='font-size:1em'>─</text> <text text-anchor='middle' x='8' y='68' fill='currentColor' style='font-size:1em'>─</text> <text text-anchor='middle' x='8' y='84' fill='currentColor' style='font-size:1em'>─</text> <text text-anchor='middle' x='8' y='100' fill='currentColor' style='font-size:1em'>─</text> <text text-anchor='middle' x='16' y='4' fill='currentColor' style='font-size:1em'>l</text> <text text-anchor='middle' x='16' y='20' fill='currentColor' style='font-size:1em'>─</text> <text text-anchor='middle' x='16' y='36' fill='currentColor' style='font-size:1em'>─</text> <text text-anchor='middle' x='16' y='52' fill='currentColor' style='font-size:1em'>─</text> <text text-anchor='middle' x='16' y='68' fill='currentColor' style='font-size:1em'>─</text> <text text-anchor='middle' x='16' y='84' fill='currentColor' style='font-size:1em'>─</text> <text text-anchor='middle' x='16' y='100' fill='currentColor' style='font-size:1em'>─</text> <text text-anchor='middle' x='24' y='4' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='32' y='4' fill='currentColor' style='font-size:1em'>n</text> <text text-anchor='middle' x='32' y='20' fill='currentColor' style='font-size:1em'>y</text> <text text-anchor='middle' x='32' y='36' fill='currentColor' style='font-size:1em'>y</text> <text text-anchor='middle' x='32' y='52' fill='currentColor' style='font-size:1em'>y</text> <text text-anchor='middle' x='32' y='68' fill='currentColor' style='font-size:1em'>y</text> <text text-anchor='middle' x='32' y='84' fill='currentColor' style='font-size:1em'>y</text> <text text-anchor='middle' x='32' y='100' fill='currentColor' style='font-size:1em'>y</text> <text text-anchor='middle' x='40' y='4' fill='currentColor' style='font-size:1em'>k</text> <text text-anchor='middle' x='40' y='20' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='40' y='36' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='40' y='52' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='40' y='68' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='40' y='84' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='40' y='100' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='48' y='4' fill='currentColor' style='font-size:1em'>-</text> <text text-anchor='middle' x='48' y='20' fill='currentColor' style='font-size:1em'>l</text> <text text-anchor='middle' x='48' y='36' fill='currentColor' style='font-size:1em'>l</text> <text text-anchor='middle' x='48' y='52' fill='currentColor' style='font-size:1em'>l</text> <text text-anchor='middle' x='48' y='68' fill='currentColor' style='font-size:1em'>l</text> <text text-anchor='middle' x='48' y='84' fill='currentColor' style='font-size:1em'>l</text> <text text-anchor='middle' x='48' y='100' fill='currentColor' style='font-size:1em'>l</text> <text text-anchor='middle' x='56' y='4' fill='currentColor' style='font-size:1em'>p</text> <text text-anchor='middle' x='56' y='20' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='56' y='36' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='56' y='52' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='56' y='68' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='56' y='84' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='56' y='100' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='64' y='4' fill='currentColor' style='font-size:1em'>a</text> <text text-anchor='middle' x='64' y='20' fill='currentColor' style='font-size:1em'>n</text> <text text-anchor='middle' x='64' y='36' fill='currentColor' style='font-size:1em'>n</text> <text text-anchor='middle' x='64' y='52' fill='currentColor' style='font-size:1em'>n</text> <text text-anchor='middle' x='64' y='68' fill='currentColor' style='font-size:1em'>n</text> <text text-anchor='middle' x='64' y='84' fill='currentColor' style='font-size:1em'>n</text> <text text-anchor='middle' x='64' y='100' fill='currentColor' style='font-size:1em'>n</text> <text text-anchor='middle' x='72' y='4' fill='currentColor' style='font-size:1em'>r</text> <text text-anchor='middle' x='72' y='20' fill='currentColor' style='font-size:1em'>k</text> <text text-anchor='middle' x='72' y='36' fill='currentColor' style='font-size:1em'>k</text> <text text-anchor='middle' x='72' y='52' fill='currentColor' style='font-size:1em'>k</text> <text text-anchor='middle' x='72' y='68' fill='currentColor' style='font-size:1em'>k</text> <text text-anchor='middle' x='72' y='84' fill='currentColor' style='font-size:1em'>k</text> <text text-anchor='middle' x='72' y='100' fill='currentColor' style='font-size:1em'>k</text> <text text-anchor='middle' x='80' y='4' fill='currentColor' style='font-size:1em'>e</text> <text text-anchor='middle' x='80' y='20' fill='currentColor' style='font-size:1em'>-</text> <text text-anchor='middle' x='80' y='36' fill='currentColor' style='font-size:1em'>-</text> <text text-anchor='middle' x='80' y='52' fill='currentColor' style='font-size:1em'>-</text> <text text-anchor='middle' x='80' y='68' fill='currentColor' style='font-size:1em'>-</text> <text text-anchor='middle' x='80' y='84' fill='currentColor' style='font-size:1em'>-</text> <text text-anchor='middle' x='80' y='100' fill='currentColor' style='font-size:1em'>-</text> <text text-anchor='middle' x='88' y='4' fill='currentColor' style='font-size:1em'>n</text> <text text-anchor='middle' x='88' y='20' fill='currentColor' style='font-size:1em'>c</text> <text text-anchor='middle' x='88' y='36' fill='currentColor' style='font-size:1em'>e</text> <text text-anchor='middle' x='88' y='52' fill='currentColor' style='font-size:1em'>m</text> <text text-anchor='middle' x='88' y='68' fill='currentColor' style='font-size:1em'>s</text> <text text-anchor='middle' x='88' y='84' fill='currentColor' style='font-size:1em'>a</text> <text text-anchor='middle' x='88' y='100' fill='currentColor' style='font-size:1em'>a</text> <text text-anchor='middle' x='96' y='4' fill='currentColor' style='font-size:1em'>t</text> <text text-anchor='middle' x='96' y='36' fill='currentColor' style='font-size:1em'>n</text> <text text-anchor='middle' x='96' y='52' fill='currentColor' style='font-size:1em'>a</text> <text text-anchor='middle' x='96' y='68' fill='currentColor' style='font-size:1em'>e</text> <text text-anchor='middle' x='96' y='84' fill='currentColor' style='font-size:1em'>p</text> <text text-anchor='middle' x='96' y='100' fill='currentColor' style='font-size:1em'>d</text> <text text-anchor='middle' x='104' y='20' fill='currentColor' style='font-size:1em'>m</text> <text text-anchor='middle' x='104' y='36' fill='currentColor' style='font-size:1em'>t</text> <text text-anchor='middle' x='104' y='52' fill='currentColor' style='font-size:1em'>p</text> <text text-anchor='middle' x='104' y='68' fill='currentColor' style='font-size:1em'>r</text> <text text-anchor='middle' x='104' y='84' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='104' y='100' fill='currentColor' style='font-size:1em'>m</text> <text text-anchor='middle' x='112' y='20' fill='currentColor' style='font-size:1em'>m</text> <text text-anchor='middle' x='112' y='36' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='112' y='52' fill='currentColor' style='font-size:1em'>p</text> <text text-anchor='middle' x='112' y='68' fill='currentColor' style='font-size:1em'>v</text> <text text-anchor='middle' x='112' y='84' fill='currentColor' style='font-size:1em'>/</text> <text text-anchor='middle' x='112' y='100' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='120' y='20' fill='currentColor' style='font-size:1em'>o</text> <text text-anchor='middle' x='120' y='36' fill='currentColor' style='font-size:1em'>t</text> <text text-anchor='middle' x='120' y='52' fill='currentColor' style='font-size:1em'>e</text> <text text-anchor='middle' x='120' y='68' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='120' y='100' fill='currentColor' style='font-size:1em'>n</text> <text text-anchor='middle' x='128' y='20' fill='currentColor' style='font-size:1em'>n</text> <text text-anchor='middle' x='128' y='36' fill='currentColor' style='font-size:1em'>y</text> <text text-anchor='middle' x='128' y='52' fill='currentColor' style='font-size:1em'>r</text> <text text-anchor='middle' x='128' y='68' fill='currentColor' style='font-size:1em'>c</text> <text text-anchor='middle' x='128' y='100' fill='currentColor' style='font-size:1em'>/</text> <text text-anchor='middle' x='136' y='20' fill='currentColor' style='font-size:1em'>/</text> <text text-anchor='middle' x='136' y='36' fill='currentColor' style='font-size:1em'>/</text> <text text-anchor='middle' x='136' y='52' fill='currentColor' style='font-size:1em'>/</text> <text text-anchor='middle' x='136' y='68' fill='currentColor' style='font-size:1em'>e</text> <text text-anchor='middle' x='144' y='68' fill='currentColor' style='font-size:1em'>/</text> <text text-anchor='middle' x='192' y='20' fill='currentColor' style='font-size:1em'>#</text> <text text-anchor='middle' x='192' y='36' fill='currentColor' style='font-size:1em'>#</text> <text text-anchor='middle' x='192' y='52' fill='currentColor' style='font-size:1em'>#</text> <text text-anchor='middle' x='192' y='68' fill='currentColor' style='font-size:1em'>#</text> <text text-anchor='middle' x='192' y='84' fill='currentColor' style='font-size:1em'>#</text> <text text-anchor='middle' x='192' y='100' fill='currentColor' style='font-size:1em'>#</text> <text text-anchor='middle' x='208' y='20' fill='currentColor' style='font-size:1em'>公</text> <text text-anchor='middle' x='208' y='36' fill='currentColor' style='font-size:1em'>实</text> <text text-anchor='middle' x='208' y='52' fill='currentColor' style='font-size:1em'>数</text> <text text-anchor='middle' x='208' y='68' fill='currentColor' style='font-size:1em'>业</text> <text text-anchor='middle' x='208' y='84' fill='currentColor' style='font-size:1em'>A</text> <text text-anchor='middle' x='208' y='100' fill='currentColor' style='font-size:1em'>管</text> <text text-anchor='middle' x='216' y='20' fill='currentColor' style='font-size:1em'>共</text> <text text-anchor='middle' x='216' y='36' fill='currentColor' style='font-size:1em'>体</text> <text text-anchor='middle' x='216' y='52' fill='currentColor' style='font-size:1em'>据</text> <text text-anchor='middle' x='216' y='68' fill='currentColor' style='font-size:1em'>务</text> <text text-anchor='middle' x='216' y='84' fill='currentColor' style='font-size:1em'>P</text> <text text-anchor='middle' x='216' y='100' fill='currentColor' style='font-size:1em'>理</text> <text text-anchor='middle' x='224' y='20' fill='currentColor' style='font-size:1em'>模</text> <text text-anchor='middle' x='224' y='36' fill='currentColor' style='font-size:1em'>类</text> <text text-anchor='middle' x='224' y='52' fill='currentColor' style='font-size:1em'>访</text> <text text-anchor='middle' x='224' y='68' fill='currentColor' style='font-size:1em'>服</text> <text text-anchor='middle' x='224' y='84' fill='currentColor' style='font-size:1em'>I</text> <text text-anchor='middle' x='224' y='100' fill='currentColor' style='font-size:1em'>后</text> <text text-anchor='middle' x='232' y='20' fill='currentColor' style='font-size:1em'>块</text> <text text-anchor='middle' x='232' y='52' fill='currentColor' style='font-size:1em'>问</text> <text text-anchor='middle' x='232' y='68' fill='currentColor' style='font-size:1em'>务</text> <text text-anchor='middle' x='232' y='84' fill='currentColor' style='font-size:1em'>接</text> <text text-anchor='middle' x='232' y='100' fill='currentColor' style='font-size:1em'>台</text> <text text-anchor='middle' x='240' y='84' fill='currentColor' style='font-size:1em'>口</text> </g> </svg> </div> <h2 id="已实现功能">已实现功能</h2> <h3 id="用户模块">用户模块</h3> <ul> <li>注册登录（用户名/密码验证）</li> <li>JWT Token 认证</li> <li>用户信息管理</li> </ul> <h3 id="名片模块">名片模块</h3> <ul> <li>创建/编辑/删除名片</li> <li>公开预览（slug 访问）</li> <li>访问量统计</li> </ul> <h3 id="链接模块">链接模块</h3> <ul> <li>添加/编辑/删除链接</li> <li>链接排序</li> <li>点击统计</li> </ul> <h2 id="开发进度">开发进度</h2> <table> <thead> <tr> <th>模块</th> <th>文件数</th> <th>代码行数</th> <th>状态</th> </tr> </thead> <tbody> <tr> <td>公共模块</td> <td>6</td> <td>530</td> <td>✅</td> </tr> <tr> <td>实体类</td> <td>4</td> <td>200</td> <td>✅</td> </tr> <tr> <td>Mapper</td> <td>4</td> <td>100</td> <td>✅</td> </tr> <tr> <td>Service</td> <td>5</td> <td>780</td> <td>✅</td> </tr> <tr> <td>Controller</td> <td>4</td> <td>300</td> <td>✅</td> </tr> <tr> <td><strong>总计</strong></td> <td><strong>33</strong></td> <td><strong>1458</strong></td> <td>✅</td> </tr> </tbody> </table> <h2 id="参考学习">参考学习</h2> <p>在开发过程中，学习了以下开源项目：</p>