# emerge

**Repository Path**: haoqihan/emerge

## Basic Information

- **Project Name**: emerge
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-04-24
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# emerge

<img src="https://img.shields.io/badge/version-1.0-yellow" alt="https://img.shields.io/badge/version-1.0-yellow"  /><img src="https://img.shields.io/badge/vue-2.6.10-brightgreen" /><img src="https://img.shields.io/badge/electron-2.0.4-blue" /> <img src="https://img.shields.io/badge/monacoEditor-0.18.1-red" /> <img src="https://img.shields.io/badge/prettydiff-101.2.6-orange" /> <img src="https://img.shields.io/badge/artTemplate-4.13.2-inactive" /> 

# 可视化代码生成器

## 数据库和标签
通过新增数据库连接，和拖动标签实现对数据库表相关字段的自定义

![数据库](https://raw.githubusercontent.com/2507483326/emerge/master/static/img/sql.jpg)

![标签](https://raw.githubusercontent.com/2507483326/emerge/master/static/img/tag.jpg)

## 代码生成
通过选择需要生成的模板、和数据库表，生成模板到指定位置

![选择模板](https://raw.githubusercontent.com/2507483326/emerge/master/static/img/generate-01.jpg)

![选择数据库](https://raw.githubusercontent.com/2507483326/emerge/master/static/img/generate-02.jpg)

![完成](https://raw.githubusercontent.com/2507483326/emerge/master/static/img/finnish.jpg)

## 模板编写指南

![模板](https://raw.githubusercontent.com/2507483326/emerge/master/static/img/template.jpg)

模板采用art-template语法生成, 通过与数据库相关 table 、table.columns 等字段，实现针对于数据库表的代码生成，具体模板插槽规则可以参考[artTempalte.js](http://aui.github.io/art-template/zh-cn/docs/syntax.html#输出)

![输出路径](https://raw.githubusercontent.com/2507483326/emerge/master/static/img/value.jpg)

```
1. 输出路径中可以使用${table}变量这种方式来动态生成输出路径
2. 模板中可以使用 {{ table }}方式使用表格变量
```

![变量提示](https://raw.githubusercontent.com/2507483326/emerge/master/static/img/table.jpg)

```
1. 可以通过{{table.}}方式，出现代码提示，选择需要的变量
```

![列](https://raw.githubusercontent.com/2507483326/emerge/master/static/img/columns.jpg)

```
1. 可以通过
{{ each  }}
    {{ $value. }}
{{/each}}
方式来对表格中的每个字段进行循环操作
```

![默认模板](https://raw.githubusercontent.com/2507483326/emerge/master/static/img/default-template.jpg)

```
上面为常用变量使用方式展示
```

## 项目主要功能说明

emerge代码生成器主要是以MYSQL数据库表结合以artTemplate逆向自动生成前后端代码，减少前后端代码重复代码编写

项目主要实现功能

- mysql数据库连接
- 自定义表字段扩展
- 编辑器集成、模板编写、代码提示
- 代码生成