Online sql editing query tool sql-editor

sql-editor is an online sql editing tool based on CodeMirror, a simplified version developed by imitating the navicat tool.

Currently only front-end code is provided, and the test data is json simulation data.Before using easy-mock to provide external network interface, it is now changed to a local Nginx proxy.

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

Feature Updates

• To sort out the interface data of the local table structure, the interface data of tables, field names, and keywords are provided by the proxy.(Changed on 2020-4-15)
• The left side provides a tree structure of database table fields, which can be dragged and dropped to the sql edit box.(New on 2019-7-19)
• Drag up and down the editing area and data display area to change the size.(New on 2019-7-19)
• Execute and interrupt functions.(New on 2019-7-19)
• Customize the external interface to obtain sql keywords, functions, table fields, etc., which are used for prompting completion when sql editing, automatic prompting after keyboard input, up and down key selection, tab key or clicking the selected item to automatically complete.(2019-7-16)
• sql formatting.(2019-7-16)

Startup steps:

1. Start the nginx proxy, enter the directory ./nginx-1.16.0/, open the command line tool, and execute the following command:

 #Startstart ./nginx.exe#stop./nginx.exe -s stop

2. Browser access.Address: http://localhost:8080/sql-editor/index.html

Interface

1. Keyword Interface
   
2. Left table, tree structure interface
   
3. sql execute query interface (no background implementation, user can customize)
   

Some screenshots: