21 lines
6.3 KiB
JavaScript
21 lines
6.3 KiB
JavaScript
import{_ as d,o as a,c as s,a2 as n}from"./chunks/framework.B-QBKwc1.js";const b=JSON.parse('{"title":"技术栈说明","description":"本页列出项目前后端完整技术选型与版本要求，包含语言、框架、核心依赖及其选型理由，评估兼容性或升级影响时对照本表。","frontmatter":{},"headers":[],"relativePath":"zh/tech-stack.md","filePath":"zh/tech-stack.md"}'),e={name:"zh/tech-stack.md"};function p(r,t,l,i,c,h){return a(),s("div",null,[...t[0]||(t[0]=[n(`<h1 id="_1-5-技术栈说明" tabindex="-1">1.5 技术栈说明 <a class="header-anchor" href="#_1-5-技术栈说明" aria-label="Permalink to "1.5 技术栈说明""></a></h1><div class="tip custom-block"><p class="custom-block-title">概述</p><p>本页列出项目前后端完整技术选型与版本要求，包含语言、框架、核心依赖及其选型理由，评估兼容性或升级影响时对照本表。</p></div><h2 id="后端技术栈" tabindex="-1">后端技术栈 <a class="header-anchor" href="#后端技术栈" aria-label="Permalink to "后端技术栈""></a></h2><table tabindex="0"><thead><tr><th>类别</th><th>技术选型</th><th>版本</th><th>说明</th></tr></thead><tbody><tr><td>语言</td><td>PHP</td><td>>= 8.2</td><td>强类型严格模式</td></tr><tr><td>框架</td><td>ThinkPHP</td><td>6.1.x</td><td>核心 Web 框架</td></tr><tr><td>ORM</td><td>think-orm</td><td>2.0</td><td>数据库操作</td></tr><tr><td>认证</td><td>firebase/php-jwt</td><td>6.4+</td><td>JWT 令牌签发与验证</td></tr><tr><td>Excel</td><td>phpoffice/phpspreadsheet</td><td>5.10+</td><td>Excel 导入导出</td></tr><tr><td>数据库</td><td>MySQL</td><td>5.7+ / 8.0+</td><td>主数据库</td></tr><tr><td>缓存</td><td>Redis</td><td>6.0+</td><td>可选，缓存驱动</td></tr><tr><td>Web 服务器</td><td>Nginx</td><td>1.18+</td><td>推荐</td></tr><tr><td>Web 服务器</td><td>Apache</td><td>2.4+</td><td>兼容</td></tr></tbody></table><h2 id="前端技术栈" tabindex="-1">前端技术栈 <a class="header-anchor" href="#前端技术栈" aria-label="Permalink to "前端技术栈""></a></h2><table tabindex="0"><thead><tr><th>类别</th><th>技术选型</th><th>版本</th><th>说明</th></tr></thead><tbody><tr><td>框架</td><td>Vue</td><td>3.4+</td><td>核心 UI 框架</td></tr><tr><td>语言</td><td>TypeScript</td><td>4.9+（实际 ^4.9.5）</td><td>类型安全</td></tr><tr><td>UI 库</td><td>ElementPlus</td><td>2.7+</td><td>组件库</td></tr><tr><td>构建工具</td><td>Vite</td><td>3.2+（实际 ^3.2.10）</td><td>开发服务器与构建</td></tr><tr><td>状态管理</td><td>Pinia</td><td>2.1+</td><td>全局状态管理</td></tr><tr><td>路由</td><td>Vue Router</td><td>4.3+</td><td>路由管理</td></tr><tr><td>HTTP</td><td>Axios</td><td>0.27+（实际 ^0.27.2）</td><td>HTTP 请求（注：0.27.x 版本较老）</td></tr><tr><td>富文本</td><td>TinyMce</td><td>5.10+</td><td>富文本编辑器</td></tr><tr><td>图表</td><td>ECharts</td><td>5.5+</td><td>数据可视化</td></tr><tr><td>CSS</td><td>TailwindCSS</td><td>3.4+</td><td>原子化 CSS</td></tr><tr><td>包管理</td><td>pnpm</td><td>-</td><td>高效包管理器</td></tr></tbody></table><h2 id="架构特点" tabindex="-1">架构特点 <a class="header-anchor" href="#架构特点" aria-label="Permalink to "架构特点""></a></h2><div class="language-text vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">text</span><pre class="shiki shiki-themes dracula-soft vitesse-light vp-code" tabindex="0"><code><span class="line"><span>┌─────────────────────────────────────────────────────────┐</span></span>
|
||
<span class="line"><span>│ 前端（Vue3 + ElementPlus） │</span></span>
|
||
<span class="line"><span>│ 通过 API 调用后端服务，纯 JSON 交互 │</span></span>
|
||
<span class="line"><span>└──────────────────────────┬──────────────────────────────┘</span></span>
|
||
<span class="line"><span> │ HTTP (JSON)</span></span>
|
||
<span class="line"><span> ▼</span></span>
|
||
<span class="line"><span>┌─────────────────────────────────────────────────────────┐</span></span>
|
||
<span class="line"><span>│ 后端（ThinkPHP 6.1） │</span></span>
|
||
<span class="line"><span>│ │</span></span>
|
||
<span class="line"><span>│ 路由 → 中间件栈 → 控制器 → 逻辑层 → 模型 → 数据库 │</span></span>
|
||
<span class="line"><span>│ │</span></span>
|
||
<span class="line"><span>│ 中间件栈： │</span></span>
|
||
<span class="line"><span>│ CORS → Auth(JWT+权限) → Tenant(租户) → Demo → Log │</span></span>
|
||
<span class="line"><span>└──────────────────────────┬──────────────────────────────┘</span></span>
|
||
<span class="line"><span> │</span></span>
|
||
<span class="line"><span> ▼</span></span>
|
||
<span class="line"><span>┌─────────────────────────────────────────────────────────┐</span></span>
|
||
<span class="line"><span>│ 数据层（MySQL + Redis） │</span></span>
|
||
<span class="line"><span>│ MySQL 主存储，Redis 可选缓存 │</span></span>
|
||
<span class="line"><span>└─────────────────────────────────────────────────────────┘</span></span></code></pre></div>`,8)])])}const u=d(e,[["render",p]]);export{b as __pageData,u as default};
|