Spaces:
Running
Running
File size: 11,664 Bytes
1d2d740 c56b9f4 1d2d740 979bd80 1d2d740 979bd80 1d2d740 979bd80 1d2d740 979bd80 c56b9f4 1d2d740 c56b9f4 1d2d740 979bd80 c56b9f4 1d2d740 979bd80 1d2d740 979bd80 1d2d740 979bd80 1d2d740 979bd80 1d2d740 979bd80 1d2d740 979bd80 1d2d740 979bd80 1d2d740 979bd80 1d2d740 979bd80 1d2d740 979bd80 1d2d740 979bd80 c56b9f4 979bd80 1d2d740 979bd80 1d2d740 979bd80 c56b9f4 979bd80 1d2d740 979bd80 1d2d740 979bd80 1d2d740 979bd80 1d2d740 c56b9f4 979bd80 1d2d740 979bd80 1d2d740 c56b9f4 1d2d740 979bd80 1d2d740 c56b9f4 1d2d740 c56b9f4 979bd80 c56b9f4 979bd80 c56b9f4 979bd80 c56b9f4 979bd80 c56b9f4 979bd80 c56b9f4 1d2d740 c56b9f4 979bd80 c56b9f4 1d2d740 979bd80 1d2d740 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FlexGen Studio - MyBatis Flex 代码生成器</title>
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
<link rel="stylesheet" href="style.css">
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<script src="https://unpkg.com/feather-icons"></script>
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
</head>
<body class="min-h-screen bg-gray-900">
<custom-navbar></custom-navbar>
<!-- Hero Section -->
<section id="hero" class="relative min-h-screen flex items-center justify-center overflow-hidden bg-gradient-to-br from-gray-900 via-blue-900 to-gray-900">
<div class="absolute inset-0 z-0 opacity-20">
<div class="absolute top-1/4 left-1/4 w-64 h-64 bg-blue-500 rounded-full filter blur-3xl"></div>
<div class="absolute bottom-1/4 right-1/4 w-64 h-64 bg-purple-500 rounded-full filter blur-3xl"></div>
</div>
<div class="relative z-10 max-w-6xl mx-auto px-4 text-center">
<h1 class="text-5xl md:text-7xl font-bold text-white mb-6">
FlexGen Studio
</h1>
<p class="text-xl md:text-2xl text-gray-300 mb-8">
轻松生成 MyBatis Flex 代码 🎯
</p>
<div class="flex flex-col sm:flex-row gap-4 justify-center">
<a href="#generator" class="bg-blue-600 hover:bg-blue-700 text-white px-8 py-4 rounded-lg font-semibold text-lg transition-all duration-300 transform hover:scale-105 shadow-lg">
开始生成
</a>
<a href="#features" class="border-2 border-white text-white hover:bg-white hover:text-gray-900 px-8 py-4 rounded-lg font-semibold text-lg transition-all duration-300">
了解更多
</a>
</div>
</div>
</section>
<!-- Features Section -->
<section id="features" class="py-20 bg-gray-900">
<div class="max-w-6xl mx-auto px-4">
<h2 class="text-4xl font-bold text-center text-white mb-16">为什么选择 FlexGen Studio？</h2>
<div class="grid md:grid-cols-3 gap-8">
<div class="text-center p-6 bg-gray-800 rounded-2xl hover:bg-gray-700 transition-all duration-300">
<div class="w-16 h-16 bg-blue-900 rounded-full flex items-center justify-center mx-auto mb-4">
<i data-feather="zap" class="text-blue-400"></i>
</div>
<h3 class="text-xl font-semibold mb-4 text-white">闪电般快速</h3>
<p class="text-gray-400">使用智能模板，在几秒钟内生成优化的 MyBatis Flex 代码。</p>
</div>
<div class="text-center p-6 bg-gray-800 rounded-2xl hover:bg-gray-700 transition-all duration-300">
<div class="w-16 h-16 bg-green-900 rounded-full flex items-center justify-center mx-auto mb-4">
<i data-feather="code" class="text-green-400"></i>
</div>
<h3 class="text-xl font-semibold mb-4 text-white">简洁代码</h3>
<p class="text-gray-400">生产就绪、结构良好的代码，遵循最佳实践和约定。</p>
</div>
<div class="text-center p-6 bg-gray-800 rounded-2xl hover:bg-gray-700 transition-all duration-300">
<div class="w-16 h-16 bg-purple-900 rounded-full flex items-center justify-center mx-auto mb-4">
<i data-feather="settings" class="text-purple-400"></i>
</div>
<h3 class="text-xl font-semibold mb-4 text-white">高度可定制</h3>
<p class="text-gray-400">根据您的特定项目需求和偏好定制生成的代码。</p>
</div>
</div>
</div>
</section>
<!-- Code Generator Section -->
<section id="generator" class="py-20 bg-gray-800">
<div class="max-w-6xl mx-auto px-4">
<h2 class="text-4xl font-bold text-center text-white mb-16">代码生成器</h2>
<div class="bg-gray-900 rounded-2xl shadow-2xl p-8 border border-gray-700">
<div class="grid lg:grid-cols-2 gap-8">
<!-- Input Section -->
<div class="space-y-6">
<div>
<label class="block text-sm font-medium text-white mb-2">数据库配置</label>
<div class="grid grid-cols-2 gap-4">
<input type="text" placeholder="Database URL" class="w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent text-white">
<input type="text" placeholder="Username" class="w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent text-white">
</div>
</div>
<div>
<label class="block text-sm font-medium text-white mb-2">表选择</label>
<select class="w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent text-white">
<option>选择表...</option>
<option>user</option>
<option>order</option>
<option>product</option>
</select>
</div>
<div>
<label class="block text-sm font-medium text-white mb-2">输出配置</label>
<div class="space-y-3">
<label class="flex items-center text-white">
<input type="checkbox" class="rounded border-gray-700 bg-gray-800 text-blue-500 focus:ring-blue-500">
<span class="ml-2">生成实体类</span>
</label>
<label class="flex items-center text-white">
<input type="checkbox" class="rounded border-gray-700 bg-gray-800 text-blue-500 focus:ring-blue-500" checked>
<span class="ml-2">生成 Mapper 接口</span>
</label>
<label class="flex items-center text-white">
<input type="checkbox" class="rounded border-gray-700 bg-gray-800 text-blue-500 focus:ring-blue-500">
<span class="ml-2">生成 Service 类</span>
</label>
</div>
</div>
<button onclick="generateCode()" class="w-full bg-blue-600 hover:bg-blue-700 text-white py-4 px-6 rounded-lg font-semibold text-lg transition-all duration-300 transform hover:scale-105">
生成代码
</button>
</div>
<!-- Output Preview -->
<div>
<label class="block text-sm font-medium text-white mb-2">生成代码预览</label>
<div class="bg-black rounded-lg p-4 h-96 overflow-auto border border-gray-700">
<pre id="code-output" class="text-green-400 text-sm font-mono">// Generated code will appear here...</pre>
</div>
<div class="mt-4 flex gap-3">
<button onclick="copyCode()" class="flex-1 bg-gray-700 hover:bg-gray-600 text-white py-3 px-4 rounded-lg font-medium transition-colors">
<i data-feather="copy" class="inline w-4 h-4 mr-2"></i>
复制代码
</button>
<button onclick="downloadCode()" class="flex-1 bg-green-700 hover:bg-green-600 text-white py-3 px-4 rounded-lg font-medium transition-colors">
<i data-feather="download" class="inline w-4 h-4 mr-2"></i>
下载
</button>
</div>
</div>
</div>
</div>
</div>
</section>
<custom-footer></custom-footer>
<!-- Documentation Section -->
<section id="documentation" class="py-20 bg-gray-900">
<div class="max-w-6xl mx-auto px-4">
<h2 class="text-4xl font-bold text-center text-white mb-16">MyBatis-Flex 代码生成器文档</h2>
<div class="bg-gray-800 rounded-2xl p-8 border border-gray-700">
<div class="grid md:grid-cols-2 gap-8">
<div class="space-y-6">
<div class="bg-blue-900 p-6 rounded-lg border border-blue-700">
<h3 class="text-xl font-semibold mb-4 text-white">快速开始</h3>
<p class="text-gray-300 mb-4">添加 mybatis-flex-codegen 的 Maven 依赖：</p>
<pre class="bg-black text-green-400 p-4 rounded-lg text-sm border border-gray-700">
<dependency>
<groupId>com.mybatis-flex</groupId>
<artifactId>mybatis-flex-codegen</artifactId>
<version>1.11.3</version>
</dependency></pre>
</div>
<div class="bg-green-900 p-6 rounded-lg border border-green-700">
<h3 class="text-xl font-semibold mb-4 text-white">AI 代码生成功能</h3>
<p class="text-gray-300 mb-4">MyBatis-Flex 提供了一个在线的 AI 代码生成器，可以通过您的产品需求描述，自动生成完整的 SpringBoot + MyBatisFlex 项目代码以及 SQL 脚本。</p>
<a href="https://ai.mybatis-flex.com" target="_blank" class="inline-block bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg font-medium transition-colors">
访问 AI 代码生成器
</a>
</div>
</div>
<div class="space-y-6">
<div class="bg-purple-900 p-6 rounded-lg border border-purple-700">
<h3 class="text-xl font-semibold mb-4 text-white">支持生成的产物</h3>
<ul class="list-disc list-inside text-gray-300 space-y-2">
<li>Entity 实体类</li>
<li>Mapper 映射类</li>
<li>TableDef 表定义辅助类</li>
<li>Service 服务类</li>
<li>ServiceImpl 服务实现类</li>
<li>Controller 控制类</li>
<li>MapperXml 文件</li>
<li>package-info.java 文件</li>
</ul>
</div>
</div>
</div>
</section>
<custom-footer></custom-footer>
<!-- Scripts -->
<script src="components/navbar.js"></script>
<script src="components/footer.js"></script>
<script src="script.js"></script>
<script>
feather.replace();
</script>
<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
</body>
</html> |