# gen-code-web

**Repository Path**: genCode/gen-code-web

## Basic Information

- **Project Name**: gen-code-web
- **Description**: gen-code-web是gen-code前端模块，gen-code是一个基于GoFrame框架编写的代码生成器，支持自定义模板，高度定制生成CRUD代码
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 8
- **Created**: 2022-04-26
- **Last Updated**: 2025-04-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 低代码, vue3, TypeScript

## README

<h1 align="center">GEN-CODE 代码生成器</h1>


<p align=center>
   基于GoFrame框架的代码生成器
</p>
<p align="center">
<a target="_blank" href="https://gitee.com/genCode/gen-code-web">
    <img src="https://gitee.com/genCode/gen-code-web/badge/star.svg?theme=dark" alt="star"/>
    <img src="https://gitee.com/genCode/gen-code-web/badge/fork.svg?theme=dark" alt="fork"/>
</a>
</p>

# 介绍

- 后端使用GoFrame框架编写: 框架文档：[戳这](https://goframe.org/)，
- 前端基于Vben Admin前端框架: 框架文档：[戳这](https://vvbin.cn/doc-next/)
- 感谢大佬的CRUD思想，EL-ADMIN：[戳这](https://gitee.com/elunez/eladmin-web)

# 项目源码
- 后端：[https://gitee.com/genCode/gen-code-v2](https://gitee.com/genCode/gen-code-v2)
- 前端：[https://gitee.com/genCode/gen-code-web](https://gitee.com/genCode/gen-code-web)

# 特征

- 多数据源：动态添加数据源，导入表信息生成代码
- 自定义模板: 支持在线维护代码模板，按需设置模板
- 自定义属性：除表信息之外，还可设置额外属性，提高模板局限性

# 内置功能

1. 数据源管理：维护数据源，代码生成可导入不同数据库的表结构
2. 代码生成器：通过表结构信息生成代码
    - 导入：从数据库导入表
    - 创建：通过DDL创建表语句生成
    - 预览：预览生成的代码，可预览不同模板
    - 生成：生成代码下载，支持多模板同时生成
3. 模板管理：在线管理模板，编辑器支持内置模板变量语法提示
    - 编辑器： [monaco-editor](https://github.com/microsoft/monaco-editor) 
    - 树表格： [vxe-table](https://gitee.com/xuliangzhan_admin/vxe-table)

# 在线演示
- [演示地址](http://gencode.gitee.io/gen-code-admin)
- 账号密码：gen / 123456 |  test / 123456
# 演示图

<table>
    <tr>
        <td><img src="./public/resource/screenshot/datasource.png" alt="datasource"/></td>
        <td><img src="./public/resource/screenshot/table.png" alt="table"/></td>
    </tr>
    <tr>
        <td><img src="./public/resource/screenshot/importTable.png" alt="importTable"/></td>
        <td><img src="./public/resource/screenshot/preview.png" alt="preview"/></td>
    </tr>
    <tr>
        <td><img src="./public/resource/screenshot/template.png" alt="template"/></td>
        <td><img src="./public/resource/screenshot/editTpl.png" alt="editTpl"/></td>
    </tr>
</table>