[發(fā)明專利]一種Eclipse基于布局模版的表單設(shè)計(jì)器的實(shí)現(xiàn)方法

無(wú)效

• 申請(qǐng)?zhí)枺?/td>: 201210111127.1
• 申請(qǐng)日: 2012-04-11
• 公開（公告）號(hào): CN102707945A
• 公開（公告）日: 2012-10-03
• 發(fā)明（設(shè)計(jì)）人: 周濤;蔣玉芬;田之進(jìn)
• 申請(qǐng)（專利權(quán)）人: 佳都新太科技股份有限公司
• 主分類號(hào): G06F9/44
• 分類號(hào): G06F9/44
• 代理公司: 暫無(wú)信息
• 代理人: 暫無(wú)信息

技術(shù)領(lǐng)域

本發(fā)明涉及信息技術(shù)領(lǐng)域，特別是Eclipse插件GEF表單設(shè)計(jì)器的實(shí)現(xiàn)。

背景技術(shù)

表單代碼生成技術(shù)是Web應(yīng)用開發(fā)中的常見技術(shù)。在工作流、業(yè)務(wù)開發(fā)環(huán)境等項(xiàng)目中，更是一個(gè)關(guān)鍵的組件。表單設(shè)計(jì)器，一般可以分為兩種類型，HTML在線編輯器，IDE表單設(shè)計(jì)器。獨(dú)立管理頁(yè)面資源的使用場(chǎng)景下面，可以采用HTML編輯器，但更多的應(yīng)用場(chǎng)合，需要跟后臺(tái)的代碼進(jìn)行交互引用，所以在IDE中集成表單設(shè)計(jì)器，有更為廣泛的使用價(jià)值。

由于Eclipse靈活的GEF插件框架，使得在J2EE集成開發(fā)環(huán)境中構(gòu)建企業(yè)自主的表單設(shè)計(jì)器成為可能。然而傳統(tǒng)的基于表格布局和表單布局的設(shè)計(jì)方式，較難解決嵌套的布局問(wèn)題以及表單控件的樣式問(wèn)題。本發(fā)明通過(guò)定義布局模版的方式，簡(jiǎn)化了嵌套布局的代碼生成問(wèn)題，通過(guò)自定義標(biāo)簽技術(shù)解決所見即所得的樣式問(wèn)題；同時(shí)，在代碼生成方面，也提供了一種簡(jiǎn)易的布局算法，使得在表單上面增刪元素時(shí)的代碼生成更為智能。

發(fā)明內(nèi)容

本發(fā)明公開了一種Eclipse基于布局模版的表單設(shè)計(jì)器的實(shí)現(xiàn)方法。通過(guò)定義布局模版的方式，簡(jiǎn)化了表單設(shè)計(jì)器中嵌套布局的代碼生成問(wèn)題；同時(shí)，在代碼生成方面，提供了一種簡(jiǎn)易的布局算法，使得在表單上面增刪元素時(shí)的代碼生成更為智能。

為實(shí)現(xiàn)上述發(fā)明目的，本發(fā)明提供一套自定義標(biāo)簽。包括常用的Windows表單控件的標(biāo)簽，如單行文本框、多行文本框、下拉選框、單選框、復(fù)選框等；同時(shí)也包括Grid、Window等容器標(biāo)簽。

標(biāo)簽的屬性，設(shè)計(jì)有Plugin屬性，用作記錄Model在插件圖形設(shè)計(jì)器的位置信息(X，Y，Width，Height)，方便重新加載頁(yè)面時(shí)，標(biāo)簽元素的位置還原，構(gòu)造成相應(yīng)的Model，生成Model的位置屬性。這樣設(shè)計(jì)和瀏覽頁(yè)面可以使用同一個(gè)源文件。標(biāo)簽的屬性，通過(guò)TLD文件映射到GEF的Model屬性，在GEF的MVC框架中，通過(guò)事件監(jiān)聽的方式，觸發(fā)屬性修改事件，同步插件中圖形和代碼編輯器中控件的相應(yīng)屬性值。

