# FormCode-Gen

**Repository Path**: xlnnn/formcode-gen

## Basic Information

- **Project Name**: FormCode-Gen
- **Description**: 移动端的表单和图表代码生成
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-01-12
- **Last Updated**: 2026-01-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 移动端表单和图表代码生成器

通过简单的业务描述自动分析并生成Android Kotlin和iOS Swift的表单代码，提高跨平台开发效率，及通过简单的业务元数据自动分析并生成Android Kotlin和iOS Swift的图表代码，提高跨平台开发效率。

## 功能特点

- **自然语言分析**：通过NLP技术分析业务需求描述，自动识别表单字段和属性
- **跨平台代码生成**：同时生成Android Kotlin和iOS Swift的表单代码
- **自动验证逻辑**：根据字段属性自动生成表单验证逻辑
- **响应式设计**：生成的表单代码支持不同屏幕尺寸
- **实时预览**：可在浏览器中预览生成的表单效果
- **代码下载**：一键下载完整的代码包

## 技术栈

### 前端
- Vue.js 3
- Vue Router
- Vuex
- Tailwind CSS
- Axios

### 后端
- Spring Boot
- Java
- 自然语言处理 (NLP)
- 代码生成引擎

## 快速开始

### 前端开发

1. 进入前端目录
```bash
cd frontend
```

2. 安装依赖
```bash
npm install
```

3. 启动开发服务器
```bash
npm run dev
```

4. 访问 http://localhost:3000

### 后端开发

1. 确保已安装Java 11+和Maven

2. 进入后端目录
```bash
cd backend
```

3. 编译并运行
```bash
mvn spring-boot:run
```

4. 后端服务将在 http://localhost:8080 启动

## 使用指南

1. **输入需求描述**：在首页的文本框中输入您的表单需求描述
2. **分析需求**：点击"分析需求"按钮，系统将自动解析您的需求
3. **生成代码**：确认分析结果无误后，点击"生成代码"按钮
4. **预览和下载**：在代码预览区查看生成的代码，点击"下载代码包"获取完整代码

## 需求描述示例

### 用户注册表单
```
用户注册表单，包含用户名（必填，3-20个字符）、邮箱（必填）、密码（必填，至少8个字符）、确认密码、性别选择（男、女、其他）、出生日期、兴趣爱好选择（阅读、音乐、体育、旅行、游戏）和用户协议勾选（必选）。
```

### 登录表单
```
用户登录表单，包含用户名（必填）、密码（必填）和记住我选项。
```

### 个人信息表单
```
个人信息编辑表单，包含姓名（必填）、邮箱（必填）、手机号码、性别（男、女、其他）、出生日期、所在城市、个人简介和头像上传。
```

## 支持的字段类型

- 文本输入
- 邮箱输入
- 密码输入
- 日期选择
- 单选框
- 多选框

## 项目结构

```
mobile-form-generator/
├── frontend/                 # 前端代码
│   ├── public/               # 静态资源
│   ├── src/                  # 源代码
│   │   ├── assets/           # 资源文件
│   │   ├── components/       # 组件
│   │   ├── views/            # 页面视图
│   │   ├── router/           # 路由配置
│   │   ├── store/            # Vuex状态管理
│   │   ├── App.vue           # 根组件
│   │   └── main.js           # 入口文件
│   ├── index.html            # HTML模板
│   ├── package.json          # 项目配置
│   └── vite.config.js        # Vite配置
├── backend/                  # 后端代码
│   ├── src/                  # 源代码
│   │   └── main/             # 主要代码
│   │       ├── java/         # Java源码
│   │       └── resources/    # 资源文件
│   ├── pom.xml               # Maven配置
│   └── README.md             # 后端说明
└── README.md                 # 项目说明
```

## 注意事项

1. 本项目在后端服务不可用时，会自动切换到本地解析和代码生成模式
2. 生成的代码提供了表单的基本结构和功能，您可能需要根据具体项目需求进行调整
3. 目前支持的字段类型和验证规则有限，我们会持续更新和完善

## 许可证

MIT

## 联系方式

- 邮箱: contact@formgenerator.com
- GitHub: github.com/formgenerator
- Twitter: @formgenerator