在线sql编辑查询工具

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

目前只提供前端代码,测试数据为json模拟数据。之前利用easy-mock进行外网接口提供,现在更改为本地Nginx代理。

Github地址: https://github.com/xiweile/sql-editor
gitee地址: https://gitee.com/xiweile/sql-editor

功能更新

  • 梳理本地表结构接口数据,已经表、字段名、关键字接口数据,由代理方式提供。(2020-4-15更改)
  • 左侧提供数据库表字段树形结构,可拖拽到sql编辑框。(2019-7-19新增)
  • 编辑区和数据展示区上下拖动更改大小。(2019-7-19新增)
  • 执行与中断功能。(2019-7-19新增)
  • 自定义外部接口获取sql关键词、函数、表字段等,用于sql编辑时提示补全,键盘录入后自动提示,上下键选择,tab键或点击选中项自动补全。(2019-7-16)
  • sql格式化。(2019-7-16)

启动步骤:

1.启动nginx代理,进入目录 ./nginx-1.16.0/,打开命令行工具,执行一下命令:

 #启动
 start ./nginx.exe 
 #停止
 ./nginx.exe -s stop

2.浏览器访问。地址:http://localhost:8080/sql-editor/index.html

接口

  1. 关键词接口
    在线sql编辑查询工具_第1张图片
  2. 左侧表,树结构接口
    在线sql编辑查询工具_第2张图片
  3. sql 执行查询接口(不提供后台实现,使用者可自定义)
    在线sql编辑查询工具_第3张图片

一些截图:

在线sql编辑查询工具_第4张图片
在线sql编辑查询工具_第5张图片
在线sql编辑查询工具_第6张图片

你可能感兴趣的:(javascript,数据库)