[发明专利]一种Angular内SQL在线编辑器的实现方法

说明书

本发明特别涉及一种Angular内SQL在线编辑器的实现方法。该Angular内SQL在线编辑器的实现方法，通过Angular组件的形式对接CodeMirror，在Angular组件内完成对CodeMirror的封装，转换成Type Script语言接口；需要在Angular工程内实现SQL在线编辑器时，直接调用上述Angular组件即可。该Angular内SQL在线编辑器的实现方法，是以Angular组件形式实现的，引用十分方便，简单易上手，易扩展，提高了开发的效率，并且在Angular的框架下利用CodeMirror实现了在线SQL编辑和执行，关键词高亮显示，SQL格式化，SQL自动联想和光标位置显示等，降低了实现SQL在线编辑的难度。

技术领域

本发明涉及大数据开发技术领域，特别涉及一种Angular内SQL在线编辑器的实现方法。

背景技术

CodeMirror是一个用于编辑器文本框text area代码高亮Java Script插件，为各种编程语言实现关键字，函数，变量等代码高亮显示，同时提供丰富的API(ApplicationProgramming Interface，应用程序界面)和可扩展功能以及多个主题样式，能满足用户各种项目的需求。

CodeMirror支持大量语言的语法高亮，包括C、C++、C#、Java、Perl、PHP、JavaScript、Python、Lua、Go、Groovy、Ruby等，以及diff、LaTeX、SQL、wiki、Markdown等文件格式。此外，CodeMirror还支持代码自动完成、搜索/替换、HTML预览、行号、选择/搜索结果高亮、可视化tab、Emacs/VIM键绑定、代码自动格式等。

CodeMirror采用MIT(Massachusetts Institute of Technology)开源许可协议，目前已经被集成到各种应用程序中，如Adobe Brackets、CoDev、Light Table等开发环境，还被作为各种SQL(Structured Query Language，结构化查询语言)、Haxe、JavaScript在线编辑器的基础库来使用。

CodeMirror专门用来编辑代码，并带有许多语言模式和插件。在SQL(StructuredQuery Language，结构化查询语言)模式下，引入show-hint.js、SQL-hint.js就能实现SQL的关键词自动提示，引入相关的CSS(Cascading Style Sheet，层叠样式表单，是用于增强/控制网页样式并允许将样式信息与网页内容分离的一种标记性语言)文件，就能实现关键词高亮的功能，满足实现SQL在线编辑的基本功能。

Angular是一个功能非常完备的前端框架横跨了所有平台，通过Angular构建的应用，能在Web、移动Web、移动应用、原生应用和桌面原生应用等多种平台上运行；Angular的速度与性能也是绝佳的，通过Web Worker和服务端渲染，达到在如今(以及未来)的Web平台上所能达到的最高速度。基于RxJS、Immutable.js和其它推送模型，能适应海量数据需求。

Angular的开发也很便捷，不但能够使用简单的声明式模板，快速实现各种特性，还能使用自定义组件和大量现有组件，扩展模板语言。在几乎所有的IDE(IntegratedDrive Electronics，电子集成驱动器)中获得针对Angular的即时帮助和反馈。所以Angular变得越来越流行。

但是，作为一种应用很广泛的前端框架，Angular代码编写是基于Type Script语言，以JavaScript语言编写的，CodeMirror缺少对Angular的友好支持。

当用户需要在Angular框架下引用CodeMirror实现SQL在线编辑的功能时，编程人员需要单独编写程序才能实现，因此，对编程人员提出了更高的技术要求，且单独编程花费较多时间，开发成本较高。