[發明專利]一種Angular內SQL在線編輯器的實現方法

在審

• 申請號: 201910256496.1
• 申請日: 2019-04-01
• 公開（公告）號: CN109933318A
• 公開（公告）日: 2019-06-25
• 發明（設計）人: 周睿
• 申請（專利權）人: 山東浪潮云信息技術有限公司
• 主分類號: G06F8/35
• 分類號: G06F8/35
• 代理公司: 濟南信達專利事務所有限公司 37100
• 代理人: 姜明

本發明特別涉及一種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在線編輯的功能時，編程人員需要單獨編寫程序才能實現，因此，對編程人員提出了更高的技術要求，且單獨編程花費較多時間，開發成本較高。