[发明专利]基于ExtJS UI可视化生成代码的方法

说明书

本发明涉及一种基于ExtJS UI可视化生成代码的方法，将数据字典信息与可视化界面相结合，生成ExtJS程序代码，能够全面挖掘提取各种类型、各种版本的数据库自身的元数据信息，且可视化设计器较完善，并在服务器端生成代码段，高效易操作且安全可靠。

技术领域

本发明涉及软件开发领域，尤其涉及一种基于ExtJS UI可视化生成代码的方法。

背景技术

从各种数据库里获取数据字典信息(包括数据库对象的注释、数据表字段的原始定义，字段的注释等等)，是目前软件开发过程中比较常用的技术，但是该技术目前基本上仅支持SQL Server或者Oracle，对于其他类型的数据库例如Sybase/IBM DB2/MySQL/SQLite/以及其他支持ODBC、OLE DB接口的数据库很少支持。而且现有的获取数据字典的信息的技术，不够完善、完美，获取的数据字典信息缺失数据库原生的元数据，例如数据表的备注信息，而备注信息至关重要，可用于界面上的输入项的标签，缺失这项信息，标签文字，就得手工一个个修改，大大降低效率。

目前，类似的软件开发工具还缺少一个可视化设计环节或者设计器还不够完善。有的是根据数据库字典信息，套用相关的模板生成一些简单的代码，由于缺少可视化设计这样的一个环节，开发效率较低，而且需要开发人员掌握相关领域的较强的编程知识；有的设计器不够完善，需要开发人员做大量的补充完善，工作量大。

ExtJS是可以用来开发RIA即客户端的AJAX应用，是通过javascript写码，主要用于创建前端用户界面，是一个与后台技术无关的前端ajax框架，是一个非常完美、完善而又复杂的前端基于Javascript前端组件库。ExtJS体系复杂度、 灵活度都很高，被称之为Web前端开发语言中的“中文”，难以掌握，所以很多的软件从业人员、从业公司，尤其是小公司、刚从业不久的开发人员，都会望而生畏。因此，ExtJS可视化设计器，给很多从业人员、从业公司带来了福音，但是目前市面上还没有这样的完美、完善的ExtJS的可视化设计器。

另外，现有的ExtJS设计器没有与数据库相结合，相关的界面输入栏位没有与数据库进行绑定，需要通过原始的方式把界面输入项转化为数据库里的数据，操作过程比较繁琐；除此之外，现有技术中的IDE，也没有将数据库字典信息与界面设计器相结合的可视化设计器。

发明内容

为解决上述技术问题，本发明的目的是提供一种能够提取各种类型、各种版本的数据库自身的元数据信息，将数据字典信息与可视化界面相结合的基于ExtJS UI可视化生成代码的方法。

本发明的基于ExtJS UI可视化生成代码的方法，包括步骤：

(1)请求

由数据字典获取信息模块，连接上指定数据库，提供数据表、视图名称等，向数据库发出请求；

(2)获取

根据数据库自身的原生元数据信息，得到数据字典信息；

(3)拖拽

将获取到的数据字典信息，放置在可视化设计器的数据字段列表中；

(4)拖放、修改控件类型、其他属性

将数据字段鼠标拖放到设计器的表格定位器中，初始化数据字段的定义和 显示方式，通过鼠标选择、拖动到所需栏位，并设置每一个栏位的显示方式，实施对界面的设计；

(5)请求生成代码

向代码生成器提出Web服务请求；

(6)得到代码片段

代码生成器Web服务，首先认证身份，然后生成相应的代码片段；

(7)生成代码