本發(fā)明還提供了多種布局模版。布局模版的框架結(jié)構(gòu)分為3層：模版層、窗口層、控件層。模版層為最頂層，是窗口層的容器，窗口層是控件層的容器。

新建表單頁(yè)面時(shí)，可以選擇插件內(nèi)置的模版樣式，自動(dòng)生成對(duì)應(yīng)的模版頁(yè)面代碼；窗口層為模版子窗口，這層支持Grid布局，表單控件可以任意拖放至窗口區(qū)域內(nèi)，只要位于窗口行列表格背景的單元格內(nèi)，即可通過(guò)代碼生成器生成窗口層的控件標(biāo)簽代碼，嵌套進(jìn)模版層生成代碼當(dāng)中，完成整個(gè)頁(yè)面的代碼生成。控件層的代碼，對(duì)應(yīng)表單控件，設(shè)計(jì)樣式對(duì)應(yīng)JSP標(biāo)簽樣式，達(dá)到所見即所得的效果。

本發(fā)明還提供頁(yè)面代碼生成器插件。代碼生成通過(guò)Velocity模版引擎實(shí)現(xiàn)。模版、窗口、控件層的代碼均定義了自己的模版文件。通過(guò)GEF的Model輸入，控制頁(yè)面代碼的生成。

本發(fā)明還提供布局切換功能。布局切換指，在窗口層可以動(dòng)態(tài)選擇修改窗口的布局樣式，支持表格列數(shù)設(shè)置、背景設(shè)置、行高設(shè)計(jì)。布局切換之后，通過(guò)代碼生成器重新生成代碼，該窗口區(qū)域內(nèi)的控件代碼，自動(dòng)填寫進(jìn)新的窗口布局單元格內(nèi)；

本發(fā)明還提供自定義模塊擴(kuò)展。模版與窗口容器在設(shè)計(jì)器視圖中的顯示和源代碼視圖中的顯示內(nèi)容，都由資源配置文件進(jìn)行控制。所以，新增樣式可以通過(guò)添加新的模版資源文件進(jìn)行擴(kuò)展。擴(kuò)展的模版窗口的樣式，采用統(tǒng)一的界面風(fēng)格。

由上述方案可以看出，本發(fā)明中通過(guò)自定義標(biāo)簽確定設(shè)計(jì)器控件的樣式；通過(guò)布局代碼模版生成嵌套窗口布局；通過(guò)在窗口內(nèi)表格排序算法生成子窗口布局代碼的方式，集合填充到模版窗口代碼框的方式，完成整個(gè)頁(yè)面的代碼生成，設(shè)計(jì)者，只需要調(diào)整模版的窗口大小，往子窗口中拖放入控件的方式，就可以完成復(fù)雜布局的表單設(shè)計(jì)和代碼生成，操作簡(jiǎn)便。

附圖說(shuō)明

為了更清楚地說(shuō)明本發(fā)明實(shí)施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對(duì)實(shí)施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作簡(jiǎn)單的介紹。

圖1為本發(fā)明實(shí)施例中系統(tǒng)結(jié)構(gòu)示意圖；

具體實(shí)施方式

為使本發(fā)明的上述目的、特征和優(yōu)點(diǎn)能夠更加明顯易懂，下面結(jié)合附圖和具體實(shí)施方式對(duì)本發(fā)明作進(jìn)一步的說(shuō)明。

實(shí)施例一，參見圖1。

本發(fā)明提供一種基于布局模版的表單設(shè)計(jì)器的實(shí)現(xiàn)，其開發(fā)實(shí)施過(guò)程如下：

1)通過(guò)向?qū)ы?yè)面，選擇表單設(shè)計(jì)時(shí)使用的布局模版，向?qū)ы?yè)面提供了布局模版效果圖的參數(shù)圖例，方便用戶進(jìn)行選擇。

2)選擇完布局模版之后，系統(tǒng)自動(dòng)完成設(shè)計(jì)視圖的布局樣式，構(gòu)建GEF模型，并生成源代碼視圖的布局模版代碼。