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

权利要求书

1.一种基于ExtJS UI可视化生成代码的方法，其特征在于，包括如下步骤：

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

（2）获取：根据数据库自身的原生元数据信息，得到数据字典信息；具体的在向数据库发出请求后，首先与数据库建立连接，再调用程序接口，传数据库对象名称，最后返回列的定义以及注释，包括表的注释；

（3）拖拽：将获取到的数据字典信息，放置在可视化设计器的数据字段列表中；字段有备注信息的以备注信息的方式展现；

（4）拖放、修改控件类型、其他属性：

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

以拖放字段的位置，以拖放方式设定字段占用的横纵两个方向的大小，设定栏位展现类型、只读、不可见、显示文本的格式化输出、数据的有效性校验规则、字段值的引用、两个或者更多字段间输入值间的联动；同时支持复杂的单表头、多个表体数据表单设计器；

（5）请求生成代码：向代码生成器提出Web服务请求，以Web服务器的方式部署；

（6）得到代码片段：代码生成器Web 服务，首先认证身份，然后生成相应的代码片段；

（7）生成代码：根据一组组的代码片段，应用于ExtJS UI文件模板，生成ExtJS UI前端代码文件以及后台获取数据部分的C#以及Java代码；

（8）生成布局文件：在可视化界面设计器中将界面的布局信息保存到页面布局文件中；

（9）装载布局文件：从布局文件中装载UI设计信息；

（10）保存布局信息：将布局信息保存到数据库；

（11）装载布局信息：根据数据库中的布局信息，读出重新转载到UI设计器上；

具体实施时，利用基于.net framework 3.5、使用Visual studio 2010 开发出来的可执行程序的软件进行操作；首先安装该软件并连接到业务系统数据库；配置程序解决方案以生成程序解决方案；根据上述可视化生成代码的方法，生成各种类型的UI代码；所述UI设计器是单表提交设计器、单表查询设计器或表头-表体一体化设计器；打开相应的集成开发环境，所述集成开发环境是Visual Studio或MyEclipse，打开创建的程序解决方案，编译解决方案；最后运行主UI程序即可。