PageSourceSearch

https://gin-vue-admin.com/

html gin-vue-admin.com collected 2026-09-25 19:53:06 UTC 144,269 bytes, 37 lines download raw bytes

1<!DOCTYPE html>
2<html lang="zh-CN" dir="ltr">
3  <head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width,initial-scale=1">
6    <title>Gin-Vue-Admin | 用 AI 构建系统,让系统为 AI 工作</title>
7    <meta name="description" content="gin+vue编写的自动化代码开发脚手架,是gin+vue全栈学习最好的项目,腾讯阿里开发均有采用gin-vue-admin为模型进行相关业务开发,代码自动化,加快开发速度,权限系统齐全,减少重复工作">
8    <meta name="generator" content="VitePress v1.3.4">
9    <link rel="preload stylesheet" href="/assets/style.QL6Mt9M_.css" as="style">
10    
11    
11<script type="module" src="/assets/app.DWppQBfc.js"></script>
11
12    <link rel="preload" href="/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
13    <link rel="modulepreload" href="/assets/chunks/theme.e8RGdRJ6.js">
14    <link rel="modulepreload" href="/assets/chunks/framework.b3K37OPx.js">
15    <link rel="modulepreload" href="/assets/index.md.BEJh76Nv.lean.js">
16    <link rel="icon" href="/logo.png">
17    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/misans-webfont/misans-style.css">
18    <meta property="og:type" content="website">
19    <meta property="og:title" content="gin-vue-admin">
20    <meta property="og:image" content="https://www.gin-vue-admin.com/logo.png">
21    <meta property="og:url" content="https://www.gin-vue-admin.com">
22    <meta property="twitter:description" content="gin+vue编写的自动化代码开发脚手架,是gin+vue全栈学习最好的项目,腾讯阿里开发均有采用gin-vue-admin为模型进行相关业务开发,代码自动化,加快开发速度,权限系统齐全,减少重复工作">
23    <meta property="twitter:title" content="gin+vue编写的自动化代码开发脚手架,是gin+vue全栈学习最好的项目,腾讯阿里开发均有采用gin-vue-admin为模型进行相关业务开发,代码自动化,加快开发速度,权限系统齐全,减少重复工作">
24    <meta property="twitter:card" content="summary_large_image">
25    <meta property="twitter:image" content="https://www.gin-vue-admin.com/logo.png">
26    <meta property="twitter:url" content="https://www.gin-vue-admin.com">
27    
27<script src="https://hm.baidu.com/hm.js?40635ef25e31fa2a58ed58f935d0a1a0"></script>
27
28    
28<script src="https://cdn.wwads.cn/js/makemoney.js" async></script>
28
29    
29<script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
29
30    
30<script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
30
31  </head>
32  <body><!--teleport start anchor--><!----><!--teleport anchor--><!--teleport start anchor--><!----><!--teleport anchor-->
33    <div id="app"><div class="Layout gva-home-page gva-home" data-v-450ca6c7><!--[--><!--]--><!--[--><span tabindex="-1" data-v-20a41819></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-20a41819> Skip to content </a><!--]--><!----><header class="VPNav" data-v-450ca6c7 data-v-439987a4><div class="VPNavBar" data-v-439987a4 data-v-13fd056e><div class="wrapper" data-v-13fd056e><div class="container" data-v-13fd056e><div class="title" data-v-13fd056e><div class="VPNavBarTitle" data-v-13fd056e data-v-c1546bda><a class="title" href="/" data-v-c1546bda><!--[--><!--]--><!--[--><img class="VPImage logo" src="/logo.png" alt="Gin-Vue-Admin" loading="lazy" data-v-1f919dfd><!--]--><span data-v-c1546bda>Gin-Vue-Admin</span><!--[--><!--]--></a></div></div><div class="content" data-v-13fd056e><div class="content-body" data-v-13fd056e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-13fd056e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-13fd056e data-v-4fc9c98f><span id="main-nav-aria-label" class="visually-hidden" data-v-4fc9c98f> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/start-quickly/initialization.html" tabindex="0" data-v-4fc9c98f data-v-1fadbf5b><!--[--><span data-v-1fadbf5b>文档</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/changelog.html" tabindex="0" data-v-4fc9c98f data-v-1fadbf5b><!--[--><span data-v-1fadbf5b>更新日志</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/empower/check.html" tabindex="0" data-v-4fc9c98f data-v-1fadbf5b><!--[--><span data-v-1fadbf5b>授权查询</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="/copyright.pdf" target="_blank" rel="noreferrer" tabindex="0" data-v-4fc9c98f data-v-1fadbf5b><!--[--><span data-v-1fadbf5b>
33著 作 权</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://plugin.gin-vue-admin.com/license" target="_blank" rel="noreferrer" tabindex="0" data-v-4fc9c98f data-v-1fadbf5b><!--[--><span data-v-1fadbf5b>购买授权</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://plugin.gin-vue-admin.com/#/layout/home" target="_blank" rel="noreferrer" tabindex="0" data-v-4fc9c98f data-v-1fadbf5b><!--[--><span data-v-1fadbf5b>插件市场</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-13fd056e data-v-d1c3cac6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d1c3cac6 data-v-994213f5 data-v-ab9c62d4><span class="check" data-v-ab9c62d4><span class="icon" data-v-ab9c62d4><!--[--><span class="vpi-sun sun" data-v-994213f5></span><span class="vpi-moon moon" data-v-994213f5></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-13fd056e data-v-1f2be158 data-v-1ffc6b64><!--[--><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-13fd056e data-v-fbb55538 data-v-55bf2a37><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-55bf2a37><span class="vpi-more-horizontal icon" data-v-55bf2a37></span></button><div class="menu" data-v-55bf2a37><div class="VPMenu" data-v-55bf2a37 data-v-c06ee0a9><!----><!--[--><!--[--><!----><div class="group" data-v-fbb55538><div class="item appearance" data-v-fbb55538><p class="label" data-v-fbb55538>Appearance</p><div class="appearance-action" data-v-fbb55538><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-fbb55538 data-v-994213f5 data-v-ab9c62d4><span class="check" data-v-ab9c62d4><span class="icon" data-v-ab9c62d4><!--[--><span class="vpi-sun sun" data-v-994213f5></span><span class="vpi-moon moon" data-v-994213f5></span><!--]--></span></span></button></div></div></div><div class="group" data-v-fbb55538><div class="item social-links" data-v-fbb55538><div class="VPSocialLinks social-links-list" data-v-fbb55538 data-v-1ffc6b64><!--[--><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--[--><!--[--><div class="gva-nav-extra" data-v-6e1c6dc1><div class="gva-gh" data-v-6e1c6dc1><a class="gva-gh__btn" href="https://github.com/flipped-aurora/gin-vue-admin" target="_blank" rel="noopener" aria-label="GitHub" data-v-6e1c6dc1><img class="gva-gh__logo" src="https://qmplusimg.henrongyi.top/website/github.png" alt="GitHub" width="24" height="24" loading="lazy" data-v-6e1c6dc1><span class="gva-gh__count" data-v-6e1c6dc1>25k</span></a><div class="gva-gh__menu" data-v-6e1c6dc1><div class="gva-gh__menu-inner" data-v-6e1c6dc1><a href="https://gitee.com/pixelmax/gin-vue-admin" target="_blank" rel="noopener" aria-label="Gitee" data-v-6e1c6dc1><img src="https://qmplusimg.henrongyi.top/website/gitee.png" alt="Gitee" width="24" height="24" loading="lazy" data-v-6e1c6dc1></a><a href="https://gitcode.com/flipped-aurora/gin-vue-admin" target="_blank" rel="noopener" aria-label="GitCode" data-v-6e1c6dc1><img src="https://qmplusimg.henrongyi.top/website/gitcode.png" alt="GitCode" width="24" height="24" loading="lazy" data-v-6e1c6dc1></a></div></div></div><a class="gva-nav-bilingual" href="#" aria-label="多语言" data-v-6e1c6dc1><img class="gva-nav-bilingual__img gva-nav-bilingual__img--light" src="https://qmplusimg.henrongyi.top/website/bilingual.png" alt="" loading="lazy" data-v-6e1c6dc1><img class="gva-nav-bilingual__img gva-nav-bilingual__img--dark" src="https://qmplusimg.henrongyi.top/website/bilingual_day.png" alt="" loading="lazy" data-v-6e1c6dc1></a></div><!--]--><!--]--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-13fd056e data-v-4a09fb1e><span class="container" data-v-4a09fb1e><span class="top" data-v-4a09fb1e></span><span class="middle" data-v-4a09fb1e></span><span class="bottom" data-v-4a09fb1e></span></span></button></div></div></div></div><div class="divider" data-v-13fd056e><div class="divider-line" data-v-13fd056e></div></div></div><!----></header><div class="VPLocalNav empty fixed" data-v-450ca6c7 data-v-17e97a2c><div class="container" data-v-17e97a2c><!----><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-17e97a2c data-v-99d6ddec><button data-v-99d6ddec>返回顶部</button><!----></div></div></div><!----><div class="VPContent" id="VPContent" data-v-450ca6c7 data-v-35dde48d><div class="VPPage" data-v-35dde48d><!--[--><!--]--><div style="position:relative;"><div><div class="gva-landing"><section class="gva-section flex justify-center pt-[240px] px-6 pb-[80px] bg-[#F9F9F9] dark:bg-[var(--gva-bg-base)] max-[860px]:pt-[60px] max-[860px]:pb-[18px] min-[2560px]:pt-[210px] min-[2560px]:pb-[110px]"><div class="gva-container text-center flex flex-col items-center max-[860px]:w-[min(100%,300px)]"><h1 class="text-[clamp(34px,5vw,56px)] min-[2560px]:text-[clamp(56px,3.2vw,76px)] leading-[1.2] font-semibold tracking-[-0.02em] text-[#1a1a1a] dark:text-[var(--gva-text-strong)] mx-0 mt-0 mb-5 max-[860px]:hidden"> 用 AI 构建<span class="text-[#2264F2] dark:text-[var(--gva-primary)]">系统</span>,让系统为 <span class="text-[#2264F2] dark:text-[var(--gva-primary)]">AI</span> 工作 </h1><h1 class="text-[clamp(34px,5vw,56px)] leading-[1.2] font-semibold tracking-[-0.02em] text-[#1a1a1a] dark:text-[var(--gva-text-strong)] mx-0 mt-0 mb-5 hidden max-[860px]:block max-[860px]:mb-[18px] max-[860px]:text-[28px] max-[860px]:leading-[1.32] max-[860px]:font-bold max-[860px]:tracking-[0]" aria-label="让现有 API 成为 AI Agent 可直接调用的业务能力"> 让现有 API 成为 <span class="inline max-[860px]:block">AI Agent <span class="text-[var(--gva-primary)]">可直接调用</span>的</span> 业务能力 </h1><p class="text-[clamp(15px,1.5vw,18px)] min-[2560px]:text-[clamp(16px,1.1vw,22px)] leading-[2] text-[#808080] dark:text-[var(--gva-text-body)] mt-2 mx-0 mb-[20px] max-[860px]:hidden max-[860px]:font-light"> GVA 3.0 将 AI 辅助开发、全栈工程能力与智能调用体系融为一体,<br> 让开发者更高效地构建系统,也让系统中的 API、服务与业务流程能够被 AI 理解和调用。<br> 让每一个业务系统,天然具备 AI 能力。 </p><p class="hidden text-[clamp(15px,1.5vw,18px)] leading-[2] text-[#808080] dark:text-[var(--gva-text-body)] mt-10 mx-0 mb-[30px] max-[860px]:block max-[860px]:font-light max-[860px]:text-[13px] max-[860px]:leading-[2.15] max-[860px]:max-w-full max-[860px]:mt-0 max-[860px]:mb-[28px]"> 在 GVA 中选择 API,填写每个 Skill 的名称与描述,<br> 点击生成,下载包含 API 代码与自动生成的<br> Skill 文件的 ZIP 包。<br>
33 将 Skill 文件放入项目后,任何 AI Agent 即可直接<br> 调用这些 API,统一内部权限校验,无需额外配置。 </p><div class="hero__actions flex gap-4 flex-wrap justify-center max-[860px]:w-full max-[860px]:flex-col max-[860px]:gap-3 max-[860px]:items-stretch"><div class="relative inline-flex min-w-40 max-[860px]:mx-auto max-[860px]:w-[90%] max-[860px]:min-w-0 max-[860px]:flex-none"><button type="button" class="inline-flex h-[43px] w-full cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-[8px] border border-transparent bg-[var(--gva-primary)] px-7 text-[14px] font-normal text-white transition-[transform,box-shadow,background-color,border-color,color] duration-200 hover:-translate-y-px hover:bg-[var(--gva-primary-hover)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gva-primary)] focus-visible:ring-offset-2 max-[860px]:h-12" aria-haspopup="menu" aria-expanded="false" aria-controls="experience-version-menu-v-0"><span>立即体验</span><span class="-translate-y-[2px] rotate-45 h-2 w-2 border-b border-r border-current transition-transform duration-200" aria-hidden="true"></span></button><!----></div><a class="gva-btn gva-btn--ghost gva-btn--commercial min-w-40 max-[860px]:w-[90%] max-[860px]:mx-auto max-[860px]:flex-none max-[860px]:min-w-0" href="https://plugin.gin-vue-admin.com/license" target="_blank" rel="noopener" aria-label="商业授权(合规)"><span>商业授权</span><span class="gva-btn__badge" aria-hidden="true">合规</span></a></div></div></section><section class="relative -mt-[60px] z-10 pt-[40px] px-6 pb-20 min-[861px]:bg-[linear-gradient(to_bottom,#F9F9F9_67%,transparent_67%)] min-[861px]:dark:bg-[linear-gradient(to_bottom,var(--gva-bg-base)_67%,transparent_67%)] max-[860px]:mt-0 max-[860px]:bg-[var(--gva-bg-base)] max-[860px]:pt-7 max-[860px]:px-4 max-[860px]:pb-0" data-v-1845d198><div class="max-w-[860px] min-[2560px]:max-w-[1100px] mx-auto p-4 bg-white rounded-2xl shadow-[shadow:var(--gva-shadow-sm)] dark:bg-[var(--gva-bg-dark-soft)] max-[860px]:rounded-[14px]" data-v-1845d198><div class="flex items-center gap-2.5 mb-2.5 max-[860px]:mb-3" data-v-1845d198><span class="inline-flex text-[var(--gva-primary)]" aria-hidden="true" data-v-1845d198><img class="block w-[18px] h-[18px]" src="https://qmplusimg.henrongyi.top/website/player.png" alt="" loading="lazy" data-v-1845d198></span><span class="text-[14px] font-medium text-[var(--gva-text-strong)] max-[860px]:font-semibold" data-v-1845d198>观看工作流程演示</span></div><div class="relative w-full aspect-[35/19] rounded-[4px] overflow-hidden bg-[#eef1f6] dark:bg-[#161c2b] cursor-zoom-in max-[860px]:rounded-lg" role="button" tabindex="0" aria-label="点击放大查看" data-v-1845d198><div name="slide-left" class="absolute inset-0" data-v-1845d198><img src="https://qmplusimg.henrongyi.top/website/lbt3.png" alt="GVA 演示 1" loading="lazy" class="carousel-slide absolute inset-0 w-full h-full object-cover select-none" draggable="false" data-v-1845d198></div></div><div class="flex justify-center gap-2 mt-4" data-v-1845d198><!--[--><button class="w-[22px] bg-[var(--gva-primary)] h-2 rounded-full border-none cursor-pointer transition-all duration-200" aria-label="第 1 张" data-v-1845d198></button><button class="w-2 bg-[var(--gva-border-strong)] h-2 rounded-full border-none cursor-pointer transition-all duration-200" aria-label="第 2 张" data-v-1845d198></button><button class="w-2 bg-[var(--gva-border-strong)] h-2 rounded-full border-none cursor-pointer transition-all duration-200" aria-label="第 3 张" data-v-1845d198></button><button class="w-2 bg-[var(--gva-border-strong)] h-2 rounded-full border-none cursor-pointer transition-all duration-200" aria-label="第 4 张" data-v-1845d198></button><button class="w-2 bg-[var(--gva-border-strong)] h-2 rounded-full border-none cursor-pointer transition-all duration-200" aria-label="第 5 张" data-v-1845d198></button><button class="w-2 bg-[var(--gva-border-strong)] h-2 rounded-full border-none cursor-pointer transition-all duration-200" aria-label="第 6 张" data-v-1845d198></button><!--]--></div></div><!--teleport start--><!--teleport end--></section><section class="gva-section pt-[92px] pb-[116px] px-6 bg-[#fff] dark:bg-[var(--gva-bg-base)] max-[720px]:py-14 max-[720px]:px-4" data-v-8f3ffff1><div class="gva-container" data-v-8f3ffff1><div class="grid items-center grid-cols-[378px_minmax(0,1fr)] gap-14 max-[1120px]:grid-cols-[minmax(0,1fr)] max-[1120px]:gap-[42px]" data-v-8f3ffff1><div data-v-8f3ffff1><p class="max-w-[432px] m-0 text-[42px] leading-[1.43] font-semibold tracking-[0] text-[#030303] dark:text-[var(--gva-text-strong)] max-[1120px]:max-w-[720px] max-[720px]:text-[34px]" data-v-8f3ffff1>你熟悉的 <span class="text-[#2264F2]" data-v-8f3ffff1>AI 工具</span> <br data-v-8f3ffff1> 直接接入 GVA</p><p class="max-w-[432px] mx-0 mt-[34px] mb-[42px] text-[16px] leading-[1.72] font-normal text-[#60656f] max-[1120px]:max-w-[720px] max-[720px]:text-[14px] max-[720px]:font-light" data-v-8f3ffff1> 所有支持 MCP 协议的主流 AI Coding Agent,<br data-v-8f3ffff1> 无需任何额外适配,直接连接 GVA,<br data-v-8f3ffff1>开始搭建。 </p><a class="relative inline-flex items-center gap-2.5 pb-[13px] text-[16px] leading-none font-medium text-[#2264F2] after:content-[&#39;&#39;] after:absolute after:left-0 after:bottom-0 after:w-full after:h-0.5 after:bg-[#2264F2] max-[720px]:text-[14px]" href="/guide/server/mcp" data-v-8f3ffff1> 查看接入文档 <img class="block w-3.5 h-3.5 object-contain" src="https://qmplusimg.henrongyi.top/website/arr-right.png" alt="" aria-hidden="true" loading="lazy" data-v-8f3ffff1></a></div><div class="bg-[var(--gva-bg-base)] border border-[#dfe5ee] rounded-[16px] shadow-[0_10px_34px_rgba(18,37,63,0.04)] transition-[transform,box-shadow,border-color] duration-200 min-h-[446px] pt-11 px-[26px] pb-[34px] dark:bg-[var(--gva-bg-dark-soft)] dark:border-[var(--gva-border)] max-[720px]:min-h-[auto] max-[720px]:py-5 max-[720px]:px-3.5" data-v-8f3ffff1><div class="grid grid-cols-3 gap-y-7 gap-x-6 max-[720px]:grid-cols-2 max-[720px]:gap-2.5" data-v-8f3ffff1><!--[--><div class="flex flex-col items-center justify-center justify-self-center gap-3.5 w-[98%] h-[148px] pt-[18px] px-2 pb-4 border border-[#dfe5ee] rounded-[10px] bg-[#fff] shadow-[0_5px_13px_rgba(16,24,40,0.045)] transition-[border-color,transform,box-shadow] duration-200 hover:border-[rgba(34,100,242,0.28)] hover:shadow-[0_8px_18px_rgba(16,24,40,0.065)] dark:bg-[var(--gva-bg-dark-soft)] dark:border-[var(--gva-border)] dark:hover:border-[var(--gva-border)] max-[720px]:flex-row max-[720px]:justify-start max-[720px]:w-full max-[720px]:h-auto max-[720px]:gap-2.5 max-[720px]:px-3 max-[720px]:py-2.5 max-[720px]:rounded-lg" data-v-8f3ffff1><span class="w-[66px] h-[66px] shrink-0 grid place-items-center overflow-hidden rounded-full max-[720px]:w-10 max-[720px]:h-10" data-v-8f3ffff1><img src="https://qmplusimg.henrongyi.top/website/claude.png" alt="Claude Code" loading="lazy" class="block w-full h-full object-contain" data-v-8f3ffff1></span><span class="text-[18px] leading-none font-normal text-[#626770] max-[720px]:text-[14px]" data-v-8f3ffff1>
33Claude Code</span></div><div class="flex flex-col items-center justify-center justify-self-center gap-3.5 w-[98%] h-[148px] pt-[18px] px-2 pb-4 border border-[#dfe5ee] rounded-[10px] bg-[#fff] shadow-[0_5px_13px_rgba(16,24,40,0.045)] transition-[border-color,transform,box-shadow] duration-200 hover:border-[rgba(34,100,242,0.28)] hover:shadow-[0_8px_18px_rgba(16,24,40,0.065)] dark:bg-[var(--gva-bg-dark-soft)] dark:border-[var(--gva-border)] dark:hover:border-[var(--gva-border)] max-[720px]:flex-row max-[720px]:justify-start max-[720px]:w-full max-[720px]:h-auto max-[720px]:gap-2.5 max-[720px]:px-3 max-[720px]:py-2.5 max-[720px]:rounded-lg" data-v-8f3ffff1><span class="tools__icon--cursor w-[66px] h-[66px] shrink-0 grid place-items-center overflow-hidden rounded-full max-[720px]:w-10 max-[720px]:h-10" data-v-8f3ffff1><span data-v-8f3ffff1>I</span></span><span class="text-[18px] leading-none font-normal text-[#626770] max-[720px]:text-[14px]" data-v-8f3ffff1>Cursor</span></div><div class="flex flex-col items-center justify-center justify-self-center gap-3.5 w-[98%] h-[148px] pt-[18px] px-2 pb-4 border border-[#dfe5ee] rounded-[10px] bg-[#fff] shadow-[0_5px_13px_rgba(16,24,40,0.045)] transition-[border-color,transform,box-shadow] duration-200 hover:border-[rgba(34,100,242,0.28)] hover:shadow-[0_8px_18px_rgba(16,24,40,0.065)] dark:bg-[var(--gva-bg-dark-soft)] dark:border-[var(--gva-border)] dark:hover:border-[var(--gva-border)] max-[720px]:flex-row max-[720px]:justify-start max-[720px]:w-full max-[720px]:h-auto max-[720px]:gap-2.5 max-[720px]:px-3 max-[720px]:py-2.5 max-[720px]:rounded-lg" data-v-8f3ffff1><span class="w-[66px] h-[66px] shrink-0 grid place-items-center overflow-hidden rounded-full max-[720px]:w-10 max-[720px]:h-10" data-v-8f3ffff1><img src="https://qmplusimg.henrongyi.top/website/icon-chatgpt.png" alt="Codex" loading="lazy" class="block w-full h-full object-contain" data-v-8f3ffff1></span><span class="text-[18px] leading-none font-normal text-[#626770] max-[720px]:text-[14px]" data-v-8f3ffff1>Codex</span></div><div class="flex flex-col items-center justify-center justify-self-center gap-3.5 w-[98%] h-[148px] pt-[18px] px-2 pb-4 border border-[#dfe5ee] rounded-[10px] bg-[#fff] shadow-[0_5px_13px_rgba(16,24,40,0.045)] transition-[border-color,transform,box-shadow] duration-200 hover:border-[rgba(34,100,242,0.28)] hover:shadow-[0_8px_18px_rgba(16,24,40,0.065)] dark:bg-[var(--gva-bg-dark-soft)] dark:border-[var(--gva-border)] dark:hover:border-[var(--gva-border)] max-[720px]:flex-row max-[720px]:justify-start max-[720px]:w-full max-[720px]:h-auto max-[720px]:gap-2.5 max-[720px]:px-3 max-[720px]:py-2.5 max-[720px]:rounded-lg" data-v-8f3ffff1><span class="w-[66px] h-[66px] shrink-0 grid place-items-center overflow-hidden rounded-full max-[720px]:w-10 max-[720px]:h-10" data-v-8f3ffff1><img src="https://qmplusimg.henrongyi.top/website/trae.png" alt="Trae" loading="lazy" class="block w-full h-full object-contain" data-v-8f3ffff1></span><span class="text-[18px] leading-none font-normal text-[#626770] max-[720px]:text-[14px]" data-v-8f3ffff1>Trae</span></div><div class="flex flex-col items-center justify-center justify-self-center gap-3.5 w-[98%] h-[148px] pt-[18px] px-2 pb-4 border border-[#dfe5ee] rounded-[10px] bg-[#fff] shadow-[0_5px_13px_rgba(16,24,40,0.045)] transition-[border-color,transform,box-shadow] duration-200 hover:border-[rgba(34,100,242,0.28)] hover:shadow-[0_8px_18px_rgba(16,24,40,0.065)] dark:bg-[var(--gva-bg-dark-soft)] dark:border-[var(--gva-border)] dark:hover:border-[var(--gva-border)] max-[720px]:flex-row max-[720px]:justify-start max-[720px]:w-full max-[720px]:h-auto max-[720px]:gap-2.5 max-[720px]:px-3 max-[720px]:py-2.5 max-[720px]:rounded-lg" data-v-8f3ffff1><span class="w-[66px] h-[66px] shrink-0 grid place-items-center overflow-hidden rounded-full max-[720px]:w-10 max-[720px]:h-10" data-v-8f3ffff1><img src="https://qmplusimg.henrongyi.top/website/hermes.png" alt="Hermes" loading="lazy" class="block w-full h-full object-contain" data-v-8f3ffff1></span><span class="text-[18px] leading-none font-normal text-[#626770] max-[720px]:text-[14px]" data-v-8f3ffff1>Hermes</span></div><div class="flex flex-col items-center justify-center justify-self-center gap-3.5 w-[98%] h-[148px] pt-[18px] px-2 pb-4 border border-[#dfe5ee] rounded-[10px] bg-[#fff] shadow-[0_5px_13px_rgba(16,24,40,0.045)] transition-[border-color,transform,box-shadow] duration-200 hover:border-[rgba(34,100,242,0.28)] hover:shadow-[0_8px_18px_rgba(16,24,40,0.065)] dark:bg-[var(--gva-bg-dark-soft)] dark:border-[var(--gva-border)] dark:hover:border-[var(--gva-border)] max-[720px]:flex-row max-[720px]:justify-start max-[720px]:w-full max-[720px]:h-auto max-[720px]:gap-2.5 max-[720px]:px-3 max-[720px]:py-2.5 max-[720px]:rounded-lg" data-v-8f3ffff1><span class="w-[66px] h-[66px] shrink-0 grid place-items-center overflow-hidden rounded-full max-[720px]:w-10 max-[720px]:h-10" data-v-8f3ffff1><img src="https://qmplusimg.henrongyi.top/website/openclaw.png" alt="OpenClaw" loading="lazy" class="block w-full h-full object-contain" data-v-8f3ffff1></span><span class="text-[18px] leading-none font-normal text-[#626770] max-[720px]:text-[14px]" data-v-8f3ffff1>OpenClaw</span></div><!--]--></div><p class="mt-7 mx-0 mb-0 text-center text-[16px] leading-none font-normal text-[#8d929b] max-[720px]:mt-4 max-[720px]:text-[13px]" data-v-8f3ffff1>以及所有支持 MCP 协议的 AI 工具</p></div></div></div></section><section class="gva-section max-[859px]:max-[859px]:!py-[18px]"><div class="gva-container"><div class="grid grid-cols-1 gap-10 max-[859px]:mx-auto max-[859px]:w-full max-[859px]:max-w-[404px] max-[859px]:gap-0 min-[860px]:grid-cols-[minmax(0,1.5fr)_minmax(0,1fr)] min-[860px]:items-stretch min-[860px]:gap-[72px] min-[1920px]:grid-cols-[800px_minmax(0,1fr)]"><div class="order-2 mt-[18px] flex min-w-0 flex-col min-[860px]:order-1 min-[860px]:mt-0 min-[1920px]:w-[800px]"><div class="flex h-[228px] flex-col overflow-hidden rounded-[15p
33x] bg-[#151617] shadow-[0_16px_30px_-12px_rgba(0,0,0,0.46)] ring-1 ring-black/10 min-[860px]:h-auto min-[860px]:flex-1 min-[860px]:rounded-xl min-[860px]:shadow-[0_30px_70px_-28px_rgba(0,0,0,0.45)] min-[860px]:ring-black/5"><div class="relative flex h-[40px] shrink-0 items-center border-b border-white/10 bg-[#242526] px-[16px] min-[860px]:h-11 min-[860px]:border-b-0 min-[860px]:bg-[#282828] min-[860px]:px-5"><div class="flex items-center gap-[8px]"><span class="h-[12px] w-[12px] rounded-full bg-[#f25f59] min-[860px]:h-3 min-[860px]:w-3 min-[860px]:bg-[#eb534c]"></span><span class="h-[12px] w-[12px] rounded-full bg-[#f7c843] min-[860px]:h-3 min-[860px]:w-3 min-[860px]:bg-[#efae41]"></span><span class="h-[12px] w-[12px] rounded-full bg-[#46c85a] min-[860px]:h-3 min-[860px]:w-3 min-[860px]:bg-[#3db63e]"></span></div><span class="absolute left-1/2 -translate-x-1/2 text-[12px] font-normal leading-none text-[#b9b9b9] min-[860px]:hidden"> Terminal </span><span class="absolute left-1/2 hidden -translate-x-1/2 text-[13px] font-medium tracking-wide text-[#8a8a8a] min-[860px]:block"> zsh </span></div><div class="flex-1 overflow-hidden px-[20px] pt-[11px] font-mono text-[12px] leading-[1.62] min-[860px]:hidden"><p class="flex items-center gap-[9px] whitespace-nowrap"><span class="text-[#85888d]">$</span><span class="font-semibold text-[#e8e8e8]"> gva user-list --page 1 </span></p><p class="flex items-center gap-[9px] whitespace-nowrap text-[#a9aaae]"><span class="w-[6px] shrink-0 text-[#6d7075]">›</span><span>Loading manifest</span></p><p class="flex items-center gap-[9px] whitespace-nowrap text-[#a9aaae]"><span class="w-[6px] shrink-0 text-[#6d7075]">›</span><span>GET /user/getUserList</span></p><p class="flex items-center gap-[9px] whitespace-nowrap text-[#a9aaae]"><span class="w-[6px] shrink-0 text-[#6d7075]">›</span><span>Auth · x-token</span></p><p class="mt-[7px] flex items-center gap-[9px] whitespace-nowrap text-[#528cff]"><span class="w-[6px] shrink-0">✓</span><span class="font-medium"> code 0 · 128 records </span></p><p class="mt-[1px] whitespace-nowrap text-[#a9aaae]"> Your agent now calls your APIs. </p></div><div class="hidden flex-1 overflow-x-auto px-6 py-5 font-mono text-[14px] leading-[1.85] min-[860px]:block min-[860px]:text-[15px]"><p class="whitespace-pre text-[#8d8d8d]"> ~ gva login --token eyJhbGci... </p><p class="whitespace-pre text-[#8d8d8d]"> ~ gva --help </p><p class="h-[1.85em]"> </p><p class="whitespace-pre text-[#d2d2d2]"> Loading embedded manifest... </p><p class="whitespace-pre text-[#d2d2d2]"> Registering API commands... </p><p class="h-[1.85em]"> </p><p class="whitespace-pre text-[#4eb849]"> ✓ Skill loaded: gva-cli </p><p class="whitespace-pre text-[#4eb849]"> ✓ 12 commands ready: user-list, user-create, </p><p class="whitespace-pre pl-[4ch] text-[#4eb849]"> role-update, menu-list, api-create... </p><p class="h-[1.85em]"> </p><p class="whitespace-pre text-[#5b9bf0]"> Ready. Your AI agent now calls GVA APIs. </p><span class="mt-1 inline-block h-[1.05em] w-[8px] translate-y-[3px] animate-pulse bg-[#9a9a9a]"></span></div></div><p class="mt-[11px] text-center text-[14px] font-normal leading-[1.5] text-[#777b82] dark:text-[var(--gva-text-muted)] min-[860px]:hidden"> 一条命令,让 AI 直接调用你的后台 </p><p class="mt-3 hidden text-center text-[14px] text-[#60656f] dark:text-[var(--gva-text-body)] min-[860px]:block"> gva 调用后台接口的示例输出 </p></div><div class="order-1 flex min-w-0 flex-col justify-start min-[860px]:order-2 min-[860px]:justify-center"><h3 class="mt-[13px] text-[34px] font-bold leading-[1.2] tracking-[-0.04em] text-[#050505] dark:text-[var(--gva-text-strong)] min-[860px]:hidden"><span class="block">不只是接入</span><span class="block text-[#2264F2] dark:text-[var(--gva-primary)]"> 让 AI 直接调用 </span><span class="block">你的</span><span class="block"><span class="text-[#2264F2] dark:text-[var(--gva-primary)]">GVA</span><span class="ml-[4px]">系统</span></span></h3><h3 class="hidden text-[32px] font-semibold leading-[1.32] tracking-tight text-[#030303] dark:text-[var(--gva-text-strong)] min-[860px]:block min-[860px]:text-[40px] min-[860px]:leading-[1.32] min-[1920px]:text-[44px]"> 不只是接入<br>
33 让AI <span class="text-[#2264F2] dark:text-[var(--gva-primary)]">直接调用</span>你的系统 </h3><div class="min-[860px]:hidden"><p class="mt-[17px] text-[14px] font-light leading-[1.58] text-[#4f535a] dark:text-[var(--gva-text-body)]"> 在后台勾选要开放的接口,<br> GVA 依据 Swagger<br> 自动生成命令行 Skill,<br> 装进 Claude Code 等 AI 助手。 </p><p class="mt-[11px] text-[14px] font-light leading-[1.58] text-[#4f535a] dark:text-[var(--gva-text-body)]"> 一次 login 完成鉴权,<br> AI 就能在终端<br> 直接调用你的后台接口,<br> 不必再逐个解释接口怎么用。 </p></div><div class="hidden min-[860px]:block"><p class="mt-6 text-[16px] leading-[1.72] text-[#60656f] dark:text-[var(--gva-text-body)]"> 在后台勾选要开放的接口,<br> GVA 依据 Swagger 自动生成命令行,<br> 打包成 Skill 装进 Claude Code 等 AI 助手。 </p><p class="mt-5 text-[16px] leading-[1.72] text-[#60656f] dark:text-[var(--gva-text-body)]"> 一次 login 完成鉴权,<br> AI 就能在终端直接调用你的后台接口,<br> 不必再逐个解释接口怎么用。 </p></div><div class="mt-7 hidden flex-wrap gap-x-3 gap-y-3 min-[860px]:flex"><!--[--><span class="rounded-lg bg-[#EBF2FC] dark:bg-[var(--gva-primary-soft)] px-3.5 py-1.5 text-[12px] font-medium leading-none text-[#2264F2] dark:text-[var(--gva-primary)]">user-list</span><span class="rounded-lg bg-[#EBF2FC] dark:bg-[var(--gva-primary-soft)] px-3.5 py-1.5 text-[12px] font-medium leading-none text-[#2264F2] dark:text-[var(--gva-primary)]">user-create</span><span class="rounded-lg bg-[#EBF2FC] dark:bg-[var(--gva-primary-soft)] px-3.5 py-1.5 text-[12px] font-medium leading-none text-[#2264F2] dark:text-[var(--gva-primary)]">role-update</span><span class="rounded-lg bg-[#EBF2FC] dark:bg-[var(--gva-primary-soft)] px-3.5 py-1.5 text-[12px] font-medium leading-none text-[#2264F2] dark:text-[var(--gva-primary)]">menu-list</span><span class="rounded-lg bg-[#EBF2FC] dark:bg-[var(--gva-primary-soft)] px-3.5 py-1.5 text-[12px] font-medium leading-none text-[#2264F2] dark:text-[var(--gva-primary)]">api-create</span><span class="rounded-lg bg-[#EBF2FC] dark:bg-[var(--gva-primary-soft)] px-3.5 py-1.5 text-[12px] font-medium leading-none text-[#2264F2] dark:text-[var(--gva-primary)]">dept-list</span><span class="rounded-lg bg-[#EBF2FC] dark:bg-[var(--gva-primary-soft)] px-3.5 py-1.5 text-[12px] font-medium leading-none text-[#2264F2] dark:text-[var(--gva-primary)]">dict-list</span><span class="rounded-lg bg-[#EBF2FC] dark:bg-[var(--gva-primary-soft)] px-3.5 py-1.5 text-[12px] font-medium leading-none text-[#2264F2] dark:text-[var(--gva-primary)]">login</span><!--]--></div><a class="mt-[15px] inline-flex w-fit items-center gap-[8px] border-b-2 border-[#2264F2] dark:border-[var(--gva-primary)] pb-[4px] text-[14px] font-medium leading-none text-[#2264F2] dark:text-[var(--gva-primary)] transition-opacity hover:opacity-80 min-[860px]:mt-8 min-[860px]:gap-2.5 min-[860px]:pb-[3px] min-[860px]:text-[16px]" href="/guide/server/ai-cli.html"><span>了解 AI CLI</span><span class="text-[14px] leading-none min-[860px]:text-[18px]"> → </span></a></div></div></div></section><section class="gva-section bg-[#F9F9F9] dark:bg-[var(--gva-bg-base)] max-[859px]:!py-[22px]"><div class="gva-container"><div class="mx-auto w-full max-w-[442px] min-[860px]:hidden"><h3 class="mt-[17px] text-[34px] font-extrabold leading-[1.43] tracking-[-0.045em] text-[#050505] dark:text-[var(--gva-text-strong)]"><span class="block"> 从 <span class="ml-[5px] text-[#2264F2] dark:text-[var(--gva-primary)]">一句话需求</span></span><span class="block">到完整的</span><span class="block text-[#2264F2] dark:text-[var(--gva-primary)]">业务</span><span class="block text-[#2264F2] dark:text-[var(--gva-primary)]">模块</span></h3><div class="mt-[18px] text-[14px] font-light leading-[1.82] tracking-[0.005em] text-[#555a63] dark:text-[var(--gva-text-body)]"><p> 描述你需要什么,AI 在 GVA 里<br> 完成数据模型定义、API 生成、<br> 路由注册和权限配置,<br> 最终生成完整业务模块。 </p><p class="mt-[14px]"> 你不需要手动介入每一步,<br> 只需要检查生成过程,<br> 并审查最终结果。 </p></div><a href="/guide/server/ai-generate.html" class="mt-[18px] inline-flex w-fit items-center gap-[8px] border-b-2 border-[#2264F2] dark:border-[var(--gva-primary)] pb-[4px] text-[14px] font-medium leading-none text-[#2264F2] dark:text-[var(--gva-primary)] transition-opacity hover:opacity-80"><span>查看演示文档</span><span class="text-[14px] leading-none">→</span></a><div class="mt-[24px] overflow-hidden rounded-[14px] border border-[#dce2eb] dark:border-[var(--gva-border)] bg-[linear-gradient(180deg,#ffffff_0%,#fbfdff_100%)] dark:bg-[#0f1628] p-[20px] shadow-[0_16px_34px_-20px_rgba(23,43,77,0.34)]"><div class="overflow-hidden rounded-[10px] border border-[#dce3ed] dark:border-[var(--gva-border)] bg-white dark:bg-[#0c1322]"><div class="flex h-[31px] items-center gap-[8px] border-b border-[#e2e7ee] dark:border-[var(--gva-border)] px-[10px]"><span class="grid h-[19px] w-[19px] shrink-0 place-items-center rounded-full bg-black dark:bg-[var(--gva-primary)] text-[10px] font-semibold leading-none text-white"> I </span><span class="text-[12px] font-medium text-[#555a63] dark:text-[var(--gva-text-body)]"> AI Coding Agent </span></div><div class="relative m-[11px] min-h-[75px] rounded-[10px] border border-[#dce3ed] dark:border-[var(--gva-border)] bg-white dark:bg-[#0c1322] px-[13px] pb-[24px] pt-[11px]"><p class="text-[12px] font-medium leading-[1.72] text-[#17191d] dark:text-[var(--gva-text-strong)]"> 帮我创建一个用户管理模块,<br> 包含列表、编辑和权限控制。 </p><svg class="absolute bottom-[9px] right-[10px] h-[18px] w-[18px] text-[#2264F2] dark:text-[var(--gva-primary)]" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M21.3 3.2 3.9 9.9c-.9.35-.87 1.64.05 1.94l6.7 2.16 2.15 6.7c.3.92 1.59.95 1.94.05L21.5 3.36c.05-.13-.08-.26-.2-.16Z" fill="currentColor"></path><path d="m10.65 14 5.15-5.15" stroke="white" stroke-width="1.5" stroke-linecap="round"></path></svg></div></div><div class="flex h-[47px] items-center justify-center gap-[18px]"><span class="h-px flex-1 border-t border-dashed border-[#b8d2ff] dar
33k:border-[rgba(79,134,255,0.35)]"></span><svg class="h-[26px] w-[26px] shrink-0 text-[#2264F2] dark:text-[var(--gva-primary)]" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 3v16M6.5 13.5 12 19l5.5-5.5" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="h-px flex-1 border-t border-dashed border-[#b8d2ff] dark:border-[rgba(79,134,255,0.35)]"></span></div><div class="overflow-hidden rounded-[10px] border border-[#dce3ed] dark:border-[var(--gva-border)] bg-white dark:bg-[#0c1322]"><div class="flex h-[31px] items-center justify-between border-b border-[#e2e7ee] dark:border-[var(--gva-border)] px-[11px]"><span class="text-[11px] font-medium text-[#555a63] dark:text-[var(--gva-text-body)]"> GVA Admin </span><span class="h-[8px] w-[8px] rounded-full bg-[#2264F2] dark:bg-[var(--gva-primary)] shadow-[0_0_7px_rgba(34,100,242,0.34)]"></span></div><div class="flex h-[184px]"><div class="w-[29%] shrink-0 border-r border-[#e3e8ef] dark:border-[var(--gva-border)] bg-[#fafbfc] dark:bg-[#0c1322] py-[7px]"><!--[--><div class="relative flex h-[35px] items-center gap-[8px] px-[11px]"><span class="bg-[#c4c8cf] dark:bg-[rgba(255,255,255,0.12)] h-[10px] w-[10px] shrink-0 rounded-[1px]"></span><span class="w-[27px] bg-[#9da1a8] dark:bg-[rgba(255,255,255,0.14)] h-[4px] rounded-full"></span></div><div class="relative flex h-[35px] items-center gap-[8px] px-[11px]"><span class="bg-[#c4c8cf] dark:bg-[rgba(255,255,255,0.12)] h-[10px] w-[10px] shrink-0 rounded-[1px]"></span><span class="w-[27px] bg-[#9da1a8] dark:bg-[rgba(255,255,255,0.14)] h-[4px] rounded-full"></span></div><div class="bg-[#eef4ff] dark:bg-[var(--gva-primary-soft)] before:absolute before:inset-y-0 before:left-0 before:w-[3px] before:bg-[#2264F2] dark:before:bg-[var(--gva-primary)] relative flex h-[35px] items-center gap-[8px] px-[11px]"><span class="bg-[#b8c4d8] dark:bg-[rgba(255,255,255,0.20)] h-[10px] w-[10px] shrink-0 rounded-[1px]"></span><span class="w-[30px] bg-[#8fa2c2] dark:bg-[rgba(255,255,255,0.24)] h-[4px] rounded-full"></span></div><div class="relative flex h-[35px] items-center gap-[8px] px-[11px]"><span class="bg-[#c4c8cf] dark:bg-[rgba(255,255,255,0.12)] h-[10px] w-[10px] shrink-0 rounded-[1px]"></span><span class="w-[27px] bg-[#9da1a8] dark:bg-[rgba(255,255,255,0.14)] h-[4px] rounded-full"></span></div><!--]--></div><div class="min-w-0 flex-1 px-[10px] pb-[8px] pt-[9px]"><div class="flex items-center justify-between"><h4 class="text-[12px] font-semibold leading-none text-[#202329] dark:text-[var(--gva-text-strong)]"> 用户管理 </h4><button class="rounded-[4px] bg-[#2264F2] dark:bg-[var(--gva-primary)] px-[8px] py-[5px] text-[9px] font-medium leading-none text-white"> 新增用户 </button></div><div class="mt-[9px] overflow-hidden rounded-[4px] border border-[#e1e6ed] dark:border-[var(--gva-border)]"><div class="grid h-[28px] grid-cols-4 items-center border-b border-[#e3e8ee] dark:border-[var(--gva-border)] bg-[#f7f8fa] dark:bg-[rgba(255,255,255,0.03)] px-[10px]"><span class="h-[5px] w-[24px] bg-[#c1c5cc] dark:bg-[rgba(255,255,255,0.14)]"></span><span class="h-[5px] w-[20px] bg-[#c1c5cc] dark:bg-[rgba(255,255,255,0.14)]"></span><span class="h-[5px] w-[22px] bg-[#c1c5cc] dark:bg-[rgba(255,255,255,0.14)]"></span><span class="h-[5px] w-[20px] bg-[#c1c5cc] dark:bg-[rgba(255,255,255,0.14)]"></span></div><!--[--><div class="border-b border-[#e6eaf0] dark:border-[var(--gva-border)] grid h-[35px] grid-cols-4 items-center px-[10px]"><span class="h-[5px] w-[25px] bg-[#bfc3ca] dark:bg-[rgba(255,255,255,0.12)]"></span><span class="h-[5px] w-[20px] bg-[#bfc3ca] dark:bg-[rgba(255,255,255,0.12)]"></span><span class="w-fit rounded-full bg-[#edf4ff] dark:bg-[var(--gva-primary-soft)] px-[5px] py-[3px] text-[8px] font-medium leading-none text-[#2264F2] dark:text-[var(--gva-primary)]"> 启用 </span><span class="h-[5px] w-[25px] bg-[#bfc3ca] dark:bg-[rgba(255,255,255,0.12)]"></span></div><div class="border-b border-[#e6eaf0] dark:border-[var(--gva-border)] grid h-[35px] grid-cols-4 items-center px-[10px]"><span class="h-[5px] w-[25px] bg-[#bfc3ca] dark:bg-[rgba(255,255,255,0.12)]"></span><span class="h-[5px] w-[20px] bg-[#bfc3ca] dark:bg-[rgba(255,255,255,0.12)]"></span>
33<span class="w-fit rounded-full bg-[#edf4ff] dark:bg-[var(--gva-primary-soft)] px-[5px] py-[3px] text-[8px] font-medium leading-none text-[#2264F2] dark:text-[var(--gva-primary)]"> 启用 </span><span class="h-[5px] w-[25px] bg-[#bfc3ca] dark:bg-[rgba(255,255,255,0.12)]"></span></div><div class="grid h-[35px] grid-cols-4 items-center px-[10px]"><span class="h-[5px] w-[25px] bg-[#bfc3ca] dark:bg-[rgba(255,255,255,0.12)]"></span><span class="h-[5px] w-[20px] bg-[#bfc3ca] dark:bg-[rgba(255,255,255,0.12)]"></span><span class="w-fit rounded-full bg-[#edf4ff] dark:bg-[var(--gva-primary-soft)] px-[5px] py-[3px] text-[8px] font-medium leading-none text-[#2264F2] dark:text-[var(--gva-primary)]"> 启用 </span><span class="h-[5px] w-[25px] bg-[#bfc3ca] dark:bg-[rgba(255,255,255,0.12)]"></span></div><!--]--></div><div class="mt-[8px] flex items-center justify-end gap-[3px] text-[9px] font-medium leading-none text-[#2264F2] dark:text-[var(--gva-primary)]"><span>✓</span><span>Module generated</span></div></div></div></div></div><p class="mt-[19px] text-center text-[14px] font-normal leading-[1.5] text-[#777b82] dark:text-[var(--gva-text-muted)]"> 一句话输入,一个可运行的业务模块 </p></div><div class="hidden grid-cols-1 gap-12 min-[860px]:grid min-[860px]:grid-cols-[minmax(0,0.46fr)_minmax(0,1fr)] min-[860px]:items-center min-[860px]:gap-16"><div class="flex min-w-0 flex-col"><h3 class="text-[34px] font-extrabold leading-[1.22] tracking-tight text-[#1c1c1c] dark:text-[var(--gva-text-strong)] min-[860px]:text-[36px]"> 从 <span class="text-[#2264F2] dark:text-[var(--gva-primary)]">一句话需求</span><br> 到完整的业务模块 </h3><p class="mt-6 text-[16px] leading-[1.72] text-[#60656f] dark:text-[var(--gva-text-body)]"> 描述你需要什么,AI 在 GVA 里完成<br> 数据模型定义、API 生成、<br> 路由注册和权限配置。 </p><p class="mt-5 text-[16px] leading-[1.72] text-[#60656f] dark:text-[var(--gva-text-body)]"> 你不需要手动介入每一步,<br> 只需要审查最终结果。 </p><ul class="mt-7 flex flex-col gap-3"><!--[--><li class="flex items-center gap-3 text-[15px] font-medium text-[#33373f] dark:text-[var(--gva-text-body)]"><span class="h-[7px] w-[7px] shrink-0 rounded-full bg-[#9aa1ac] dark:bg-[rgba(255,255,255,0.28)]"></span> 数据模型自动定义</li><li class="flex items-center gap-3 text-[15px] font-medium text-[#33373f] dark:text-[var(--gva-text-body)]"><span class="h-[7px] w-[7px] shrink-0 rounded-full bg-[#9aa1ac] dark:bg-[rgba(255,255,255,0.28)]"></span> API 接口自动生成</li><li class="flex items-center gap-3 text-[15px] font-medium text-[#33373f] dark:text-[var(--gva-text-body)]"><span class="h-[7px] w-[7px] shrink-0 rounded-full bg-[#9aa1ac] dark:bg-[rgba(255,255,255,0.28)]"></span> 路由注册自动完成</li><li class="flex items-center gap-3 text-[15px] font-medium text-[#33373f] dark:text-[var(--gva-text-body)]"><span class="h-[7px] w-[7px] shrink-0 rounded-full bg-[#9aa1ac] dark:bg-[rgba(255,255,255,0.28)]"></span> 权限配置自动就位</li><!--]--></ul><a class="mt-9 inline-flex w-fit items-center gap-2.5 border-b-2 border-[#2264F2] dark:border-[var(--gva-primary)] pb-[3px] text-[16px] font-medium leading-none text-[#2264F2] dark:text-[var(--gva-primary)] transition-opacity hover:opacity-80" href="/guide/server/ai-generate.html"> 查看演示文档 <span class="text-[18px]">→</span></a></div><div class="overflow-hidden rounded-2xl border border-[#e6e7ea] dark:border-[var(--gva-border)] bg-white dark:bg-[#0f1628] shadow-[0_30px_70px_-30px_rgba(20,30,60,0.28)]"><div class="relative flex h-12 items-center border-b border-[#ececef] dark:border-[var(--gva-border)] bg-[#f7f7f9] dark:bg-[#0c1322] px-5"><div class="flex items-center gap-2"><span class="h-3 w-3 rounded-full bg-[#ff5f56]"></span><span class="h-3 w-3 rounded-full bg-[#febc2e]"></span><span class="h-3 w-3 rounded-full bg-[#28c840]"></span></div><span class="absolute left-1/2 -translate-x-1/2 text-[13px] font-medium text-[#8a8b90] dark:text-[var(--gva-text-muted)]"> GVA AI 开发演示 </span></div><div class="relative flex flex-col min-[860px]:flex-row"><div class="w-full bg-[#1d1f2b] p-6 min-[860px]:w-[43%]"><div class="mb-5 text-[15px] font-medium text-[#c9cad1]"> Claude Code </div><div class="mb-6 rounded-2xl bg-[#3a3a4f] px-4 py-3 text-[14px] leading-[1.6] text-[#f1f1f4]"> 帮我创建一个用户管理模块,包含用户列表、新增、编辑和权限分配功能。 </div><ul class="flex flex-col gap-[11px]"><!--[--><li class="text-[#b9bac1] flex items-center gap-2.5 text-[14px]"><span class="w-4 shrink-0 text-center text-[#9a9ba4]"> ✓ </span><span class="">分析需求...</span></li><li class="text-[#b9bac1] flex items-center gap-2.5 text-[14px]"><span class="w-4 shrink-0 text-center text-[#9a9ba4]"> ✓ </span><span class="">
33创建数据模型 User...</span></li><li class="text-[#b9bac1] flex items-center gap-2.5 text-[14px]"><span class="w-4 shrink-0 text-center text-[#9a9ba4]"> ✓ </span><span class="">生成 API 接口 ×6...</span></li><li class="text-[#b9bac1] flex items-center gap-2.5 text-[14px]"><span class="w-4 shrink-0 text-center text-[#9a9ba4]"> ✓ </span><span class="">注册路由...</span></li><li class="text-[#b9bac1] flex items-center gap-2.5 text-[14px]"><span class="w-4 shrink-0 text-center text-[#9a9ba4]"> ✓ </span><span class="">配置权限规则...</span></li><li class="text-[#2264F2] flex items-center gap-2.5 text-[14px]"><span class="h-3.5 w-3.5 shrink-0 animate-spin rounded-full border-2 border-[#2264F2] border-t-transparent"></span><span class="font-medium">生成前端页面 ...</span></li><!--]--></ul></div><div class="w-full flex-1 bg-white dark:bg-[#0f1628] p-6 min-[860px]:p-7"><div class="mb-5 flex items-center justify-between"><h4 class="text-[18px] font-bold text-[#1c1c1e] dark:text-[var(--gva-text-strong)]"> 用户管理 </h4><button class="rounded-lg bg-[#2264F2] dark:bg-[var(--gva-primary)] px-3.5 py-2 text-[13px] font-medium text-white transition-colors hover:bg-[#1B52D4] dark:hover:bg-[var(--gva-primary-hover)]"> + 新增用户 </button></div><div class="grid grid-cols-[44px_1fr_1.3fr_0.9fr_0.7fr] gap-2 border-b border-[#eef0f3] dark:border-[var(--gva-border)] pb-3 text-[13px] text-[#8a8b90] dark:text-[var(--gva-text-muted)]"><span>ID</span><span>用户名</span><span>角色</span><span>状态</span><span>操作</span></div><!--[--><div class="border-b border-[#f2f3f5] dark:border-[var(--gva-border)] grid grid-cols-[44px_1fr_1.3fr_0.9fr_0.7fr] items-center gap-2 py-[18px] text-[14px]"><span class="text-[#2a2a2e] dark:text-[var(--gva-text-strong)]">001</span><span class="font-medium text-[#2a2a2e] dark:text-[var(--gva-text-strong)]">张三</span><span class="text-[#2a2a2e] dark:text-[var(--gva-text-strong)]">管理员</span><span><span class="border-[#c6efd5] dark:border-[rgba(22,163,74,0.30)] bg-[#ecfdf3] dark:bg-[rgba(22,163,74,0.12)] text-[#16a34a] inline-block rounded-md border px-2 py-[3px] text-[12px] leading-none">启用</span></span><a href="#" class="text-[#2264F2] dark:text-[var(--gva-primary)] hover:opacity-80 text-[14px]"> 编辑 </a></div><div class="border-b border-[#f2f3f5] dark:border-[var(--gva-border)] grid grid-cols-[44px_1fr_1.3fr_0.9fr_0.7fr] items-center gap-2 py-[18px] text-[14px]"><span class="text-[#2a2a2e] dark:text-[var(--gva-text-strong)]">002</span><span class="font-medium text-[#2a2a2e] dark:text-[var(--gva-text-strong)]">李四</span><span class="text-[#2a2a2e] dark:text-[var(--gva-text-strong)]">普通用户</span><span><span class="border-[#c6efd5] dark:border-[rgba(22,163,74,0.30)] bg-[#ecfdf3] dark:bg-[rgba(22,163,74,0.12)] text-[#16a34a] inline-block rounded-md border px-2 py-[3px] text-[12px] leading-none">启用</span></span><a href="#" class="text-[#2264F2] dark:text-[var(--gva-primary)] hover:opacity-80 text-[14px]"> 编辑 </a></div><div class="grid grid-cols-[44px_1fr_1.3fr_0.9fr_0.7fr] items-center gap-2 py-[18px] text-[14px]"><span class="text-[#bcbfc7] dark:text-[var(--gva-text-muted)]">003</span><span class="text-[#bcbfc7] dark:text-[var(--gva-text-muted)]">王五</span><span class="text-[#bcbfc7] dark:text-[var(--gva-text-muted)]">访客</span><span><span class="border-[#e6e8eb] dark:border-[var(--gva-border)] bg-[#f4f5f6] dark:bg-[rgba(255,255,255,0.06)] text-[#9aa0aa] dark:text-[var(--gva-text-muted)] inline-block rounded-md border px-2 py-[3px] text-[12px] leading-none">停用</span></span><a href="#" class="text-[#bcbfc7] dark:text-[var(--gva-text-muted)] text-[14px]"> 编辑 </a></div><!--]--></div><div class="absolute left-[43%] top-1/2 hidden h-12 w-12 -translate-x-1/2 -translate-y-1/2 place-items-center rounded-full border border-[#eceef2] dark:border-[var(--gva-border)] bg-white dark:bg-[#0f1628] shadow-[0_8px_24px_-6px_rgba(20,30,60,0.25)] min-[860px]:grid"><span class="text-[20px] font-semibold text-[#2264F2] dark:text-[var(--gva-primary)]"> → </span></div></div></div></div></div></section><section class="gva-section !bg-white dark:!bg-[var(--gva-bg-base)] !py-[72px] sm:!py-[112px] lg:!py-[128px] xl:!pt-[152px] xl:!pb-[156px]"><div class="gva-container"><div class="gva-head !mx-auto !max-w-none !text-center max-[859px]:!mx-auto max-[859px]:!w-full max-[859px]:!max-w-[404px]"><h2 class="!m-0 text-[34px] font-bold leading-[1.2] tracking-[-0.04em] text-[#050505] dark:text-[var(--gva-text-strong)] min-[860px]:hidden"> 已有 API,<span class="text-[#2264F2] dark:text-[var(--gva-primary)]">一键生成</span><br>可调用的 Skill </h2><h2 class="gva-h2 !m-0 hidden !text-[38px] !font-bold !leading-[1.18] !tracking-[-0.045em] !text-[#050505] dark:!text-[var(--gva-text-strong)] min-[860px]:block sm:!text-[34px] lg:!text-[40px] xl:!text-[40px]"> 已有 API,<span class="gva-hl !text-[#2264F2] dark:!text-[var(--gva-primary)]">一键生成</span>可调用的 Skill </h2><p class="!mx-auto !mb-0 mt-[16px] !max-w-[360px] text-[14px] font-light leading-[1.7] tracking-[0.015em] text-[#747981] dark:text-[var(--gva-text-body)] min-[860px]:hidden"> 选择 API,填写描述,GVA 自动分析<br> 调用依赖与入参出参,<br> 生成完整 Skill 文件,Agent 开箱即用。 </p><p class="gva-lead !mx-auto !mb-0 hidden !max-w-[1220px] !text-[16
33px] !font-normal !leading-[1.8] !tracking-[0.025em] !text-[#747981] dark:!text-[var(--gva-text-body)] min-[860px]:block sm:!mt-[32px] sm:!text-[14px] lg:!mt-[36px] lg:!text-[16px] xl:!mt-[38px] xl:!text-[16px] xl:!whitespace-nowrap"> 把现成的接口包装成 Agent 能直接理解和调用的 Skill,不必为 AI 重写任何后端逻辑。 </p></div><ol class="relative !mx-auto mt-[44px] flex !w-full !max-w-[404px] !list-none flex-col gap-[40px] !p-0 min-[860px]:hidden [&amp;&gt;li:last-child_.apicli\_\_mline]:hidden"><!--[--><li class="relative grid min-w-0 grid-cols-[64px_minmax(0,1fr)] items-start gap-x-[18px]"><div class="relative flex justify-center"><span class="select-none bg-[linear-gradient(180deg,rgba(34,100,242,0.30)_0%,rgba(34,100,242,0.18)_46%,rgba(34,100,242,0.09)_78%,rgba(34,100,242,0.025)_100%)] bg-clip-text text-[56px] font-semibold leading-[0.92] tracking-[-0.065em] text-transparent">01</span><span class="apicli__mline absolute left-1/2 top-[54px] h-[72px] w-[2px] -translate-x-1/2 bg-[linear-gradient(180deg,rgba(34,100,242,0.32)_0%,rgba(34,100,242,0.06)_100%)]"></span></div><div class="min-w-0 pt-[3px]"><h4 class="!m-0 text-[20px] font-semibold leading-[1.3] tracking-[-0.02em] text-[#080A0E] dark:text-[var(--gva-text-strong)]">选择 API</h4><p class="!mx-0 !mb-0 mt-[12px] text-[14px] font-normal leading-[1.72] tracking-[0.01em] text-[#747981] dark:text-[var(--gva-text-body)]">从系统已有接口中<br>勾选需要开放的 API</p></div></li><li class="relative grid min-w-0 grid-cols-[64px_minmax(0,1fr)] items-start gap-x-[18px]"><div class="relative flex justify-center"><span class="select-none bg-[linear-gradient(180deg,rgba(34,100,242,0.30)_0%,rgba(34,100,242,0.18)_46%,rgba(34,100,242,0.09)_78%,rgba(34,100,242,0.025)_100%)] bg-clip-text text-[56px] font-semibold leading-[0.92] tracking-[-0.065em] text-transparent">02</span><span class="apicli__mline absolute left-1/2 top-[54px] h-[72px] w-[2px] -translate-x-1/2 bg-[linear-gradient(180deg,rgba(34,100,242,0.32)_0%,rgba(34,100,242,0.06)_100%)]"></span></div><div class="min-w-0 pt-[3px]"><h4 class="!m-0 text-[20px] font-semibold leading-[1.3] tracking-[-0.02em] text-[#080A0E] dark:text-[var(--gva-text-strong)]">填写描述</h4><p class="!mx-0 !mb-0 mt-[12px] text-[14px] font-normal leading-[1.72] tracking-[0.01em] text-[#747981] dark:text-[var(--gva-text-body)]">命名 Skill,说明用途<br>系统预填草稿,确认即可</p></div></li><li class="relative grid min-w-0 grid-cols-[64px_minmax(0,1fr)] items-start gap-x-[18px]"><div class="relative flex justify-center"><span class="select-none bg-[linear-gradient(180deg,rgba(34,100,242,0.30)_0%,rgba(34,100,242,0.18)_46%,rgba(34,100,242,0.09)_78%,rgba(34,100,242,0.025)_100%)] bg-clip-text text-[56px] font-semibold leading-[0.92] tracking-[-0.065em] text-transparent">03</span><span class="apicli__mline absolute left-1/2 top-[54px] h-[72px] w-[2px] -translate-x-1/2 bg-[linear-gradient(180deg,rgba(34,100,242,0.32)_0%,rgba(34,100,242,0.06)_100%)]"></span></div><div class="min-w-0 pt-[3px]"><h4 class="!m-0 text-[20px] font-semibold leading-[1.3] tracking-[-0.02em] text-[#080A0E] dark:text-[var(--gva-text-strong)]">生成 ZIP</h4><p class="!mx-0 !mb-0 mt-[12px] text-[14px] font-normal leading-[1.72] tracking-[0.01em] text-[#747981] dark:text-[var(--gva-text-body)]">下载含 API 代码<br>与 Skill 文件的压缩包</p></div></li><li class="relative grid min-w-0 grid-cols-[64px_minmax(0,1fr)] items-start gap-x-[18px]"><div class="relative flex justify-center"><span class="select-none bg-[linear-gradient(180deg,rgba(34,100,242,0.30)_0%,rgba(34,100,242,0.18)_46%,rgba(34,100,242,0.09)_78%,rgba(34,100,242,0.025)_100%)] bg-clip-text text-[56px] font-semibold leading-[0.92] tracking-[-0.065em] text-transparent">04</span><span class="apicli__mline absolute left-1/2 top-[54px] h-[72px] w-[2px] -translate-x-1/2 bg-[linear-gradient(180deg,rgba(34,100,242,0.32)_0%,rgba(34,100,242,0.06)_100%)]"></span></div><div class="min-w-0 pt-[3px]"><h4 class="!m-0 text-[20px] font-semibold leading-[1.3] tracking-[-0.02em] text-[#080A0E] dark:text-[var(--gva-text-strong)]">Agent 调用</h4><p class="!mx-0 !mb-0 mt-[12px] text-[14px] font-normal leading-[1.72] tracking-[0.01em] text-[#747981] dark:text-[var(--gva-text-body)]">Skill 放入项目<br>任意 Agent 直接调用</p></div></li>
33<!--]--></ol><ol class="apicli relative !m-0 !mt-[72px] hidden !list-none grid-cols-1 !p-0 min-[860px]:grid sm:grid-cols-2 sm:gap-x-10 sm:gap-y-16 lg:!mt-[92px] xl:!mt-[110px] xl:grid-cols-4 xl:gap-x-0 [&amp;&gt;li:last-child_.apicli\_\_dot]:!hidden"><!--[--><li class="apicli__step relative min-w-0 !px-0 text-center"><span class="gva-ghost-num relative z-0 mx-auto block select-none bg-[linear-gradient(180deg,rgba(34,100,242,0.175)_0%,rgba(34,100,242,0.125)_40%,rgba(34,100,242,0.065)_72%,rgba(34,100,242,0.012)_100%)] bg-clip-text text-[104px] font-semibold leading-[0.92] tracking-[-0.065em] text-transparent sm:text-[116px] lg:text-[132px] xl:text-[148px]">01</span><span class="apicli__dot absolute left-[78%] top-[134px] z-0 hidden h-px w-[44%] bg-[linear-gradient(90deg,rgba(34,100,242,0.04)_0%,rgba(34,100,242,0.28)_24%,rgba(34,100,242,0.28)_76%,rgba(34,100,242,0.04)_100%)] xl:block after:absolute after:left-1/2 after:top-1/2 after:h-[10px] after:w-[10px] after:-translate-x-1/2 after:-translate-y-1/2 after:rotate-45 after:bg-[#2264F2] dark:after:bg-[var(--gva-primary)] after:shadow-[0_0_12px_rgba(34,100,242,0.16)] after:content-[&#39;&#39;]"></span><h4 class="apicli__title relative z-10 !mx-auto !mb-0 !mt-[-8px] w-fit !text-[20px] !font-semibold !leading-[1.3] !tracking-[-0.025em] !text-[#080A0E] dark:!text-[var(--gva-text-strong)] sm:!text-[22px] lg:!text-[24px] xl:!text-[27px]">选择 API</h4><p class="apicli__desc !mx-auto !mb-0 !mt-[28px] max-w-[230px] !text-[15px] !font-normal !leading-[2] !tracking-[0.015em] !text-[#747981] dark:!text-[var(--gva-text-body)] sm:!text-[16px] lg:!mt-[32px] lg:!text-[17px] xl:!mt-[36px] xl:max-w-[250px] xl:!text-[18px] xl:!leading-[2.15]">从系统已有接口中<br>勾选需要开放的 API</p></li><li class="apicli__step relative min-w-0 !px-0 text-center"><span class="gva-ghost-num relative z-0 mx-auto block select-none bg-[linear-gradient(180deg,rgba(34,100,242,0.175)_0%,rgba(34,100,242,0.125)_40%,rgba(34,100,242,0.065)_72%,rgba(34,100,242,0.012)_100%)] bg-clip-text text-[104px] font-semibold leading-[0.92] tracking-[-0.065em] text-transparent sm:text-[116px] lg:text-[132px] xl:text-[148px]">02</span><span class="apicli__dot absolute left-[78%] top-[134px] z-0 hidden h-px w-[44%] bg-[linear-gradient(90deg,rgba(34,100,242,0.04)_0%,rgba(34,100,242,0.28)_24%,rgba(34,100,242,0.28)_76%,rgba(34,100,242,0.04)_100%)] xl:block after:absolute after:left-1/2 after:top-1/2 after:h-[10px] after:w-[10px] after:-translate-x-1/2 after:-translate-y-1/2 after:rotate-45 after:bg-[#2264F2] dark:after:bg-[var(--gva-primary)] after:shadow-[0_0_12px_rgba(34,100,242,0.16)] after:content-[&#39;&#39;]"></span><h4 class="apicli__title relative z-10 !mx-auto !mb-0 !mt-[-8px] w-fit !text-[20px] !font-semibold !leading-[1.3] !tracking-[-0.025em] !text-[#080A0E] dark:!text-[var(--gva-text-strong)] sm:!text-[22px] lg:!text-[24px] xl:!text-[27px]">填写描述</h4><p class="apicli__desc !mx-auto !mb-0 !mt-[28px] max-w-[230px] !text-[15px] !font-normal !leading-[2] !tracking-[0.015em] !text-[#747981] dark:!text-[var(--gva-text-body)] sm:!text-[16px] lg:!mt-[32px] lg:!text-[17px] xl:!mt-[36px] xl:max-w-[250px] xl:!text-[18px] xl:!leading-[2.15]">命名 Skill,说明用途<br>系统预填草稿,确认即可</p></li><li class="apicli__step relative min-w-0 !px-0 text-center"><span class="gva-ghost-num relative z-0 mx-auto block select-none bg-[linear-gradient(180deg,rgba(34,100,242,0.175)_0%,rgba(34,100,242,0.125)_40%,rgba(34,100,242,0.065)_72%,rgba(34,100,242,0.012)_100%)] bg-clip-text text-[104px] font-semibold leading-[0.92] tracking-[-0.065em] text-transparent sm:text-[116px] lg:text-[132px] xl:text-[148px]">03</span><span class="apicli__dot absolute left-[78%] top-[134px] z-0 hidden h-px w-[44%] bg-[linear-gradient(90deg,rgba(34,100,242,0.04)_0%,rgba(34,100,242,0.28)_24%,rgba(34,100,242,0.28)_76%,rgba(34,100,242,0.04)_100%)] xl:block after:absolute after:left-1/2 after:top-1/2 after:h-[10px] after:w-[10px] after:-translate-x-1/2 after:-translate-y-1/2 after:rotate-45 after:bg-[#2264F2] dark:after:bg-[var(--gva-primary)] after:shadow-[0_0_12px_rgba(34,100,242,0.16)] after:content-[&#39;&#39;]"></span><h4 class="apicli__title relative z-10 !mx-auto !mb-0 !mt-[-8px] w-fit !text-[20px] !font-semibold !leading-[1.3] !tracking-[-0.025em] !text-[#080A0E] dark:!text-[var(--gva-text-strong)] sm:!text-[22px] lg:!text-[24px] xl:!text-[27px]">生成 ZIP</h4><p class="apicli__desc !mx-auto !mb-0 !mt-[28px] max-w-[230px] !text-[15px] !font-normal 
33!leading-[2] !tracking-[0.015em] !text-[#747981] dark:!text-[var(--gva-text-body)] sm:!text-[16px] lg:!mt-[32px] lg:!text-[17px] xl:!mt-[36px] xl:max-w-[250px] xl:!text-[18px] xl:!leading-[2.15]">下载含 API 代码<br>与 Skill 文件的压缩包</p></li><li class="apicli__step relative min-w-0 !px-0 text-center"><span class="gva-ghost-num relative z-0 mx-auto block select-none bg-[linear-gradient(180deg,rgba(34,100,242,0.175)_0%,rgba(34,100,242,0.125)_40%,rgba(34,100,242,0.065)_72%,rgba(34,100,242,0.012)_100%)] bg-clip-text text-[104px] font-semibold leading-[0.92] tracking-[-0.065em] text-transparent sm:text-[116px] lg:text-[132px] xl:text-[148px]">04</span><span class="apicli__dot absolute left-[78%] top-[134px] z-0 hidden h-px w-[44%] bg-[linear-gradient(90deg,rgba(34,100,242,0.04)_0%,rgba(34,100,242,0.28)_24%,rgba(34,100,242,0.28)_76%,rgba(34,100,242,0.04)_100%)] xl:block after:absolute after:left-1/2 after:top-1/2 after:h-[10px] after:w-[10px] after:-translate-x-1/2 after:-translate-y-1/2 after:rotate-45 after:bg-[#2264F2] dark:after:bg-[var(--gva-primary)] after:shadow-[0_0_12px_rgba(34,100,242,0.16)] after:content-[&#39;&#39;]"></span><h4 class="apicli__title relative z-10 !mx-auto !mb-0 !mt-[-8px] w-fit !text-[20px] !font-semibold !leading-[1.3] !tracking-[-0.025em] !text-[#080A0E] dark:!text-[var(--gva-text-strong)] sm:!text-[22px] lg:!text-[24px] xl:!text-[27px]">Agent 调用</h4><p class="apicli__desc !mx-auto !mb-0 !mt-[28px] max-w-[230px] !text-[15px] !font-normal !leading-[2] !tracking-[0.015em] !text-[#747981] dark:!text-[var(--gva-text-body)] sm:!text-[16px] lg:!mt-[32px] lg:!text-[17px] xl:!mt-[36px] xl:max-w-[250px] xl:!text-[18px] xl:!leading-[2.15]">Skill 放入项目<br>任意 Agent 直接调用</p></li><!--]--></ol></div></section><section class="gva-section"><div class="gva-container"><div class="mb-[38px] text-center max-[859px]:mb-[28px]"><span class="hidden">调用依赖</span><h2 class="text-[clamp(28px,3.6vw,40px)] font-bold leading-[1.18] tracking-[-0.02em] text-[var(--gva-text-strong)] dark:text-[var(--gva-text-strong)] max-[859px]:text-[34px] max-[859px]:leading-[1.22]"> 调用顺序<span class="text-[var(--gva-primary)]">自动编排</span></h2><p class="mx-auto mt-4 max-w-[820px] text-[clamp(15px,1.5vw,18px)] leading-[2] text-[var(--gva-text-body)] max-[859px]:mt-[12px] max-[859px]:text-[14px] max-[859px]:leading-[1.65]"> 从 API 选择到 Skill 生成,GVA 全程处理。 </p></div><div class="grid grid-cols-1 items-stretch gap-0 min-[860px]:grid-cols-[minmax(0,1fr)_116px_minmax(0,1fr)]"><div class="flex min-w-0 flex-col"><div class="flex h-full min-h-0 flex-col overflow-hidden rounded-[13px] border border-[#F6C9C5] dark:border-[rgba(239,81,72,0.30)] bg-[#FEF4F3] dark:bg-[rgba(239,81,72,0.08)]"><div class="flex h-[48px] shrink-0 items-center gap-[10px] border-b border-[#F0D2CF] dark:border-[rgba(239,81,72,0.20)] bg-[#FEF4F3] dark:bg-[rgba(239,81,72,0.08)] px-[21px] max-[859px]:h-[42px] max-[859px]:px-[16px]"><span class="h-[11px] w-[11px] shrink-0 rounded-full bg-[#EF5148]"></span><span class="text-[13px] font-semibold tracking-[0.01em] text-[#F05A51] max-[859px]:text-[14px]"> 未使用 GVA </span></div><div class="min-h-[276px] flex-1 bg-[radial-gradient(circle_at_50%_0%,#252525_0%,#1E1E1E_42%,#191919_100%)] px-[22px] py-[12px] font-mono text-[13.5px] leading-[1.55] tracking-[0.005em] text-[#D0D0D0] max-[859px]:min-h-0 max-[859px]:px-[17px] max-[859px]:py-[15px] max-[859px]:text-[12px] max-[859px]:leading-[1.72]"><p class="whitespace-pre text-[#858585]"># 尝试调用 createOrder</p><p class="whitespace-pre text-[#D6D6D6]"> $ agent.call(&#39;createOrder&#39;, { </p><p class="whitespace-pre text-[#D6D6D6]"> productId: &#39;P001&#39;, </p><p class="whitespace-pre"><span class="text-[#EB584C]">userId: ???</span> <span class="text-[#DF5148]"># 从哪里来?</span></p><p class="whitespace-pre text-[#D6D6D6]">})</p><div class="h-[0.75em]"></div><p class="whitespace-pre text-[#ED5C4F]"> × Error: Missing required param &#39;userId&#39; </p><p class="whitespace-pre pl-[2.2em] text-[#ED5C4F]"> getUserList must be called first </p><p class="whitespace-pre pl-[2.2em] text-[#ED5C4F]">
33 but no dependency defined </p><div class="h-[0.6em]"></div><p class="whitespace-pre text-[#8C8C8C]"> # 调用顺序未知,执行失败 </p></div><div class="flex h-[52px] shrink-0 items-center justify-center border-t border-[#F0D2CF] dark:border-[rgba(239,81,72,0.20)] bg-[#FEF4F3] dark:bg-[rgba(239,81,72,0.08)] text-[14px] font-semibold text-[#F05A51] max-[859px]:h-[40px]"> 调用失败 </div></div></div><div class="flex h-[54px] items-center justify-center max-[859px]:my-[6px] min-[860px]:h-auto"><span class="block h-px w-[76px] bg-[linear-gradient(90deg,rgba(190,190,190,0)_0%,rgba(190,190,190,0.68)_24%,rgba(190,190,190,0.68)_76%,rgba(190,190,190,0)_100%)] max-[859px]:rotate-90"></span></div><div class="flex min-w-0 flex-col"><div class="flex h-full min-h-0 flex-col overflow-hidden rounded-[13px] border border-[#BFEAD1] dark:border-[rgba(53,185,102,0.30)] bg-[#F4FCF7] dark:bg-[rgba(53,185,102,0.08)]"><div class="flex h-[48px] shrink-0 items-center gap-[10px] border-b border-[#CFE9DA] dark:border-[rgba(53,185,102,0.20)] bg-[#F4FCF7] dark:bg-[rgba(53,185,102,0.08)] px-[21px] max-[859px]:h-[42px] max-[859px]:px-[16px]"><span class="h-[11px] w-[11px] shrink-0 rounded-full bg-[#35B966]"></span><span class="text-[13px] font-semibold tracking-[0.01em] text-[#39B767] max-[859px]:text-[14px]"> 使用 GVA CLI </span></div><div class="min-h-[276px] flex-1 bg-[radial-gradient(circle_at_50%_0%,#252525_0%,#1E1E1E_42%,#191919_100%)] px-[22px] py-[12px] font-mono text-[13.5px] leading-[1.55] tracking-[0.005em] text-[#D0D0D0] max-[859px]:min-h-0 max-[859px]:px-[17px] max-[859px]:py-[15px] max-[859px]:text-[12px] max-[859px]:leading-[1.72]"><p class="whitespace-pre text-[#39B54A]"> # GVA 自动生成 Skill 调用链 </p><p class="whitespace-pre text-[#D6D6D6]"> Step 1 → getUserList() </p><p class="whitespace-pre text-[#39B54A]"> ✓ userId: &#39;U001&#39; ← 上游步骤产出 </p><div class="h-[0.75em]"></div><p class="whitespace-pre text-[#D6D6D6]"> Step 2 → createOrder({ </p><p class="whitespace-pre text-[#D6D6D6]"> productId: &#39;P001&#39;, </p><p class="whitespace-pre text-[#39B54A]"> userId: &#39;U001&#39; ← 按编排引用 getUserList.userId </p><p class="whitespace-pre text-[#D6D6D6]">})</p><div class="h-[0.6em]"></div><p class="whitespace-pre text-[#39B54A]"> ✓ Order created successfully </p><p class="whitespace-pre text-[#39B54A]"> # 步骤顺序由编排图自动推导 </p></div><div class="flex h-[52px] shrink-0 items-center justify-center border-t border-[#CFE9DA] dark:border-[rgba(53,185,102,0.20)] bg-[#F4FCF7] dark:bg-[rgba(53,185,102,0.08)] text-[14px] font-semibold text-[#34B765] max-[859px]:h-[40px]"> 调用成功 </div></div></div></div><div class="mt-[36px] text-center max-[859px]:mt-[22px]"><a class="group inline-flex items-center gap-[9px] border-b-2 border-[var(--gva-primary)] pb-[5px] text-[15px] font-semibold leading-none text-[var(--gva-primary)] transition-opacity hover:opacity-80 max-[859px]:text-[14px]" href="/guide/server/ai-scenario.html"><span>了解 Skill 生成机制</span><span class="text-[17px] leading-none transition-transform group-hover:translate-x-[3px] max-[859px]:text-[14px]"> → </span></a></div></div></section><section class="gva-section !bg-[#F7F7F7] dark:!bg-[var(--gva-bg-alt)] !py-[40px] sm:!py-[48px] lg:!py-[56px] xl:!py-[64px]"><div class="gva-container"><div class="text-center max-w-[640px] mx-auto max-[859px]:max-w-[404px]"><h2 class="!m-0 mt-[10px] text-[28px] leading-[1.22] font-bold tracking-[-0.02em] text-[#050505] dark:text-[var(--gva-text-strong)] min-[860px]:hidden"> Agent 与人<br>遵守<span class="text-[#2264F2] dark:text-[var(--gva-primary)]">同一套规则</span></h2><h2 class="!m-0 mt-[10px] hidden text-[30px] leading-[1.18] font-bold tracking-[-0.025em] text-[#050505] dark:text-[var(--gva-text-strong)] min-[860px]:block sm:text-[33px] lg:text-[37px] xl:text-[40px]"> Agent 与人,遵守<span class="text-[#2264F2] dark:text-[var(--gva-primary)]">同一套规则</span></h2><p class="mt-[10px] text-[14px] font-light leading-[1.7] text-[#747981] dark:text-[var(--gva-text-body)] min-[860px]:hidden"> 无需为 Agent 单独配置权限,<br>现有角色与权限设置直接生效。 </p><p class="mt-[10px] hidden text-[14.5px] leading-[1.7] text-[#747981] dark:text-[var(--gva-text-body)] min-[860px]:block sm:text-[15px]"> 无需为 Agent 单独配置权限,<br>现有角色与权限设置直接生效。 </p></div><div class="mt-[22px] mx-auto max-w-[442px] min-[860px]:hidden">
33<div class="rounded-[16px] border border-[#E6E7EA] dark:border-[var(--gva-border)] bg-white dark:bg-[var(--gva-bg-dark-soft)] overflow-hidden"><div class="flex items-center justify-between px-[16px] py-[11px] border-b border-[#E6E7EA] dark:border-[var(--gva-border)]"><span class="font-bold text-[#080A0E] dark:text-[var(--gva-text-strong)] text-[14px]">GVA 权限配置</span><span class="inline-flex items-center gap-[6px] text-[11.5px] font-semibold text-[#16A34A] bg-[rgba(22,163,74,0.1)] px-[10px] py-[4px] rounded-full"><i class="w-[6px] h-[6px] rounded-full bg-[#16A34A] not-italic"></i>统一管控中 </span></div><div class="grid grid-cols-[1.7fr_1fr_1fr] items-center px-[16px] py-[8px] border-b border-[#E6E7EA] dark:border-[var(--gva-border)] bg-[#FAFAFB] dark:bg-[rgba(255,255,255,0.03)] text-[12px] text-[#9499A3] dark:text-[var(--gva-text-muted)] font-semibold"><span>身份</span><span class="text-center">读取</span><span class="text-center">写入</span></div><!--[--><div class="grid grid-cols-[1.7fr_1fr_1fr] items-center px-[16px] py-[9px] border-b border-[#E6E7EA] dark:border-[var(--gva-border)] last:border-b-0"><span class="flex items-center gap-[9px] min-w-0"><span class="grid place-items-center w-[30px] h-[30px] rounded-full shrink-0" style="background:#E5EBFD;"><svg viewBox="0 0 24 24" class="w-[14px] h-[14px]" style="color:#2264F2;"><circle cx="12" cy="8" r="3.6" fill="currentColor"></circle><path d="M4.5 20c0-4.1 3.4-7.4 7.5-7.4s7.5 3.3 7.5 7.4" fill="currentColor"></path></svg></span><span class="min-w-0"><span class="block font-semibold text-[#080A0E] dark:text-[var(--gva-text-strong)] text-[13.5px] leading-[1.25] truncate">管理员</span><span class="text-[#9499A3] dark:text-[var(--gva-text-muted)] block text-[11.5px] leading-[1.4]">人类用户</span></span></span><!--[--><span class="text-center"><svg viewBox="0 0 20 20" class="inline-block w-[15px] h-[15px] text-[#16A34A]"><path d="M4 10.2l3.6 3.6L16 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg><!----></span><span class="text-center"><svg viewBox="0 0 20 20" class="inline-block w-[15px] h-[15px] text-[#16A34A]"><path d="M4 10.2l3.6 3.6L16 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg><!----></span><!--]--></div><div class="grid grid-cols-[1.7fr_1fr_1fr] items-center px-[16px] py-[9px] border-b border-[#E6E7EA] dark:border-[var(--gva-border)] last:border-b-0"><span class="flex items-center gap-[9px] min-w-0"><span class="grid place-items-center w-[30px] h-[30px] rounded-full shrink-0" style="background:#EFEFF1;"><svg viewBox="0 0 24 24" class="w-[14px] h-[14px]" style="color:#71757D;"><circle cx="12" cy="8" r="3.6" fill="currentColor"></circle><path d="M4.5 20c0-4.1 3.4-7.4 7.5-7.4s7.5 3.3 7.5 7.4" fill="currentColor"></path></svg></span><span class="min-w-0"><span class="block font-semibold text-[#080A0E] dark:text-[var(--gva-text-strong)] text-[13.5px] leading-[1.25] truncate">普通成员</span><span class="text-[#9499A3] dark:text-[var(--gva-text-muted)] block text-[11.5px] leading-[1.4]">人类用户</span></span></span><!--[--><span class="text-center"><svg viewBox="0 0 20 20" class="inline-block w-[15px] h-[15px] text-[#16A34A]"><path d="M4 10.2l3.6 3.6L16 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg><!----></span><span class="text-center"><svg viewBox="0 0 20 20" class="inline-block w-[15px] h-[15px] text-[#DC2626]"><path d="M5 5l10 10M15 5L5 15" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path></svg><!----></span><!--]--></div><div class="bg-[#F2F6FE] dark:bg-[rgba(79,134,255,0.10)] grid grid-cols-[1.7fr_1fr_1fr] items-center px-[16px] py-[9px] border-b border-[#E6E7EA] dark:border-[var(--gva-border)] last:border-b-0"><span class="flex items-center gap-[9px] min-w-0"><span class="grid place-items-center w-[30px] h-[30px] rounded-full shrink-0" style="background:#2264F2;"><svg viewBox="0 0 24 24" class="w-[13px] h-[13px]" style="color:#FFFFFF;"><path d="M13 2 4.5 13.6h5.3L9 22l9.5-12.4h-5.3L13 2z" fill="currentColor"></path></svg></span><span class="min-w-0"><span class="block font-semibold text-[#080A0E] dark:text-[var(--gva-text-strong)] text-[13.5px] leading-[1.25] truncate">AI Agent</span><span class="text-[#2264F2] dark:text-[var(--gva-primary)] font-medium block text-[11.5px] leading-[1.4]">自动调用</span></span></span><!--[--><span class="text-center"><svg viewBox="0 0 20 20" class="inline-block w-[15px] h-[15px] text-[#16A34A]"><path d="M4 10.2l3.6 3.6L16 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="block text-[10px] text-[#9499A3] dark:text-[var(--gva-text-muted)] mt-[1px]">同成员</span></span><span class="text-center"><svg viewBox="0 0 20 20" class="inline-block w-[15px] h-[15px] text-[#DC2626]"><path d="M5 5l10 10M15 5L5 15" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path></svg><span class="block text-[10px] text-[#9499A3] dark:text-[var(--gva-text-muted)] mt-[1px]">同成员</span></span><!--]--></div><!--]--><div class="px-[16px] py-[10px] text-center text-[12px] text-[#9499A3] dark:text-[var(--gva-text-muted)] border-t border-[#
33E6E7EA] dark:border-[var(--gva-border)]"> Agent 权限由 GVA 统一管控,无需额外配置 </div></div></div><div class="mt-[26px] hidden min-[860px]:block"><div class="max-w-[940px] mx-auto rounded-[18px] border border-[#E6E7EA] dark:border-[var(--gva-border)] bg-white dark:bg-[var(--gva-bg-dark-soft)] overflow-hidden"><div class="flex items-center justify-between px-[24px] py-[13px] border-b border-[#E6E7EA] dark:border-[var(--gva-border)]"><span class="font-bold text-[#080A0E] dark:text-[var(--gva-text-strong)] text-[15px]">GVA 权限配置</span><span class="inline-flex items-center gap-[7px] text-[12.5px] font-semibold text-[#16A34A] bg-[rgba(22,163,74,0.1)] px-[12px] py-[5px] rounded-full"><i class="w-[7px] h-[7px] rounded-full bg-[#16A34A] not-italic"></i>统一管控中 </span></div><div class="grid grid-cols-[1.6fr_0.85fr_1fr_1fr_1fr] items-center px-[24px] py-[9px] border-b border-[#E6E7EA] dark:border-[var(--gva-border)] bg-[#FAFAFB] dark:bg-[rgba(255,255,255,0.03)] text-[12.5px] text-[#9499A3] dark:text-[var(--gva-text-muted)] font-semibold"><span>身份</span><span>角色</span><span class="text-center">数据读取</span><span class="text-center">数据写入</span><span class="text-center">敏感操作</span></div><!--[--><div class="grid grid-cols-[1.6fr_0.85fr_1fr_1fr_1fr] items-center px-[24px] py-[11px] border-b border-[#E6E7EA] dark:border-[var(--gva-border)] last:border-b-0"><span class="flex items-center gap-[11px] min-w-0"><span class="grid place-items-center w-[32px] h-[32px] rounded-full shrink-0" style="background:#E5EBFD;"><svg viewBox="0 0 24 24" class="w-[15px] h-[15px]" style="color:#2264F2;"><circle cx="12" cy="8" r="3.6" fill="currentColor"></circle><path d="M4.5 20c0-4.1 3.4-7.4 7.5-7.4s7.5 3.3 7.5 7.4" fill="currentColor"></path></svg></span><span class="min-w-0"><span class="block font-semibold text-[#080A0E] dark:text-[var(--gva-text-strong)] text-[14px] leading-[1.25]">管理员</span><span class="text-[#9499A3] dark:text-[var(--gva-text-muted)] block text-[12px] leading-[1.4]">人类用户</span></span></span><span class="flex items-center gap-[8px] flex-wrap"><span class="bg-[#F3F4F6] dark:bg-[rgba(255,255,255,0.06)] text-[#71757D] dark:text-[var(--gva-text-muted)] inline-flex items-center px-[11px] py-[3px] rounded-full text-[12.5px] font-semibold">admin</span><!----></span><!--[--><span class="text-center"><svg viewBox="0 0 20 20" class="inline-block w-[17px] h-[17px] text-[#16A34A]"><path d="M4 10.2l3.6 3.6L16 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg><!----></span><span class="text-center"><svg viewBox="0 0 20 20" class="inline-block w-[17px] h-[17px] text-[#16A34A]"><path d="M4 10.2l3.6 3.6L16 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg><!----></span><span class="text-center"><svg viewBox="0 0 20 20" class="inline-block w-[17px] h-[17px] text-[#16A34A]"><path d="M4 10.2l3.6 3.6L16 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg><!----></span><!--]--></div><div class="grid grid-cols-[1.6fr_0.85fr_1fr_1fr_1fr] items-center px-[24px] py-[11px] border-b border-[#E6E7EA] dark:border-[var(--gva-border)] last:border-b-0"><span class="flex items-center gap-[11px] min-w-0"><span class="grid place-items-center w-[32px] h-[32px] rounded-full shrink-0" style="background:#EFEFF1;"><svg viewBox="0 0 24 24" class="w-[15px] h-[15px]" style="color:#71757D;"><circle cx="12" cy="8" r="3.6" fill="currentColor"></circle><path d="M4.5 20c0-4.1 3.4-7.4 7.5-7.4s7.5 3.3 7.5 7.4" fill="currentColor"></path></svg></span><span class="min-w-0"><span class="block font-semibold text-[#080A0E] dark:text-[var(--gva-text-strong)] text-[14px] leading-[1.25]">普通成员</span><span class="text-[#9499A3] dark:text-[var(--gva-text-muted)] block text-[12px] leading-[1.4]">人类用户</span></span></span><span class="flex items-center gap-[8px] flex-wrap"><span class="bg-[#F3F4F6] dark:bg-[rgba(255,255,255,0.06)] text-[#71757D] dark:text-[var(--gva-text-muted)] inline-flex items-center px-[11px] py-[3px] rounded-full text-[12.5px] font-semibold">member</span><!----></span><!--[--><span class="text-center"><svg viewBox="0 0 20 20" class="inline-block w-[17px] h-[17px] text-[#16A34A]"><path d="M4 10.2l3.6 3.6L16 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg><!----></span><span class="text-center"><svg viewBox="0 0 20 20" class="inline-block w-[17px] h-[17px] text-[#DC2626]"><path d="M5 5l10 10M15 5L5 15" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path></svg><!----></span><span class="text-center"><svg viewBox="0 0 20 20" class="inline-block w-[17px] h-[17px] text-[#DC2626]"><path d="M5 5l10 10M15 5L5 15" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path></svg><!----></span><!--]--></div><div class="bg-[#F2F6FE] dark:bg-[rgba(79,134,255,0.10)] grid grid-cols-[1.6fr_0.85fr_1fr_1fr_1fr] items-center px-[24px] py-[11px] border-b border-[#
33E6E7EA] dark:border-[var(--gva-border)] last:border-b-0"><span class="flex items-center gap-[11px] min-w-0"><span class="grid place-items-center w-[32px] h-[32px] rounded-full shrink-0" style="background:#2264F2;"><svg viewBox="0 0 24 24" class="w-[14px] h-[14px]" style="color:#FFFFFF;"><path d="M13 2 4.5 13.6h5.3L9 22l9.5-12.4h-5.3L13 2z" fill="currentColor"></path></svg></span><span class="min-w-0"><span class="block font-semibold text-[#080A0E] dark:text-[var(--gva-text-strong)] text-[14px] leading-[1.25]">AI Agent</span><span class="text-[#2264F2] dark:text-[var(--gva-primary)] font-medium block text-[12px] leading-[1.4]">自动调用</span></span></span><span class="flex items-center gap-[8px] flex-wrap"><span class="bg-[#E5EBFD] dark:bg-[var(--gva-primary-soft)] text-[#2264F2] dark:text-[var(--gva-primary)] inline-flex items-center px-[11px] py-[3px] rounded-full text-[12.5px] font-semibold">member</span><span class="text-[12px] text-[#9499A3] dark:text-[var(--gva-text-muted)] whitespace-nowrap">与普通成员相同</span></span><!--[--><span class="text-center"><svg viewBox="0 0 20 20" class="inline-block w-[17px] h-[17px] text-[#16A34A]"><path d="M4 10.2l3.6 3.6L16 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="block text-[11.5px] text-[#9499A3] dark:text-[var(--gva-text-muted)] mt-[2px]">与成员相同</span></span><span class="text-center"><svg viewBox="0 0 20 20" class="inline-block w-[17px] h-[17px] text-[#DC2626]"><path d="M5 5l10 10M15 5L5 15" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path></svg><span class="block text-[11.5px] text-[#9499A3] dark:text-[var(--gva-text-muted)] mt-[2px]">与成员相同</span></span><span class="text-center"><svg viewBox="0 0 20 20" class="inline-block w-[17px] h-[17px] text-[#DC2626]"><path d="M5 5l10 10M15 5L5 15" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path></svg><span class="block text-[11.5px] text-[#9499A3] dark:text-[var(--gva-text-muted)] mt-[2px]">与成员相同</span></span><!--]--></div><!--]--><div class="flex items-center justify-between px-[24px] py-[12px] text-[13.5px] text-[#9499A3] dark:text-[var(--gva-text-muted)] border-t border-[#E6E7EA] dark:border-[var(--gva-border)]"><span>Agent 的权限由 GVA 统一管控,无需额外配置</span></div></div></div><div class="mt-[22px] mx-auto max-w-[442px] min-[860px]:hidden"><ul class="flex flex-col gap-[14px]"><!--[--><li><span class="flex items-center gap-[8px] font-semibold text-[#050505] dark:text-[var(--gva-text-strong)] text-[14.5px]"><i class="w-[6px] h-[6px] rounded-full bg-[#2264F2] dark:bg-[var(--gva-primary)] not-italic shrink-0"></i>现有配置直接生效</span><p class="mt-[5px] text-[13px] font-light leading-[1.6] text-[#747981] dark:text-[var(--gva-text-body)]">已有角色和规则自动适用于 Agent,无需重新设置。</p></li><li><span class="flex items-center gap-[8px] font-semibold text-[#050505] dark:text-[var(--gva-text-strong)] text-[14.5px]"><i class="w-[6px] h-[6px] rounded-full bg-[#2264F2] dark:bg-[var(--gva-primary)] not-italic shrink-0"></i>权限精确到字段级别</span><p class="mt-[5px] text-[13px] font-light leading-[1.6] text-[#747981] dark:text-[var(--gva-text-body)]">Agent 只能读写被授权的字段,越权操作直接拒绝。</p></li><li><span class="flex items-center gap-[8px] font-semibold text-[#050505] dark:text-[var(--gva-text-strong)] text-[14.5px]"><i class="w-[6px] h-[6px] rounded-full bg-[#2264F2] dark:bg-[var(--gva-primary)] not-italic shrink-0"></i>操作全程可审计</span><p class="mt-[5px] text-[13px] font-light leading-[1.6] text-[#747981] dark:text-[var(--gva-text-body)]">每次 Agent 调用均有记录,可追溯每一次数据变更。</p></li><!--]--></ul></div><div class="mt-[26px] hidden min-[860px]:grid max-w-[940px] mx-auto grid-cols-3 gap-x-[32px]"><!--[--><div><span class="flex items-center gap-[8px] font-semibold text-[#050505] dark:text-[var(--gva-text-strong)] text-[15px]"><i class="w-[7px] h-[7px] rounded-full bg-[#2264F2] dark:bg-[var(--gva-primary)] not-italic 
33shrink-0"></i>现有配置直接生效</span><p class="mt-[7px] text-[13.5px] leading-[1.65] text-[#747981] dark:text-[var(--gva-text-body)]">无需为 Agent 重新设置权限,<br>已有角色和规则自动适用。</p></div><div><span class="flex items-center gap-[8px] font-semibold text-[#050505] dark:text-[var(--gva-text-strong)] text-[15px]"><i class="w-[7px] h-[7px] rounded-full bg-[#2264F2] dark:bg-[var(--gva-primary)] not-italic shrink-0"></i>权限精确到字段级别</span><p class="mt-[7px] text-[13.5px] leading-[1.65] text-[#747981] dark:text-[var(--gva-text-body)]">Agent 只能读写被授权的字段,<br>越权操作直接拒绝。</p></div><div><span class="flex items-center gap-[8px] font-semibold text-[#050505] dark:text-[var(--gva-text-strong)] text-[15px]"><i class="w-[7px] h-[7px] rounded-full bg-[#2264F2] dark:bg-[var(--gva-primary)] not-italic shrink-0"></i>操作全程可审计</span><p class="mt-[7px] text-[13.5px] leading-[1.65] text-[#747981] dark:text-[var(--gva-text-body)]">每次 Agent 调用均有记录,<br>可追溯每一次数据变更。</p></div><!--]--></div></div></section><section class="gva-section bg-white dark:bg-[var(--gva-bg-base)]" data-v-3f6e18a1><div class="gva-container" data-v-3f6e18a1><div class="mb-14 text-center max-[859px]:mb-10" data-v-3f6e18a1><span class="hidden" data-v-3f6e18a1>核心功能</span><h2 class="m-0 text-[clamp(28px,3.6vw,40px)] font-bold leading-[1.18] tracking-[-0.02em] text-[var(--gva-text-strong)] dark:text-[var(--gva-text-strong)] max-[859px]:text-[34px] max-[859px]:leading-[1.22]" data-v-3f6e18a1><span class="block" data-v-3f6e18a1>亲自试一试:</span><span class="block" data-v-3f6e18a1> 用 <span class="text-[var(--gva-primary)]" data-v-3f6e18a1>AI 驱动</span>你的 GVA 系统 </span></h2><p class="mx-auto mb-0 mt-4 max-w-[820px] text-[clamp(15px,1.5vw,18px)] leading-[2] text-[var(--gva-text-body)] max-[859px]:mt-3 max-[859px]:text-[14px] max-[859px]:leading-[1.65]" data-v-3f6e18a1> 选择你的方式——AI 搭建、API CLI 化、或统一管控权限 </p></div><div class="grid grid-cols-1 gap-6 min-[860px]:grid-cols-3 min-[1200px]:gap-8" data-v-3f6e18a1><!--[--><button type="button" class="group relative flex h-full w-full flex-col overflow-hidden rounded-[12px] borderd bg-white dark:bg-[var(--gva-bg-dark-soft)] p-7 text-left [font:inherit] transition-[transform,border-color] duration-200 hover:-translate-y-[2px] hover:border-[#B7C2D2] dark:hover:border-[var(--gva-border-strong)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#2264F2]/25 min-[860px]:min-h-[310px] max-[859px]:min-h-0 max-[859px]:rounded-[12px] max-[859px]:p-6" data-v-3f6e18a1><span class="mb-2 block select-none bg-[linear-gradient(180deg,#CEDBFF_0%,#DEE7FF_58%,#EDF2FF_100%)] bg-clip-text text-[clamp(40px,5vw,64px)] font-extrabold leading-none tracking-[-0.02em] text-transparent max-[859px]:text-[52px]" data-v-3f6e18a1>01</span><h3 class="m-0 mb-2.5 text-[19px] font-bold leading-[1.35] tracking-[-0.015em] text-[var(--gva-text-strong)] max-[859px]:text-[20px]" data-v-3f6e18a1>AI 驱动开发</h3><p class="m-0 text-[14px] font-normal leading-[1.6] text-[var(--gva-text-body)] max-[859px]:text-[14px] max-[859px]:leading-[1.7]" data-v-3f6e18a1>用 Claude Code、Cursor、Codex 等主流 AI Coding Agent 快速搭建完整系统。配置 MCP 即可开工,Skills 一键下载安装,AI 协作规范随仓库预置,无需手动配置任何规范文件。</p><span class="relative mt-auto inline-flex w-fit items-center gap-2.5 pb-[13px] pt-[18px] text-[16px] font-medium leading-none text-[#2264F2] dark:text-[var(--gva-primary)] after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:bg-[#2264F2] dark:after:bg-[var(--gva-primary)] after:content-[&#39;&#39;] max-[859px]:text-[17px]" data-v-3f6e18a1> 试一下 <img class="block h-3.5 w-3.5 object-contain" src="https://qmplusimg.henrongyi.top/website/arr-right.png" alt="" aria-hidden="true" loading="lazy" data-v-3f6e18a1></span></button><button type="button" class="group relative flex h-full w-full flex-col overflow-hidden rounded-[12px] borderd bg-white dark:bg-[var(--gva-bg-dark-soft)] p-7 text-left [font:inherit] transition-[transform,border-color] duration-200 hover:-translate-y-[2px] hover:border-[#B7C2D2] dark:hover:border-[var(--gva-border-strong)] focu
33s-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#2264F2]/25 min-[860px]:min-h-[310px] max-[859px]:min-h-0 max-[859px]:rounded-[12px] max-[859px]:p-6" data-v-3f6e18a1><span class="mb-2 block select-none bg-[linear-gradient(180deg,#CEDBFF_0%,#DEE7FF_58%,#EDF2FF_100%)] bg-clip-text text-[clamp(40px,5vw,64px)] font-extrabold leading-none tracking-[-0.02em] text-transparent max-[859px]:text-[52px]" data-v-3f6e18a1>02</span><h3 class="m-0 mb-2.5 text-[19px] font-bold leading-[1.35] tracking-[-0.015em] text-[var(--gva-text-strong)] max-[859px]:text-[20px]" data-v-3f6e18a1>API 一键 CLI 化</h3><p class="m-0 text-[14px] font-normal leading-[1.6] text-[var(--gva-text-body)] max-[859px]:text-[14px] max-[859px]:leading-[1.7]" data-v-3f6e18a1>在 GVA 中选择已有 API,填写 Skill 名称,系统自动解析入参与出参,调用链路可视化编排,一键打包成完整 Skill,任何 AI Agent 导入即用。</p><span class="relative mt-auto inline-flex w-fit items-center gap-2.5 pb-[13px] pt-[18px] text-[16px] font-medium leading-none text-[#2264F2] dark:text-[var(--gva-primary)] after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:bg-[#2264F2] dark:after:bg-[var(--gva-primary)] after:content-[&#39;&#39;] max-[859px]:text-[17px]" data-v-3f6e18a1> 试一下 <img class="block h-3.5 w-3.5 object-contain" src="https://qmplusimg.henrongyi.top/website/arr-right.png" alt="" aria-hidden="true" loading="lazy" data-v-3f6e18a1></span></button><button type="button" class="group relative flex h-full w-full flex-col overflow-hidden rounded-[12px] borderd bg-white dark:bg-[var(--gva-bg-dark-soft)] p-7 text-left [font:inherit] transition-[transform,border-color] duration-200 hover:-translate-y-[2px] hover:border-[#B7C2D2] dark:hover:border-[var(--gva-border-strong)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#2264F2]/25 min-[860px]:min-h-[310px] max-[859px]:min-h-0 max-[859px]:rounded-[12px] max-[859px]:p-6" data-v-3f6e18a1><span class="mb-2 block select-none bg-[linear-gradient(180deg,#CEDBFF_0%,#DEE7FF_58%,#EDF2FF_100%)] bg-clip-text text-[clamp(40px,5vw,64px)] font-extrabold leading-none tracking-[-0.02em] text-transparent max-[859px]:text-[52px]" data-v-3f6e18a1>03</span><h3 class="m-0 mb-2.5 text-[19px] font-bold leading-[1.35] tracking-[-0.015em] text-[var(--gva-text-strong)] max-[859px]:text-[20px]" data-v-3f6e18a1>权限统一管控</h3><p class="m-0 text-[14px] font-normal leading-[1.6] text-[var(--gva-text-body)] max-[859px]:text-[14px] max-[859px]:leading-[1.7]" data-v-3f6e18a1>Agent 调用仍经过 GVA 内部权限校验,现有角色与权限配置直接生效。无需重新设置,现有系统低成本接入 AI。</p><span class="relative mt-auto inline-flex w-fit items-center gap-2.5 pb-[13px] pt-[18px] text-[16px] font-medium leading-none text-[#2264F2] dark:text-[var(--gva-primary)] after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:bg-[#2264F2] dark:after:bg-[var(--gva-primary)] after:content-[&#39;&#39;] max-[859px]:text-[17px]" data-v-3f6e18a1> 试一下 <img class="block h-3.5 w-3.5 object-contain" src="https://qmplusimg.henrongyi.top/website/arr-right.png" alt="" aria-hidden="true" loading="lazy" data-v-3f6e18a1></span></button><!--]--></div></div><!--teleport start--><!--teleport end--></section><section class="gva-section bg-white dark:bg-[var(--gva-bg-base)]" aria-labelledby="licensed-edition-title"><div class="gva-container"><div class="mb-14 text-center max-[859px]:mb-10"><p class="m-0 text-[14px] font-semibold leading-none text-[var(--gva-primary)]"> GVA 授权版 </p><h2 id="licensed-edition-title" class="m-0 mt-4 text-[clamp(28px,3.6vw,40px)] font-bold leading-[1.18] tracking-[-0.02em] text-[var(--gva-text-strong)] max-[859px]:leading-[1.22]"> 从开发底座,升级为可交付的业务系统 </h2><p class="mx-auto mb-0 mt-4 max-w-[820px] text-[clamp(15px,1.5vw,18px)] leading-[2] text-[var(--gva-text-body)] max-[859px]:mt-3 max-[859px]:text-[14px] max-[859px]:leading-[1.65]"> 当项目进入商业运营或客户交付,授权版把合规使用、专属服务与企业能力接到同一条交付路径上。 </p></div><div class="grid grid-cols-1 gap-6 min-[860px]:grid-cols-3 min-[1200px]:gap-8"><article class="group flex h-full min-w-0 flex-col rounded-[12px] border border-[var(--gva-border)] bg-[var(--gva-bg-base)] p-7 shadow-[var(--gva-shadow-sm)] transition-[transform,box-shadow,border-color] duration-200 hover:-translate-y-[2px] hover:border-[var(--gva-border-strong)] hover:shadow-[var(--gva-shadow)] max-[859px]:p-6"><span class="mb-3 block select-none text-[48px] font-extrabold leading-none text-[var(--gva-primary-soft)]"> 01 </span>
33<h3 class="m-0 mb-2.5 text-[19px] font-bold leading-[1.35] text-[var(--gva-text-strong)] max-[859px]:text-[20px]"> 表单 · 流程 · 通知 </h3><p class="m-0 text-[14px] leading-[1.7] text-[var(--gva-text-body)]"> 把数据采集、审批流转和站内信、邮件及 Webhook 触达连成业务协作闭环。 </p></article><article class="group flex h-full min-w-0 flex-col rounded-[12px] border border-[var(--gva-border)] bg-[var(--gva-bg-base)] p-7 shadow-[var(--gva-shadow-sm)] transition-[transform,box-shadow,border-color] duration-200 hover:-translate-y-[2px] hover:border-[var(--gva-border-strong)] hover:shadow-[var(--gva-shadow)] max-[859px]:p-6"><span class="mb-3 block select-none text-[48px] font-extrabold leading-none text-[var(--gva-primary-soft)]"> 02 </span><h3 class="m-0 mb-2.5 text-[19px] font-bold leading-[1.35] text-[var(--gva-text-strong)] max-[859px]:text-[20px]"> 数据集 · 看板 · 报表 </h3><p class="m-0 text-[14px] leading-[1.7] text-[var(--gva-text-body)]"> 从数据查询到可视化分析,再到定时导出与发送,形成持续的数据交付链路。 </p></article><article class="group flex h-full min-w-0 flex-col rounded-[12px] border border-[var(--gva-border)] bg-[var(--gva-bg-base)] p-7 shadow-[var(--gva-shadow-sm)] transition-[transform,box-shadow,border-color] duration-200 hover:-translate-y-[2px] hover:border-[var(--gva-border-strong)] hover:shadow-[var(--gva-shadow)] max-[859px]:p-6"><span class="mb-3 block select-none text-[48px] font-extrabold leading-none text-[var(--gva-primary-soft)]"> 03 </span><h3 class="m-0 mb-2.5 text-[19px] font-bold leading-[1.35] text-[var(--gva-text-strong)] max-[859px]:text-[20px]"> 达梦 · 人大金仓 </h3><p class="m-0 text-[14px] leading-[1.7] text-[var(--gva-text-body)]"> 授权版支持达梦、人大金仓等国产数据库,与业务协作和数据分析能力一并交付ã€
33‚ </p></article></div><div class="mt-8 flex items-center justify-between gap-8 border-t border-[var(--gva-border)] pt-8 max-[700px]:items-stretch max-[700px]:flex-col max-[700px]:gap-5"><p class="m-0 max-w-[780px] text-[14px] leading-[1.8] text-[var(--gva-text-body)]"><strong class="mb-1 block text-[var(--gva-text-strong)]">授权版即包含上述业务、数据与国产数据库能力。</strong> 独立版在此基础上部署客户专属私有仓库,并提供商标与品牌定制,让底层仍由 Gin-Vue-Admin 驱动的产品,在使用感受和持续维护上成为客户自己的框架。 </p><a class="gva-btn gva-btn--primary min-w-[150px] shrink-0 max-[700px]:w-full" href="/empower/"> 了解授权版 </a></div></div></section><section class="gva-section gva-section--alt"><div class="gva-container"><div class="grid grid-cols-1 gap-8 min-[860px]:grid-cols-2 min-[860px]:items-center min-[860px]:gap-14"><div><h2 class="text-[clamp(28px,3.6vw,40px)] leading-[1.18] font-bold tracking-[-0.02em] text-[var(--gva-text-strong)]">不只是框架,<br>是一个<span class="text-[var(--gva-primary)]">持续生长</span>的生态</h2><p class="text-[clamp(14px,1.5vw,18px)] leading-[2] text-[var(--gva-text-body)] max-w-[820px] mt-[18px] mb-6 max-[860px]:font-light"> 论坛、支付、消息、存储、工作流……数百个官方与社区插件,让你像搭积木一样扩展系统能力。 </p><a class="relative inline-flex items-center gap-2.5 pb-[13px] text-[16px] leading-none font-medium text-[#2264F2] dark:text-[var(--gva-primary)] after:content-[&#39;&#39;] after:absolute after:left-0 after:bottom-0 after:w-full after:h-0.5 after:bg-[#2264F2] dark:after:bg-[var(--gva-primary)] max-[860px]:text-[14px]" href="https://plugin.gin-vue-admin.com/#/layout/home" target="_blank" rel="noopener"> 逛逛插件市场 <img class="block w-3.5 h-3.5 object-contain" src="https://qmplusimg.henrongyi.top/website/arr-right.png" alt="" aria-hidden="true" loading="lazy"></a></div><div class="grid grid-cols-3 gap-3.5 max-[560px]:gap-2.5"><!--[--><a class="group flex flex-col overflow-hidden rounded-[14px] border border-[var(--gva-border)] bg-[var(--gva-bg-base)] shadow-[var(--gva-shadow-sm)] transition-[transform,box-shadow,border-color] duration-200 hover:-translate-y-[3px] hover:border-[var(--gva-border-strong)] hover:shadow-[var(--gva-shadow)]" href="https://plugin.gin-vue-admin.com/details/158" target="_blank" rel="noopener" title="极光CRM--企业级客户关系管理系统"><div class="aspect-[16/10] w-full overflow-hidden bg-[var(--gva-bg-alt)]"><img src="https://qmplusimg.henrongyi.top/1772209628未命名(5) (1).jpg" alt="极光CRM--企业级客户关系管理系统" loading="lazy" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.04]"></div><div class="px-2.5 py-2 max-[560px]:px-2 max-[560px]:py-1.5"><p class="line-clamp-2 text-[13px] font-medium leading-[1.35] text-[var(--gva-text-strong)] max-[560px]:text-[12px]">极光CRM--企业级客户关系管理系统</p></div></a><a class="group flex flex-col overflow-hidden rounded-[14px] border border-[var(--gva-border)] bg-[var(--gva-bg-base)] shadow-[var(--gva-shadow-sm)] transition-[transform,box-shadow,border-color] duration-200 hover:-translate-y-[3px] hover:border-[var(--gva-border-strong)] hover:shadow-[var(--gva-shadow)]" href="https://plugin.gin-vue-admin.com/details/139" target="_blank" rel="noopener" title="极光商城 【小程序】 基于UNI-APP 命令行模式开发"><div class="aspect-[16/10] w-full overflow-hidden bg-[var(--gva-bg-alt)]"><img src="https://qmplusimg.henrongyi.top/1751191617shopplus.jpg" alt="极光商城 【小程序】 基于UNI-APP 命令行模式开发" loading="lazy" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.04]"></div><div class="px-2.5 py-2 max-[560px]:px-2 max-[560px]:py-1.5"><p class="line-clamp-2 text-[13px] font-medium leading-[1.35] text-[var(--gva-text-strong)] max-[560px]:text-[12px]">极光商城 【小程序】 基于UNI-APP 命令行模式开发</p></div></a><a class="group flex flex-col overflow-hidden rounded-[14px] border border-[var(--gva-border)] bg-[var(--gva-bg-base)] shadow-[var(--gva-shadow-sm)] transition-[transform,box-shadow,border-color] duration-200 hover:-translate-y-[3px] hover:border-[var(--gva-border-strong)] hover:shadow-[var(--gva-shadow)]" href="https://plugin.gin-vue-admin.com/detail
33s/133" target="_blank" rel="noopener" title="GVA多租户版本"><div class="aspect-[16/10] w-full overflow-hidden bg-[var(--gva-bg-alt)]"><img src="https://qmplusimg.henrongyi.top/1749901916稿定智能设计202406151522.jpg" alt="GVA多租户版本" loading="lazy" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.04]"></div><div class="px-2.5 py-2 max-[560px]:px-2 max-[560px]:py-1.5"><p class="line-clamp-2 text-[13px] font-medium leading-[1.35] text-[var(--gva-text-strong)] max-[560px]:text-[12px]">GVA多租户版本</p></div></a><a class="group flex flex-col overflow-hidden rounded-[14px] border border-[var(--gva-border)] bg-[var(--gva-bg-base)] shadow-[var(--gva-shadow-sm)] transition-[transform,box-shadow,border-color] duration-200 hover:-translate-y-[3px] hover:border-[var(--gva-border-strong)] hover:shadow-[var(--gva-shadow)]" href="https://plugin.gin-vue-admin.com/details/67" target="_blank" rel="noopener" title="定时任务配置化管理"><div class="aspect-[16/10] w-full overflow-hidden bg-[var(--gva-bg-alt)]"><img src="https://qmplusimg.henrongyi.top/1745826267定时任务.jpg" alt="定时任务配置化管理" loading="lazy" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.04]"></div><div class="px-2.5 py-2 max-[560px]:px-2 max-[560px]:py-1.5"><p class="line-clamp-2 text-[13px] font-medium leading-[1.35] text-[var(--gva-text-strong)] max-[560px]:text-[12px]">定时任务配置化管理</p></div></a><a class="group flex flex-col overflow-hidden rounded-[14px] border border-[var(--gva-border)] bg-[var(--gva-bg-base)] shadow-[var(--gva-shadow-sm)] transition-[transform,box-shadow,border-color] duration-200 hover:-translate-y-[3px] hover:border-[var(--gva-border-strong)] hover:shadow-[var(--gva-shadow)]" href="https://plugin.gin-vue-admin.com/details/42" target="_blank" rel="noopener" title="Kubernetes容器管理"><div class="aspect-[16/10] w-full overflow-hidden bg-[var(--gva-bg-alt)]"><img src="https://qmplusimg.henrongyi.top/plugin/k8s.jpg" alt="Kubernetes容器管理" loading="lazy" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.04]"></div><div class="px-2.5 py-2 max-[560px]:px-2 max-[560px]:py-1.5"><p class="line-clamp-2 text-[13px] font-medium leading-[1.35] text-[var(--gva-text-strong)] max-[560px]:text-[12px]">Kubernetes容器管理</p></div></a><a class="group flex flex-col overflow-hidden rounded-[14px] border border-[var(--gva-border)] bg-[var(--gva-bg-base)] shadow-[var(--gva-shadow-sm)] transition-[transform,box-shadow,border-color] duration-200 hover:-translate-y-[3px] hover:border-[var(--gva-border-strong)] hover:shadow-[var(--gva-shadow)]" href="https://plugin.gin-vue-admin.com/details/162" target="_blank" rel="noopener" title="【BBS】极光论坛--基于GVA开发的积分论坛系统"><div class="aspect-[16/10] w-full overflow-hidden bg-[var(--gva-bg-alt)]"><img src="https://qmplusimg.henrongyi.top/1774856291jiguangbbs.jpg" alt="【BBS】极光论坛--基于GVA开发的积分论坛系统" loading="lazy" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.04]"></div><div class="px-2.5 py-2 max-[560px]:px-2 max-[560px]:py-1.5"><p class="line-clamp-2 text-[13px] font-medium leading-[1.35] text-[var(--gva-text-strong)] max-[560px]:text-[12px]">【BBS】极光论坛--基于GVA开发的积分论坛系统</p></div></a><a class="group flex flex-col overflow-hidden rounded-[14px] border border-[var(--gva-border)] bg-[var(--gva-bg-base)] shadow-[var(--gva-shadow-sm)] transition-[transform,box-shadow,border-color] duration-200 hover:-translate-y-[3px] hover:border-[var(--gva-border-strong)] hover:shadow-[var(--gva-shadow)]" href="https://plugin.gin-vue-admin.com/details/159" target="_blank" rel="noopener" title="【gvaClaw】适配GVA的多端兼容claw"><div class="aspect-[16/10] w-full overflow-hidden bg-[var(--gva-bg-alt)]"><img src="https://qmplusimg.henrongyi.top/1773150030未命名(5).jpg" alt="【gvaClaw】适配GVA的多端兼容claw" loading="lazy" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.04]"></div><div class="px-2.5 py-2 max-[560px]:px-2 max-[560px]:py-1.5"><p class="line-clamp-2 text-[13px] font-medium leading-[1.35] text-[var(--gva-text-strong)] max-[560px]:text-[12px]">【gvaClaw】适配GVA的多端兼容claw</p></div></a><a class="group flex flex-col overflow-hidden rounded-[14px] border border-[var(--gva-border)] bg-[var(--gva-bg-base)] shadow-[var(--gva-shadow-sm)] transition-[transform,box-shadow,border-color] duration-200 hover:-translate-y-[3px] hover:border-[var(--gva-border-strong)] hover:shadow-[var(--gva-shadow)]" href="https://plugin.gin-vue-admin.com/detail
33s/157" target="_blank" rel="noopener" title="dify管理插件"><div class="aspect-[16/10] w-full overflow-hidden bg-[var(--gva-bg-alt)]"><img src="https://qmplusimg.henrongyi.top/1771478253dify.jpg" alt="dify管理插件" loading="lazy" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.04]"></div><div class="px-2.5 py-2 max-[560px]:px-2 max-[560px]:py-1.5"><p class="line-clamp-2 text-[13px] font-medium leading-[1.35] text-[var(--gva-text-strong)] max-[560px]:text-[12px]">dify管理插件</p></div></a><a class="group flex flex-col overflow-hidden rounded-[14px] border border-[var(--gva-border)] bg-[var(--gva-bg-base)] shadow-[var(--gva-shadow-sm)] transition-[transform,box-shadow,border-color] duration-200 hover:-translate-y-[3px] hover:border-[var(--gva-border-strong)] hover:shadow-[var(--gva-shadow)]" href="https://plugin.gin-vue-admin.com/details/87" target="_blank" rel="noopener" title="微信公众号管理插件"><div class="aspect-[16/10] w-full overflow-hidden bg-[var(--gva-bg-alt)]"><img src="https://qmplusimg.henrongyi.top/1745825686微信公众号管理插件.jpg" alt="微信公众号管理插件" loading="lazy" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.04]"></div><div class="px-2.5 py-2 max-[560px]:px-2 max-[560px]:py-1.5"><p class="line-clamp-2 text-[13px] font-medium leading-[1.35] text-[var(--gva-text-strong)] max-[560px]:text-[12px]">微信公众号管理插件</p></div></a><!--]--></div></div></div></section><section class="gva-section" data-v-1b7ee354><div class="gva-container" data-v-1b7ee354><div class="text-center mb-14 max-[860px]:mb-10" data-v-1b7ee354><h2 class="text-[clamp(28px,3.6vw,40px)] leading-[1.18] font-bold tracking-[-0.02em] text-[var(--gva-text-strong)] dark:text-[var(--gva-text-strong)]" style="margin-top:16px;" data-v-1b7ee354><span class="block" data-v-1b7ee354><span class="text-[var(--gva-primary)]" data-v-1b7ee354>3 万+</span> 开发者</span><span class="block" data-v-1b7ee354>已经在用 GVA</span></h2><p class="text-[clamp(14px,1.5vw,18px)] leading-[2] text-[var(--gva-text-body)] max-w-[820px] mt-4 mx-auto max-[860px]:font-light" data-v-1b7ee354> 一个被持续验证、持续生长的开源全栈框架。 </p></div>
33<div class="relative grid grid-cols-4 gap-5 mb-[52px] max-[860px]:grid-cols-2" data-v-1b7ee354><!--[--><div class="relative text-center py-[26px] px-3" data-v-1b7ee354><span class="text-[var(--gva-primary)] block text-[clamp(26px,3.2vw,36px)] font-extrabold tracking-[-0.02em]" data-v-1b7ee354>30,000+</span><span class="block mt-2 text-[13.5px] text-[var(--gva-text-muted)]" data-v-1b7ee354>GitHub Stars</span><span class="absolute right-0 top-1/2 hidden h-[60%] w-px -translate-y-1/2 bg-[var(--gva-border)] min-[861px]:block" data-v-1b7ee354></span></div><div class="relative text-center py-[26px] px-3" data-v-1b7ee354><span class="text-[var(--gva-text-strong)] block text-[clamp(26px,3.2vw,36px)] font-extrabold tracking-[-0.02em]" data-v-1b7ee354>5,800+</span><span class="block mt-2 text-[13.5px] text-[var(--gva-text-muted)]" data-v-1b7ee354>Forks</span><span class="absolute right-0 top-1/2 hidden h-[60%] w-px -translate-y-1/2 bg-[var(--gva-border)] min-[861px]:block" data-v-1b7ee354></span></div><div class="relative text-center py-[26px] px-3" data-v-1b7ee354><span class="text-[var(--gva-text-strong)] block text-[clamp(26px,3.2vw,36px)] font-extrabold tracking-[-0.02em]" data-v-1b7ee354>400+</span><span class="block mt-2 text-[13.5px] text-[var(--gva-text-muted)]" data-v-1b7ee354>贡献者</span><span class="absolute right-0 top-1/2 hidden h-[60%] w-px -translate-y-1/2 bg-[var(--gva-border)] min-[861px]:block" data-v-1b7ee354></span></div><div class="relative text-center py-[26px] px-3" data-v-1b7ee354><span class="text-[var(--gva-text-strong)] block text-[clamp(26px,3.2vw,36px)] font-extrabold tracking-[-0.02em]" data-v-1b7ee354>200+</span><span class="block mt-2 text-[13.5px] text-[var(--gva-text-muted)]" data-v-1b7ee354>生态插件</span><!----></div><!--]--><span class="stats-cross-h min-[861px]:hidden" aria-hidden="true" data-v-1b7ee354></span><span class="stats-cross-v min-[861px]:hidden" aria-hidden="true" data-v-1b7ee354></span></div><div class="hidden min-[861px]:block carousel-viewport" data-v-1b7ee354><div class="carousel-belt" style="transform:translateX(0px);transition:none;" data-v-1b7ee354><!--[--><div class="card-side shadow-[shadow:var(--gva-shadow-sm)] border-[var(--gva-border)] carousel-card h-[200px] overflow-hidden bg-[var(--gva-bg-base)] border rounded-[var(--gva-radius)] p-6 flex flex-col justify-between" data-v-1b7ee354><p class="text-[14px] leading-[1.7] text-[var(--gva-text-body)] m-0 mb-5 line-clamp-3" data-v-1b7ee354>&quot;代码生成器 + 插件市场,让一个小团队也能快速交付企业级后台。&quot;</p><div class="flex items-center gap-3" data-v-1b7ee354><span class="shrink-0 w-[38px] h-[38px] rounded-full grid place-items-center text-white font-bold" style="background:#8b5cf6;" data-v-1b7ee354>陈</span><span data-v-1b7ee354><strong class="block text-[14px] text-[var(--gva-text-strong)]" data-v-1b7ee354>陈晨</strong><em class="not-italic text-[12.5px] text-[var(--gva-text-muted)]" data-v-1b7ee354>独立开发者</em></span></div></div><div class="card-side shadow-[shadow:var(--gva-shadow-sm)] border-[var(--gva-border)] carousel-card h-[200px] overflow-hidden bg-[var(--gva-bg-base)] border rounded-[var(--gva-radius)] p-6 flex flex-col justify-between" data-v-1b7ee354><p class="text-[14px] leading-[1.7] text-[var(--gva-text-body)] m-0 mb-5 line-clamp-3" data-v-1b7ee354>&quot;文档和社区都很活跃,遇到问题基本当天就能找到答案。&quot;</p><div class="flex items-center gap-3" data-v-1b7ee354><span class="shrink-0 w-[38px] h-[38px] rounded-full grid place-items-center text-white font-bold" style="background:#ef4444;" data-v-1b7ee354>赵</span><span data-v-1b7ee354><strong class="block text-[14px] text-[var(--gva-text-strong)]" data-v-1b7ee354>赵宇</strong><em class="not-italic text-[12.5px] text-[var(--gva-text-muted)]" data-v-1b7ee354>前端负责人</em></span></div></div><div class="card-center shadow-[shadow:var(--gva-shadow)] border-[var(--gva-primary-ring)] carousel-card h-[200px] overflow-hidden bg-[var(--gva-bg-base)] border rounded-[var(--gva-radius)] p-6 flex flex-col justify-between" data-v-1b7ee354><p class="text-[14px] leading-[1.7] text-[var(--gva-text-body)] m-0 mb
33-5 line-clamp-3" data-v-1b7ee354>&quot;从建模到上线,GVA 把重复劳动几乎全部自动化了,团队真正把精力放在业务上。&quot;</p><div class="flex items-center gap-3" data-v-1b7ee354><span class="shrink-0 w-[38px] h-[38px] rounded-full grid place-items-center text-white font-bold" style="background:#2264F2;" data-v-1b7ee354>李</span><span data-v-1b7ee354><strong class="block text-[14px] text-[var(--gva-text-strong)]" data-v-1b7ee354>李工</strong><em class="not-italic text-[12.5px] text-[var(--gva-text-muted)]" data-v-1b7ee354>后端负责人 · 某 SaaS 团队</em></span></div></div><div class="card-side shadow-[shadow:var(--gva-shadow-sm)] border-[var(--gva-border)] carousel-card h-[200px] overflow-hidden bg-[var(--gva-bg-base)] border rounded-[var(--gva-radius)] p-6 flex flex-col justify-between" data-v-1b7ee354><p class="text-[14px] leading-[1.7] text-[var(--gva-text-body)] m-0 mb-5 line-clamp-3" data-v-1b7ee354>&quot;接入 MCP 后,AI 直接读懂我们的项目结构,生成的代码风格和现有工程完全一致。&quot;</p><div class="flex items-center gap-3" data-v-1b7ee354><span class="shrink-0 w-[38px] h-[38px] rounded-full grid place-items-center text-white font-bold" style="background:#16a34a;" data-v-1b7ee354>王</span><span data-v-1b7ee354><strong class="block text-[14px] text-[var(--gva-text-strong)]" data-v-1b7ee354>王敏</strong><em class="not-italic text-[12.5px] text-[var(--gva-text-muted)]" data-v-1b7ee354>全栈工程师</em></span></div></div><div class="card-side shadow-[shadow:var(--gva-shadow-sm)] border-[var(--gva-border)] carousel-card h-[200px] overflow-hidden bg-[var(--gva-bg-base)] border rounded-[var(--gva-radius)] p-6 flex flex-col justify-between" data-v-1b7ee354><p class="text-[14px] leading-[1.7] text-[var(--gva-text-body)] m-0 mb-5 line-clamp-3" data-v-1b7ee354>&quot;权限体系做得很扎实,把 AI Agent 也纳入同一套 RBAC,安全上让人放心。&quot;</p><div class="flex items-center gap-3" data-v-1b7ee354><span class="shrink-0 w-[38px] h-[38px] rounded-full grid place-items-center text-white font-bold" style="background:#f59e0b;" data-v-1b7ee354>å¼ </span><span data-v-1b7ee354><strong class="block text-[14px] text-[var(--gva-text-strong)]" data-v-1b7ee354>张磊</strong><em class="not-italic text-[12.5px] text-[var(--gva-text-muted)]" data-v-1b7ee354>技术架构师</em></span></div></div><!--]--></div></div><div class="block min-[861px]:hidden carousel-track" data-v-1b7ee354><div name="slide-left" class="carousel-inner-mobile" data-v-1b7ee354><div class="carousel-card-mobile h-[200px] w-full overflow-hidden bg-[var(--gva-bg-base)] border rounded-[var(--gva-radius)] p-6 flex flex-col justify-between shadow-[shadow:var(--gva-shadow)] border-[var(--gva-primary-ring)]" data-v-1b7ee354><p class="text-[14px] leading-[1.7] text-[var(--gva-text-body)] m-0 mb-5 line-clamp-3 font-light" data-v-1b7ee354>&quot;从建模到上线,GVA 把重复劳动几乎全部自动化了,团队真正把精力放在业务上。&quot;</p><div class="flex items-center gap-3" data-v-1b7ee354><span class="shrink-0 w-[38px] h-[38px] rounded-full grid place-items-center text-white font-bold" style="background:#2264F2;" data-v-1b7ee354>李</span><span data-v-1b7ee354><strong class="block text-[14px] text-[var(--gva-text-strong)]" data-v-1b7ee354>李工</strong><em class="not-italic text-[12.5px] text-[var(--gva-text-muted)] font-light" data-v-1b7ee354>后端负责人 · 某 SaaS 团队</em></span></div></div></div></div><div class="flex justify-center gap-2 mt-7" data-v-1b7ee354><!--[--><button class="w-[22px] bg-[var(--gva-primary)] h-2 rounded-full border-none cursor-pointer transition-all duration-200" aria-label="第 1 条" data-v-1b7ee354></button><button class="w-2 bg-[var(--gva-border-strong)] h-2 rounded-full border-none cursor-pointer transition-all duration-200" aria-label="第 2 条" data-v-1b7ee354></button><button class="w-2 bg-[var(--gva-border-strong)] h-2 rounded-full border-none cursor-pointer transition-all duration-200" aria-label="第 3 条" data-v-1b7ee354></button><button class="w-2 bg-[var(--gva-border-strong)] h-2 rounded-full border-none cursor-pointer transition-all duration-200" aria-label="第 4 条" data-v-1b7ee354></button><button class="w-2 bg-[var(--gva-border-strong)] h-2 rounded-full border-none cursor-pointer transition-all duration-200" aria-label="第 5 条" data-v-1b7ee354></button><!--]--></div></div></section><section class="gva-section min-h-screen bg-[#F5F5F5] dark:bg-[var(--gva-bg-alt)] flex items-center"><div class="gva-container"><div class="text-center mb-14 max-[860px]:mb-10"><h2 class="text-[clamp(28px,3.6vw,40px)] leading-[1.18] font-bold tracking-[-0.02em] text-[var(--gva-text-strong)]" style="margin-top:16px;">安全、可靠、<span class="text-[var(--gva-primary)]">可控</span></h2><p class="text-[clamp(14px,1.5vw,18px)] leading-[2] text-[var(--gva-text-body)] max-w-[820px] mt-4 mx-auto max-[860px]:font-light"> 你决定暴露哪些 API,Agent 只能调用这些;数据留在你自己的服务器上,边界始终掌握在你手里。 </p></div><div class="grid grid-cols-3 gap-[22px] max-[860px]:grid-cols-1"><!--[--><div class="bg-[var(--gva-bg-base)] border border-[var(--gva-border)] rounded-[var(--gva-radius)] shadow-[shadow:var(--gva-shadow-sm)] transition-[transform,box-shadow,border-color] duration-200 hover:-translate-y-[3px] hover:shadow-[shadow:var(--gva-shadow)] hover:border-[var(--gva-border-strong)] p-[30px]"><h3 class="text-[20px] font-bold text-[var(--gva-text-strong)] mb-3">安全</h3><p class="text-[14px] leading-[1.7] text-[var(--gva-text-body)] mb-5 max-[860px]:font-light">支持完全私有化部署,源码、数据与模型调用都在自有环境内闭环ï¼
33Œä¸ä¾èµ–任何外部托管。</p><span class="inline-flex items-center gap-[7px] text-[12.5px] font-semibold text-[var(--gva-primary)]"><i class="w-[7px] h-[7px] rounded-full bg-[var(--gva-primary)]"></i> 支持私有化部署</span></div><div class="bg-[var(--gva-bg-base)] border border-[var(--gva-border)] rounded-[var(--gva-radius)] shadow-[shadow:var(--gva-shadow-sm)] transition-[transform,box-shadow,border-color] duration-200 hover:-translate-y-[3px] hover:shadow-[shadow:var(--gva-shadow)] hover:border-[var(--gva-border-strong)] p-[30px]"><h3 class="text-[20px] font-bold text-[var(--gva-text-strong)] mb-3">可靠</h3><p class="text-[14px] leading-[1.7] text-[var(--gva-text-body)] mb-5 max-[860px]:font-light">基于 Go + Vue 的成熟全栈架构,经过大量项目在生产环境长期打磨,稳定可维护。</p><span class="inline-flex items-center gap-[7px] text-[12.5px] font-semibold text-[var(--gva-primary)]"><i class="w-[7px] h-[7px] rounded-full bg-[var(--gva-primary)]"></i> 生产环境验证</span></div><div class="bg-[var(--gva-bg-base)] border border-[var(--gva-border)] rounded-[var(--gva-radius)] shadow-[shadow:var(--gva-shadow-sm)] transition-[transform,box-shadow,border-color] duration-200 hover:-translate-y-[3px] hover:shadow-[shadow:var(--gva-shadow)] hover:border-[var(--gva-border-strong)] p-[30px]"><h3 class="text-[20px] font-bold text-[var(--gva-text-strong)] mb-3">可控</h3><p class="text-[14px] leading-[1.7] text-[var(--gva-text-body)] mb-5 max-[860px]:font-light">细到字段级的权限与可见性控制,Agent 能看到什么、能做什么,完全由你定义。</p><span class="inline-flex items-center gap-[7px] text-[12.5px] font-semibold text-[var(--gva-primary)]"><i class="w-[7px] h-[7px] rounded-full bg-[var(--gva-primary)]"></i> 你决定 Agent 能看见什么</span></div><!--]--></div></div></section><section class="gva-section !py-[44px] min-[861px]:!py-[100px] lg:!py-[128px] xl:!py-[160px]" data-v-6ca07577><div class="gva-container" data-v-6ca07577><div class="text-center mb-14 min-[861px]:mb-16 max-[860px]:mb-10" data-v-6ca07577><h2 class="text-[clamp(28px,3.8vw,44px)] leading-[1.18] font-bold tracking-[-0.02em] text-[var(--gva-text-strong)] dark:text-[var(--gva-text-strong)]" style="margin-top:16px;" data-v-6ca07577>他们都在用 <span class="text-[var(--gva-primary)]" data-v-6ca07577>GVA</span></h2><p class="text-[clamp(14px,1.6vw,19px)] leading-[2] text-[var(--gva-text-body)] max-w-[820px] mt-4 mx-auto" data-v-6ca07577>从云厂商到内容平台,众多团队把 GVA 用在生产环境。</p></div><div class="hidden min-[521px]:flex items-center gap-3.5 min-[861px]:gap-5" data-v-6ca07577><button class="shrink-0 w-[42px] h-[42px] min-[861px]:w-[50px] min-[861px]:h-[50px] rounded-full cursor-pointer border border-[var(--gva-border-strong)] bg-[var(--gva-bg-base)] text-[var(--gva-text-body)] text-[22px] min-[861px]:text-[26px] leading-none transition-all duration-[180ms] hover:border-[var(--gva-primary)] hover:text-[var(--gva-primary)]" aria-label="上一组" data-v-6ca07577>‹</button><div class="flex-1 carousel-viewport" data-v-6ca07577><div class="carousel-belt" style="transform:translateX(0px);transition:none;" data-v-6ca07577><!--[--><div class="card-side shadow-[shadow:var(--gva-shadow-sm)] border-[var(--gva-border)] logo-card grid place-items-center p-[18px] min-[861px]:p-7 bg-[var(--gva-bg-base)] border rounded-[var(--gva-radius)]" data-v-6ca07577><img src="/user/transsion.svg" alt="Transsion" loading="lazy" class="grayscale logo-img max-w-full max-h-12 min-[861px]:max-h-16 object-contain" data-v-6ca07577></div><div class="card-side shadow-[shadow:var(--gva-shadow-sm)] border-[var(--gva-border)] logo-card grid place-items-center p-[18px] min-[861px]:p-7 bg-[var(--gva-bg-base)] border rounded-[var(--gva-radius)]" data-v-6ca07577><img src="/user/huashu-tight.png" alt="华数传媒" loading="lazy" class="grayscale logo-img max-w-full max-h-12 min-[861px]:max-h-16 object-contain" data-v-6ca07577></div><div class="card-side shadow-[shadow:var(--gva-shadow-sm)] border-[var(--gva-border)] logo-card grid place-items-center p-[18px] min-[861px]:p-7 bg-[var(--gva-bg-base)] border rounded-[var(--gva-radius)]" data-v-6ca07577><img src="/user/ali.svg" alt="Alibaba Cloud" loading="lazy" class="grayscale logo-img max-w-full max-h-12 min-[861px]:max-h-16 object-contain" data-v-6ca07577></div><div class="card-center shadow-[shadow:var(--gva-shadow)] border-[var(--gva-primary-ring)] logo-card grid place-items-center p-[18px] min-[861px]:p-7 bg-[var(--gva-bg-base)] border rounded-[var(--gva-radius)]" data-v-6ca07577><img src="/user/zijie.svg" alt="ByteDance" loading="lazy" class="grayscale-0 logo-img max-w-full max-h-12 min-[861px]:max-h-16 object-contain" data-v-6ca07577></div><div class="card-side shadow-[shadow:var(--gva-shadow-sm)] border-[var(--gva-border)] logo-card grid place-items-center p-[18px] min-[861px]:p-7 bg-[var(--gva-bg-base)] border rounded-[var(--gva-radius)]" data-v-6ca07577><img src="/user/tengxun.svg" alt="Tencent" loading="lazy" class="grayscale logo-img max-w-full max-h-12 min-[861px]:max-h-16 object-contain" data-v-6ca07577></div><div class="card-side shadow-[shadow:var(--gva-shadow-sm)] border-[var(--gva-border)] logo-card grid place-items-center p-[18px] min-[861px]:p-7 bg-[var(--gva-bg-base)] border rounded-[var(--gva-radius)]" data-v-6ca07577><img src="/user/vivo-tight.svg" alt="vivo" loading="lazy" class="grayscale logo-img max-w-full max-h-12 min-[861px]:max-h-16 object-contain" data-v-6ca07577></div><div class="card-side shadow-[shadow:var(--gva-shadow-sm)] border-[var(--gva-border)] logo-card grid place-items-center p-[18px] min-[861px]:p-7 bg-[var(--gva-bg-base)] border rounded-[var(--gva-radius)]" data-v-6ca07577><img src="/user/anker.svg" alt="Anker" loading="lazy" class="grayscale logo-img max-w-full max-h-12 min-[861px]:max-h-16 object-contain" data-v-6ca07577></div><!--]--></div></div><button class="shrink-0 w-[42px] h-[42px] min-[861px]:w-[50px] min-[861px]:h-[50px] rounded-full cursor-pointer border border-[var(--gva-border-strong)] bg-[var(--gva-bg-base)] text-[var(--gva-text-body)] text-[22px] min-[861px]:text-[26px] leading-none transition-all duration-[180ms] hover:border-[var(--gva-primary)] hover:text-[var(--gva-primary)]" aria-label="下一组" data-v-6ca07577>›</button></div><div class="flex min-[521px]:hidden items-center gap-3" data-v-6ca07577><button class="shrink-0 w-[38px] h-[38px] rounded-full cursor-pointer border border-[var(--gva-border-strong)] bg-[var(--gva-bg-base)] text-[var(--gva-text-body)] text-[20px] leading-none transition-all duration-[180ms] hover:border-[var(--gva-primary)] hover:text-[var(--gva-primary)]" aria-label="上一个" data-v-6ca07577>‹</button><div class="flex-1 carousel-mobile-track" data-v-6ca07577><div name="slide-left" class="carousel-mobile-inner" data-v-6ca07577><div class="carousel-mobile-card grid place-items-center h-24 p-[18px] bg-[var(--gva-bg-base)] border rounded-[var(--gva-radius)] shadow-[shadow:var(--gva-shadow)] border-[var(--gva-primary-ring)]" data-v-6ca07577><img src="/user/zijie.svg" alt="ByteDance" loading="lazy" class="max-w-full max-h-12 object-contain" data-v-6ca07577></div></div></div><button class="shrink-0 w-[38px] h-[38px] rounded-full cursor-pointer border border-[var(--gva-border-strong)] bg-[var(--gva-bg-base)] text-[var(--gva-text-body)] text-[20px] leading-none transition-all duration-[180ms] hover:border-[var(--gva-primary)] hover:text-[var(--gva-primary)]" aria-label="下一个" data-v-6ca07577>›</button></div><div class="flex justify-center gap-[7px] mt-[26px] min-[861px]:mt-[34px] flex-wrap" data-v-6ca07577><!--[--><button class="w-2 bg-[var(--gva-border-strong)] h-2 rounded-full border-0 cursor-pointer transition-all duration-200" aria-label="华数传媒" data-v-6ca07577></button><button class="w-2 bg-[var(--gva-border-strong)] h-2 rounded-full border-0 cursor-pointer transition-all duration-200" aria-label="Alibaba Cloud" data-v-6ca07577></button><button class="w-[22px] bg-[var(--gva-primary)] h-2 rounded-full border-0 cursor-pointer transition-all duration-200" aria-label="ByteDance" data-v-6ca07577></button><button class="w-2 bg-[var(--gva-border-strong)] h-2 rounded-full border-0 cursor-pointer transition-all duration-200" aria-label="Tencent" data-v-6ca07577></button><button class="w-2 bg-[var(--gva-border-strong)] h-2 rounded-full border-0 cursor-pointer transition-all duration-200" aria-label="vivo" data-v-6ca07577></button><button class="w-2 bg-[var(--gva-border-strong)] h-2 rounded-full border-0 cursor-pointer transition-all duration-200" aria-label="Anker" data-v-6ca07577></button><button class="w-2 bg-[var(--gva-border-strong)] h-2 rounded-full border-0 cursor-pointer transition-all duration-200" aria-label="China Mobile" data-v-6ca07577></button><button class="w-2 bg-[var(--gva-border-strong)] h-2 rounded-full border-0 cursor-pointer transition-all duration-200" aria-label="Douyu" data-v-6ca07577></button><button class="w-2 bg-[var(--gva-border-strong)] h-2 rounded-full border-0 cursor-pointer transition-all duration-200" aria-label="Cadence" data-v-6ca07577></button><button class="w-2 bg-[var(--gva-border-strong)] h-2 rounded-full border-0 cursor-pointer transition-all duration-200" aria-label="Transsion" data-v-6ca07577></button><!--]--></div></div></section><section class="gva-section [background:radial-gradient(720px_360px_at_50%_120%,rgba(34,100,242,0.12),transparent_70%),var(--gva-bg-base)]"><div class="gva-container text-center flex flex-col items-center"><h2 class="text-[clamp(28px,3.6vw,40px)] leading-[1.18] font-bold tracking-[-0.02em] text-[var(--gva-text-strong)] dark:text-[var(--gva-text-strong)] mt-4">强大的 API,<span class="text-[var(--gva-primary)]">更强大的 AI</span></h2><p class="text-[clamp(15px,1.5vw,18px)] leading-[2] text-[var(--gva-text-body)] max-w-[820px] mt-4 mx-auto mb-8 max-[860px]:font-light">GVA 3.0,让 API 也能被 AI 理解、调用、自动化。</p><div class="flex gap-3.5 flex-wrap justify-center"><div class="relative inline-flex max-[560px]:min-w-[140px] max-[560px]:flex-1"><button type="button" class="inline-flex h-[43px] w-full cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-[8px] border border-transparent bg-[var(--gva-primary)] px-7 text-[14px] font-normal text-white transition-[transform,box-shadow,background-color,border-color,color] duration-200 hover:-translate-y-
33px hover:bg-[var(--gva-primary-hover)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gva-primary)] focus-visible:ring-offset-2 max-[860px]:h-12" aria-haspopup="menu" aria-expanded="false" aria-controls="experience-version-menu-v-1"><span>立即体验</span><span class="-translate-y-[2px] rotate-45 h-2 w-2 border-b border-r border-current transition-transform duration-200" aria-hidden="true"></span></button><!----></div><a class="inline-flex items-center justify-center gap-2 h-[43px] max-[860px]:h-12 px-7 rounded-[8px] text-[14px] font-normal cursor-pointer whitespace-nowrap border border-[var(--gva-primary)] transition-[transform,box-shadow,background-color,border-color,color] duration-200 bg-transparent text-[var(--gva-primary)] hover:border-[var(--gva-primary)] hover:text-[var(--gva-primary)] max-[560px]:flex-1 max-[560px]:min-w-[140px]" href="/guide/introduce/project">阅读文档 →</a></div></div></section><footer class="gva-section gva-section--dark pt-16 pb-7"><div class="gva-container"><div class="grid grid-cols-[auto_1fr_1fr_1fr] gap-12 pb-11 border-b border-white/[0.08] max-[860px]:grid-cols-1 max-[860px]:gap-9 max-[1024px]:grid-cols-[auto_1fr_1fr] max-[1024px]:gap-8"><div class="flex flex-col gap-5"><a href="https://trendshift.io/repositories/3250?utm_source=repository-badge&amp;utm_medium=badge&amp;utm_campaign=badge-repository-3250" target="_blank" rel="noopener noreferrer" class="inline-block"><img src="https://trendshift.io/api/badge/repositories/3250" alt="flipped-aurora/gin-vue-admin | Trendshift" width="250" height="55" loading="lazy"></a><div class="flex gap-2.5"><!--[--><a href="https://github.com/flipped-aurora/gin-vue-admin" title="GitHub" target="_blank" rel="noopener" class="w-[38px] h-[38px] rounded-[10px] grid place-items-center bg-white/[0.06] border border-white/[0.1] text-white/[0.8] transition-all duration-[180ms] hover:bg-[var(--gva-primary)] hover:border-[var(--gva-primary)] hover:text-white [&amp;_img]:block [&amp;_img]:rounded-[4px]"><svg viewBox="0 0 24 24" width="20" height="20" fill="currentColor"><path d="M12 2C6.5 2 2 6.6 2 12.3c0 4.5 2.9 8.3 6.8 9.7.5.1.7-.2.7-.5v-1.7c-2.8.6-3.4-1.4-3.4-1.4-.5-1.2-1.1-1.5-1.1-1.5-.9-.6.1-.6.1-.6 1 .1 1.5 1 1.5 1 .9 1.6 2.4 1.1 3 .9.1-.7.4-1.1.6-1.4-2.2-.3-4.6-1.1-4.6-5 0-1.1.4-2 1-2.7-.1-.3-.4-1.3.1-2.7 0 0 .8-.3 2.7 1 .8-.2 1.7-.3 2.5-.3s1.7.1 2.5.3c1.9-1.3 2.7-1 2.7-1 .5 1.4.2 2.4.1 2.7.6.7 1 1.6 1 2.7 0 3.9-2.4 4.7-4.6 5 .4.3.7.9.7 1.9v2.8c0 .3.2.6.7.5 3.9-1.4 6.8-5.2 6.8-9.7C22 6.6 17.5 2 12 2z"/></svg></a><a href="https://gitee.com/pixelmax/gin-vue-admin" title="Gitee" target="_blank" rel="noopener" class="w-[38px] h-[38px] rounded-[10px] grid place-items-center bg-white/[0.06] border border-white/[0.1] text-white/[0.8] transition-all duration-[180ms] hover:bg-[var(--gva-primary)] hover:border-[var(--gva-primary)] hover:text-white [&amp;_img]:block [&amp;_img]:rounded-[4px]"><img src="/icons/gitee.png" alt="Gitee" width="20" height="20" loading="lazy" /></a><a href="https://gitcode.com/flipped-aurora/gin-vue-admin" title="GitCode" target="_blank" rel="noopener" class="w-[38px] h-[38px] rounded-[10px] grid place-items-center bg-white/[0.06] border border-white/[0.1] text-white/[0.8] transition-all duration-[180ms] hover:bg-[var(--gva-primary)] hover:border-[var(--gva-primary)] hover:text-white [&amp;_img]:block [&amp;_img]:rounded-[4px]"><img src="/icons/gitcode.svg" alt="GitCode" width="20" height="20" loading="lazy" /></a><!--]--></div></div><div><h4 class="mt-0 mb-4 text-[13px] font-bold text-white tracking-[0.04em]">产品</h4><!--[--><a href="https://github.com/flipped-aurora/gin-vue-admin/discussions" target="_blank" rel="noopener" class="block text-[14px] text-white/[0.6] mb-3 transition-[color] duration-[180ms] hover:text-white">社区论坛</a><a href="https://plugin.gin-vue-admin.com/#/layout/home" target="_blank" rel="noopener" class="block text-[14px] text-white/[0.6] mb-3 transition-[color] duration-[180ms] hover:text-white">插件市场</a><a href="https://demo.gin-vue-admin.com" target="_blank" rel="noopener" class="block text-[14px] text-white/[0.6] mb-3 transition-[color] duration-[180ms] hover:text-white">在线体验</a><a href="/guide/introduce/project" class="block text-[14px] text-white/[0.6] mb-3 transition-[color] duration-[180ms] hover:text-white">GVA 3.0</a>
33<!--]--></div><div><h4 class="mt-0 mb-4 text-[13px] font-bold text-white tracking-[0.04em]">资源</h4><!--[--><a href="/guide/introduce/project" class="block text-[14px] text-white/[0.6] mb-3 transition-[color] duration-[180ms] hover:text-white">开发文档</a><a href="/guide/video/golang" class="block text-[14px] text-white/[0.6] mb-3 transition-[color] duration-[180ms] hover:text-white">视频教程</a><a href="/about/join" class="block text-[14px] text-white/[0.6] mb-3 transition-[color] duration-[180ms] hover:text-white">关于我们</a><!--]--></div><div class="max-[1024px]:hidden"><h4 class="mt-0 mb-4 text-[13px] font-bold text-white tracking-[0.04em]">授权与支持</h4><!--[--><a href="https://plugin.gin-vue-admin.com/license" target="_blank" rel="noopener" class="block text-[14px] text-white/[0.6] mb-3 transition-[color] duration-[180ms] hover:text-white">企业版</a><a href="/terms" class="block text-[14px] text-white/[0.6] mb-3 transition-[color] duration-[180ms] hover:text-white">服务协议</a><a href="/guide/manual/qa" class="block text-[14px] text-white/[0.6] mb-3 transition-[color] duration-[180ms] hover:text-white">常见问题</a><!--]--></div></div><div class="flex items-center justify-between gap-4 flex-wrap pt-6 max-[860px]:flex-col max-[860px]:items-start"><p class="m-0 text-[13px] text-white/[0.45]"> Copyright © 2020-2026 Flipped-aurora Open Source Community · <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener" class="text-white/[0.6] hover:text-white">鲁ICP备17040210号-2</a></p><nav class="flex gap-5 flex-wrap"><a href="/terms" class="text-[13px] text-white/[0.55] hover:text-white">Terms of Service</a><a href="/privacy" class="text-[13px] text-white/[0.55] hover:text-white">Privacy Policy</a><a href="/refund" class="text-[13px] text-white/[0.55] hover:text-white">Refund Policy</a></nav></div></div></footer></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
34    
34<script>window.__VP_HASH_MAP__=JSON.parse("{\"changelog.md\":\"DWumQOwu\",\"coffee_index.md\":\"4ScIJdYC\",\"empower_check.md\":\"DehtZ8Rc\",\"empower_index.md\":\"CacM549U\",\"experience_docker-compose.md\":\"v4uv7itb\",\"experience_docker-playground.md\":\"DJ3yM1eR\",\"experience_index.md\":\"ReumytBU\",\"experience_online.md\":\"dsCMf29W\",\"guide_best-practices_development-standards.md\":\"RSBkbQvp\",\"guide_deployment_docker-compose.md\":\"DSObKIDg\",\"guide_deployment_docker.md\":\"BNeCEIIa\",\"guide_deployment_docker_develop.md\":\"Cqq7ERTZ\",\"guide_deployment_index.md\":\"BqNCd_au\",\"guide_deployment_k8s.md\":\"CNN4Fmun\",\"guide_generator_package.md\":\"Bkpg_okG\",\"guide_generator_server.md\":\"BwyLzGu0\",\"guide_generator_web-produce.md\":\"DCXm-5xz\",\"guide_generator_web.md\":\"D4Jwkxgb\",\"guide_introduce_project.md\":\"CBcjEdBH\",\"guide_manual_qa.md\":\"BBNTUwE8\",\"guide_plugin_develop.md\":\"BPHwfQ2d\",\"guide_plugin_install.md\":\"BIVf9l4C\",\"guide_server_ai-cli.md\":\"DfE0TktK\",\"guide_server_ai-generate.md\":\"BS1cYEYM\",\"guide_server_ai-scenario.md\":\"CWbfv1FE\",\"guide_server_authentication.md\":\"Dy1EP8Lf\",\"guide_server_authorization.md\":\"Bj_g1evX\",\"guide_server_cache.md\":\"HKUf_bDM\",\"guide_server_code-generator.md\":\"D_lV95y1\",\"guide_server_config_autocode.md\":\"DfPIYTMn\",\"guide_server_config_captcha.md\":\"5w02Zos0\",\"guide_server_config_cors.md\":\"BBbmDywN\",\"guide_server_config_database.md\":\"WKihKIIR\",\"guide_server_config_email.md\":\"Bc9i3dSp\",\"guide_server_config_index.md\":\"Cm_mnwhu\",\"guide_server_config_jwt.md\":\"BoiAYiRa\",\"guide_server_config_mcp.md\":\"CR-GzB0Y\",\"guide_server_config_media.md\":\"CD2LZFbU\",\"guide_server_config_mongo.md\":\"DyLA3rKM\",\"guide_server_config_oss.md\":\"6Pwq7MdS\",\"guide_server_config_other.md\":\"BpzLSHq8\",\"guide_server_config_redis.md\":\"CSlxL43Y\",\"guide_server_config_system.md\":\"DVIisdIl\",\"guide_server_config_zap.md\":\"BMEXnL5d\",\"guide_server_core_viper.md\":\"V9zE2cS2\",\"guide_server_core_zap.md\":\"C7w57NqV\",\"guide_server_database-design.md\":\"B7ZH7Npb\",\"guide_server_gorm.md\":\"B5pcOVmc\",\"guide_server_index.md\":\"C0pWOaLl\",\"guide_server_mcp.md\":\"BFtJkBvm\",\"guide_server_multiple-databases.md\":\"BvCRPWOV\",\"guide_server_oss.md\":\"sfaqsatR\",\"guide_server_security.md\":\"K_o0Ldle\",\"guide_server_strict-auth.md\":\"heHkFHCi\",\"guide_server_timer.md\":\"DfKPwwPu\",\"guide_start-quickly_env.md\":\"C4TN4EU5\",\"guide_start-quickly_initialization.md\":\"DCfg-Ysg\",\"guide_start-quickly_swagger.md\":\"CYqboCyH\",\"guide_start-quickly_vscode.md\":\"B-lbB00a\",\"guide_troubleshooting_common-issues.md\":\"qKCPPObI\",\"guide_video_gin.md\":\"YC0j99KC\",\"guide_video_golang.md\":\"BKLKT0S4\",\"guide_video_gorm.md\":\"CQmKJX40\",\"guide_video_server.md\":\"DYRiuEfR\",\"guide_video_web.md\":\"Djc1qRie\",\"guide_web_auto-icon.md\":\"D2IHGMYu\",\"guide_web_button-auth.md\":\"CckPOv5j\",\"guide_web_component-library.md\":\"Cq5d6bNZ\",\"guide_web_dictionary.md\":\"eyB_B_cF\",\"guide_web_env.md\":\"BF7aWTxe\",\"guide_web_export-excel.md\":\"B1zOBUNV\",\"guide_web_index.md\":\"pnLJhmgu\",\"guide_web_menu-theme.md\":\"Bx8tRxS6\",\"guide_web_typescript.md\":\"DVsMt1tw\",\"index.md\":\"BEJh76Nv\",\"privacy.md\":\"BWrfIuRu\",\"project_plugins.md\":\"CTuDFTLP\",\"project_sdk.md\":\"DT5V6hTa\",\"project_tools.md\":\"BXljU-a2\",\"refund.md\":\"SUofp9aZ\",\"study_aliyun.md\":\"DhiSNyyO\",\"study_huawei.md\":\"D-rMAKM0\",\"study_index.md\":\"CYnS70Yz\",\"study_indexbak.md\":\"CdIIikZQ\",\"study_qiniu.md\":\"CRigLepL\",\"study_tencent.md\":\"D43yiek1\",\"superpowers_plans_2026-06-14-legal-pages-footer-links.md\":\"DwegXC6W\",\"superpowers_plans_2026-07-29-home-heading-dark-mode.md\":\"DD0KaQKl\",\"superpowers_specs_2026-06-14-legal-pages-footer-links-design.md\":\"CECte4kk\",\"superpowers_specs_2026-07-29-home-heading-dark-mode-design.md\":\"DaGt4Aw6\",\"terms.md\":\"CYoK3l5H\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"Gin-Vue-Admin\",\"description\":\"gin+vue编写的自动化代码开发脚手架,是gin+vue全栈学习最好的项目,腾讯阿里开发均有采用gin-vue-admin为模型进行相关业务开发,代码自动化,加快开发速度,权限系统齐全,减
34少重复工作\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/logo.png\",\"alt\":\"Gin-Vue-Admin\",\"loading\":\"lazy\"},\"returnToTopLabel\":\"返回顶部\",\"outline\":{\"label\":\"目录\"},\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\",\"closeText\":\"关闭\"}}}}},\"miniSearch\":{\"searchOptions\":{\"combineWith\":\"AND\",\"fuzzy\":0.2,\"prefix\":true,\"boost\":{\"title\":4,\"text\":2,\"titles\":1}}}}},\"editLink\":{\"pattern\":\"https://github.com/flipped-aurora/gin-vue-admin.com/edit/master/docs/:path\",\"text\":\"在Github上编辑此页\"},\"socialLinks\":[],\"footer\":{\"message\":\"Copyright © 2020-2026 Flipped-aurora Open Source Community\",\"copyright\":\"<a href=\\\"https://beian.miit.gov.cn/\\\" target=\\\"_blank\\\">鲁ICP备17040210号-2</a>\"},\"nav\":[{\"text\":\"文档\",\"link\":\"/guide/start-quickly/initialization\"},{\"text\":\"更新日志\",\"link\":\"/changelog\"},{\"text\":\"授权查询\",\"link\":\"/empower/check\"},{\"text\":\"著 作 权\",\"link\":\"/copyright.pdf\",\"target\":\"_blank\"},{\"text\":\"购买授权\",\"link\":\"https://plugin.gin-vue-admin.com/license\"},{\"text\":\"插件市场\",\"link\":\"https://plugin.gin-vue-admin.com/#/layout/home\"}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"collapsed\":false,\"items\":[{\"text\":\"项目介绍\",\"link\":\"/guide/introduce/project\"}]},{\"text\":\"快速开始\",\"collapsed\":true,\"items\":[{\"text\":\"环境配置\",\"link\":\"/guide/start-quickly/env\"},{\"text\":\"初始化\",\"link\":\"/guide/start-quickly/initialization\"},{\"text\":\"AI助手配置\",\"link\":\"/guide/server/mcp\"},{\"text\":\"AI 生成业务模块\",\"link\":\"/guide/server/ai-generate\"},{\"text\":\"AI CLI 构建\",\"link\":\"/guide/server/ai-cli\"},{\"text\":\"调用场景编排\",\"link\":\"/guide/server/ai-scenario\"},{\"text\":\"swagger\",\"link\":\"/guide/start-quickly/swagger\"},{\"text\":\"vscode\",\"link\":\"/guide/start-quickly/vscode\"},{\"text\":\"常见问题\",\"link\":\"/guide/manual/qa\"}]},{\"text\":\"代码生成器\",\"collapsed\":true,\"items\":[{\"text\":\"自动化package\",\"link\":\"/guide/generator/package\"},{\"text\":\"代码生成器使用指南\",\"link\":\"/guide/generator/server\"},{\"text\":\"表单生成器\",\"link\":\"/guide/generator/web\"},{\"text\":\"表单生成器生产使用指南\",\"link\":\"/guide/generator/web-produce\"}]},{\"text\":\"前端项目指南\",\"collapsed\":true,\"items\":[{\"text\":\"前端指南\",\"link\":\"/guide/web/\"},{\"text\":\"环境变量\",\"link\":\"/guide/web/env\"},{\"text\":\"按钮权限\",\"link\":\"/guide/web/button-auth\"},{\"text\":\"字典方法\",\"link\":\"/guide/web/dictionary\"},{\"text\":\"主题系统\",\"link\":\"/guide/web/menu-theme\"},{\"text\":\"基础组件库\",\"link\":\"/guide/web/component-library\"},{\"text\":\"自定义图标【菜单以及直接使用】\",\"link\":\"/guide/web/auto-icon\"},{\"text\":\"开启TypeScript\",\"link\":\"/guide/web/typescript\"},{\"text\":\"导出Excel\",\"link\":\"/guide/web/export-excel\"},{\"text\":\"开发指导文档\",\"link\":\"https://plugin.gin-vue-admin.com/license\"}]},{\"text\":\"后端项目指南\",\"collapsed\":true,\"items\":[{\"text\":\"后端指南\",\"link\":\"/guide/server/\"},{\"text\":\"认证系统\",\"link\":\"/guide/server/authentication\"},{\"text\":\"安全中心\",\"link\":\"/guide/server/security\"},{\"text\":\"缓存体系\",\"link\":\"/guide/server/cache\"},{\"text\":\"权限系统\",\"link\":\"/guide/server/authorization\"},{\"text\":\"代码生成器\",\"link\":\"/guide/server/code-generator\"},{\"text\":\"对象存储\",\"link\":\"/guide/server/oss\"},{\"text\":\"多数据库支持\",\"link\":\"/guide/server/multiple-databases\"},{\"text\":\"严格角色模式\",\"link\":\"/guide/server/strict-auth\"},{\"text\":\"viper\",\"link\":\"/guide/server/core/viper\"},{\"text\":\"zap\",\"link\":\"/guide/server/core/zap\"},{\"text\":\"gorm\",\"link\":\"/guide/server/gorm\"},{\"text\":\"定时任务\",\"link\":\"/guide/server/timer\"},{\"text\":\"数据库设计\",\"link\":\"/guide/server/database-design\"},{\"text\":\"开发指导文档\",\"link\":\"https://plugin.gin-vue-admin.com/license\"}]},{\"text\":\"配置文件\",\"collapsed\":true,\"items\":[{\"text\":\"配置总览\",\"link\":\"/guide/server/config/\"},{\"text\":\"JWT\",\"link\":\"/guide/server/config/jwt\"},{\"text\":\"Zap 日志\",\"link\":\"/guide/server/config/zap\"},{\"text\":\"Redis\",\"link\":\"/guide/server/config/redis\"},{\"text\":\"MongoDB\",\"link\":\"/guide/server/config/mongo\"},{\"text\":\"Email\",\"link\":\"/guide/server/config/email\"},{\"text\":\"System 系统\",\"link\":\"/guide/server/config/system\"},{\"text\":\"Captcha 验证码\",\"link\":\"/guide/server/config/captcha\"},{\"text\":\"数据库\",\"link\":\"/guide/server/config/database\"},{\"text\":\"对象存储\",\"link\":\"/guide/server/config/oss\"},{\"text\":\"AutoCode\",\"link\":\"/guide/server/config/autocode\"},{\"text\":\"Media 媒体\",\"link\":\"/guide/server/config/media\"},{\"text\":\"CORS 跨域\",\"link\":\"/guide/server/config/cors\"},{\"text\":\"MCP\",\"link\":\"/guide/server/config/mcp\"},{\"text\":\"其他配置\",\"link\":\"/guide/server/config/other\"}]},{\"text\":\"最佳实践\",\"collapsed\":true,\"items\":[{\"text\":\"开发规范指南\",\"link\":\"/guide/best-practices/development-standards\"}]},{\"text\":\"故障排除\",\"collapsed\":true,\"items\":[{\"text\":\"常见问题解答\",\"link\":\"/guide/troubleshooting/common-issues\"}]},{\"text\":\"插件使用教程\",\"collapsed\":true,\"items\":[{\"text\":\"插件安装教程\",\"link\":\"/guide/plugin/install\"},{\"text\":\"插件研发教程\",\"link\":\"/guide/plugin/develop\"}]},{\"text\":\"部署指南\",\"collapsed\":true,\"items\":[{\"text\":\"项目上线\",\"link\":\"/guide/deployment/\"},{\"text\":\"docker\",\"link\":\"/guide/deployment/docker\"},{\"text\":\"docker-compose\",\"link\":\"/guide/deployment/docker-compose\"},{\"text\":\"kubernetes\",\"link\":\"/guide/deployment/k8s\"},{\"text\":\"更详部署指南\",\"link\":\"https://plugin.gin-vue-admin.com/license\"}]},{\"text\":\"视频教程\",\"collapsed\":true,\"items\":[{\"text\":\"Go教程\",\"link\":\"/guide/video/golang\"},{\"text\":\"Gin教程\",\"link\":\"/guide/video/gin\"},{\"text\":\"Gorm教程\",\"link\":\"/guide/video/gorm\"},{\"text\":\"server项目教程\",\"link\":\"/guide/video/server\"},{\"text\":\"web项目教程\",\"link\":\"/guide/video/web\"}]}],\"/experience/\":[{\"text\":\"体验项目\",\"collapsed\":true,\"items\":[{\"text\":\"在线体验\",\"link\":\"/experience/online\"},{\"text\":\"DockerPlayground\",\"link\":\"/experience/docker-playground\"},{\"text\":\"docker-compose\",\"link\":\"/experience/docker-compose\"}]}],\"/study/\":[{\"text\":\"学习\",\"items\":[{\"text\":\"相关站点\",\"link\":\"/study/\"}]},{\"text\":\"对象存储插件\",\"items\":[{\"text\":\"阿里云对象存储\",\"link\":\"/study/aliyun\"},{\"text\":\"腾讯对象存储\",\"link\":\"/study/tencent\"},{\"text\":\"七牛云对象存储\",\"link\":\"/study/qiniu\"}]}]}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
34
35    
36  </body>
37</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.