# sql-editor

**Repository Path**: xiweile/sql-editor

## Basic Information

- **Project Name**: sql-editor
- **Description**: 在线sql编辑工具
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 35
- **Forks**: 12
- **Created**: 2020-04-28
- **Last Updated**: 2025-06-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# sql-editor

>sql-editor是基于CodeMirror的一个在线sql编辑工具，模仿navicat工具，开发的一个简易版。

    目前只提供前端代码，测试数据为json模拟数据,为本地Nginx代理提供。
### 启动步骤：
1.启动nginx代理，进入目录 ./nginx-1.16.0/，打开命令行工具，执行一下命令：
```
 #启动
 start ./nginx.exe 
 #停止
 ./nginx.exe -s stop
```
2.浏览器访问。地址：http://localhost:8080/sql-editor/index.html

### 涉及接口
1. 关键词接口 (./js/editor/sql.js)
![pic_101](pic/pic_101.png)
2. 左侧表，树结构接口 (./js/index.js)
![pic_102](pic/pic_102.png)
3. sql 执行查询接口（./js/index.js，不提供后台实现，使用者可自定义）
![pic_103](pic/pic_103.png)
### 功能更新
   - 左侧提供数据库表字段树形结构，可拖拽到sql编辑框。(2019-7-19新增)
   - 编辑区和数据展示区上下拖动更改大小。(2019-7-19新增)
   - 执行与中断功能。(2019-7-19新增)
   - 自定义外部接口获取sql关键词、函数、表字段等，用于sql编辑时提示补全,键盘录入后自动提示，上下键选择，tab键或点击选中项自动补全。(2019-7-16)
   - sql格式化。(2019-7-16)

### 一些截图：

![pic_01](pic/pic_01.png )

![pic_02](pic/pic_02.png)

![pic_03](pic/pic_03.png)