1.HTML界面控件貼設計工具,其特征在于,工具組件包括定位架設計區(qū)、設計參數(shù)配置區(qū)、業(yè)務要素加載區(qū)、界面控件選擇區(qū)、設計生成程序,產(chǎn)出的設計方案是定位架設計區(qū)內(nèi)設計的帶業(yè)務要素的特定的標記的各HTML元素的組合序列的描述,和根據(jù)已預設的使用HTML描述的增刪改查統(tǒng)計功能頁面生成代碼模板,生成并動態(tài)編譯為當前HTML平臺技術(shù)的所需功能的使用場景頁面,采用可視化操作實現(xiàn)所見即所得結(jié)果。
2.如權(quán)利要求1所述的定位架,其特征在于,定位架通過塊狀區(qū)域來劃分頁面,定位方式包括表格定位、浮動定位和絕對定位,其中,表格定位在定位架設計區(qū)內(nèi)建一個HTML簡單表格,并定義一組表格操作函數(shù)對該簡單表格進行可視化操作,最終得到所需要的表格,表格的各組成部分就表示為塊狀區(qū)域;浮動定位和絕對定位需要在定位架設計區(qū)使用畫圖基本控件,該控件的畫布大小是需進行設計的區(qū)域,即最終生成的頁面顯示區(qū)域尺寸,通過可視化操作方式產(chǎn)生多個互不交疊的矩形,通過轉(zhuǎn)換算法,把矩形圖形在畫布的定位信息轉(zhuǎn)化成頁面顯示區(qū)域的表示為塊狀區(qū)域的HTML元素的位置屬性,把頁面顯示區(qū)域分隔成多個互不交疊的塊狀區(qū)域,塊狀區(qū)域可無限地再次調(diào)用定位架定位方式繼續(xù)細分,這時使用的畫圖基本控件的畫布就是塊狀區(qū)域大小,絕對定位取相對于畫布原點的定位信息,也就是最終頁面顯示區(qū)域左上角的原點位置;定位架設計區(qū)域可對表示為塊狀區(qū)域的HTML元素進行諸如背景色、字體大小等外觀設定。
3.如權(quán)利要求2所述的浮動定位的轉(zhuǎn)換算法,其特征在于,浮動定位的轉(zhuǎn)換算法在功能上是畫布的矩形組合和頁面塊狀區(qū)域組合的互轉(zhuǎn)換,其中,矩形組合轉(zhuǎn)塊狀區(qū)域組合:把整個畫布看作一個檢測區(qū)域,當檢測區(qū)域只有一個矩形,即可根據(jù)HTML浮動規(guī)則和檢測區(qū)域與矩形的圖形關(guān)系,產(chǎn)生一個塊狀區(qū)域,該塊狀區(qū)域在HTML模型中用一種元素表示,該元素體現(xiàn)了占空間大小為檢測區(qū)域但可放置區(qū)域為矩形大小的塊狀區(qū)域,當檢測區(qū)域內(nèi)有多個矩形,可優(yōu)先按水平方向解析,即是在垂直方向依照不能分割矩形和必須包含矩形的原則進行極大數(shù)分段,形成水平向檢測區(qū)域,對每一個水平向檢測區(qū)域進行水平方向的不能分割矩形和必須包含矩形原則的極大數(shù)分段,形成水平向水平段檢測區(qū)域,對每一個水平向水平段檢測區(qū)域進行檢測,如果內(nèi)只有一個矩形,即可產(chǎn)生塊狀區(qū)域,如果有多個矩形,就把該水平向水平段檢測區(qū)域生成一個額外塊狀區(qū)域,并對該水平向水平段檢測區(qū)域在垂直方向以不可分割矩形和必須包含矩形原則作極大數(shù)分子段,形成水平向水平段垂直子段檢測區(qū)域,對每一個水平向水平段垂直子段檢測區(qū)域進行檢測,如果內(nèi)只有一個矩形,就可生成對應塊狀區(qū)域,如果有多個矩形,就繼續(xù)分水平孫段再檢測,這樣水平和垂直交替分段并在進行垂直分段時,把該檢測區(qū)域轉(zhuǎn)成一個額外塊狀區(qū)域的遞歸檢測,最終使每一個檢測區(qū)域內(nèi)都只有一個矩形,轉(zhuǎn)換規(guī)則上增加考慮與額外塊狀區(qū)域在HTML模型的位置關(guān)系,最終轉(zhuǎn)換成所需的塊狀區(qū)域組合,也可在水平向檢測區(qū)域時先垂直分段再水平分段,也可先按垂直方向解析,即是在水平方向按不可分割矩形和必須包含矩形原則進行極大數(shù)分段,形成垂直向檢測區(qū)域,如果形成多于一個垂直向檢測區(qū)域,那么每一個垂直向檢測區(qū)域都要生成一個額外塊狀區(qū)域,對每一個垂直向檢測區(qū)域進行檢測,如果只有一個矩形,即可生成塊狀區(qū)域,如果有多個矩形,那么就進行垂直與水平交替分段并在進行垂直分段時,把該檢測區(qū)域轉(zhuǎn)成一個額外塊狀區(qū)域的遞歸檢測,逐步分解,最終轉(zhuǎn)換成所需的塊狀區(qū)域組合;塊狀區(qū)域組合轉(zhuǎn)矩形組合是逆運算,供維護修改使用,對塊狀區(qū)域?qū)腍TML模型的元素的位置屬性進行計算,獲取可放置區(qū)域相對于頁面顯示區(qū)域左上角原點,也就是畫布原點的位置信息,根據(jù)這些位置信息在畫布中生成矩形組合。
4.如權(quán)利要求2所述的絕對定位的轉(zhuǎn)換算法,其特征在于,絕對定位的轉(zhuǎn)換算法在功能上是畫布的矩形組合和塊狀區(qū)域組合在HTML絕對布局方式的互轉(zhuǎn)換,其中,矩形組合轉(zhuǎn)塊狀區(qū)域組合:第一次使用定位架絕對定位是第一層畫布,即是全畫布,在它上面所產(chǎn)生的矩形按照相對于全畫布原點的位置信息轉(zhuǎn)換成頁面可顯示區(qū)域的原點與塊狀區(qū)域的位置屬性,該塊狀區(qū)域在HTML中用一種元素表示,該元素體現(xiàn)了占空間大小和可放置區(qū)域均為矩形大小的塊狀區(qū)域,在塊狀區(qū)域上遞歸調(diào)用定位架絕對定位所產(chǎn)生的第二層以上的畫布,即是局部畫布,它所產(chǎn)生的矩形的位置信息相對于局部畫布原點,應按照HTML模型規(guī)則,或補足相對于全畫布原點的位置信息,或在第二層起采用相對位置方式,最終轉(zhuǎn)換成所需的塊狀區(qū)域;塊狀區(qū)域組合轉(zhuǎn)矩形組合是逆運算,對塊狀區(qū)域HTML元素的位置屬性進行計算,獲取相對于頁面左上角原點的位置信息,根據(jù)這些位置信息在畫布中生成矩形組合。
5.如權(quán)利要求1所述的設計參數(shù)配置區(qū),其特征在于,功能上作為工具基本功能及可視化操作參數(shù)配置的操作區(qū)域使用,對其他組件提供操作支持。
6.如權(quán)利要求1所述的業(yè)務要素控件,其特征在于,功能上是把業(yè)務要素與定位架產(chǎn)生的塊狀區(qū)域相關(guān)聯(lián),關(guān)聯(lián)的業(yè)務要素信息包括業(yè)務要素名稱和業(yè)務要素數(shù)據(jù)兩種,業(yè)務要素與所在的業(yè)務表或多表聯(lián)合的業(yè)務模塊的字段對應,業(yè)務要素名稱與字段中文名稱對應,業(yè)務要素數(shù)據(jù)與字段標識對應,體現(xiàn)數(shù)據(jù)內(nèi)容,通過加載業(yè)務表或業(yè)務模塊的字段信息獲取所有的業(yè)務要素,有一組表單對各業(yè)務要素數(shù)據(jù)在該設計方案下所需功能使用場景頁面的界面屬性選擇,體現(xiàn)該業(yè)務要素數(shù)據(jù)在所需功能頁面的外觀,可視化操作拖動當前設計所需業(yè)務要素信息到定位架的塊狀區(qū)域形成特定的標記。
7.如權(quán)利要求1所述的界面控件選擇區(qū),其特征在于,界面控件選擇區(qū)在功能上是把系統(tǒng)所能支持的界面控件羅列出來,讓用戶進行選擇,根據(jù)加載業(yè)務表或業(yè)務模塊確定使用該界面控件的業(yè)務,并有一組表單讓用戶選擇當前需求下該界面控件各組成部分的顯示或隱藏,也有一組表單讓用戶選擇該業(yè)務的各業(yè)務要素在當前設計下該界面控件中顯示或隱藏,通過可視化操作拖動到定位架的塊狀區(qū)域,形成特定的標記。
8.如權(quán)利要求1所述的設計生成程序,其特征在于,功能上把各設計組件的設計信息保存到數(shù)據(jù)庫或者文件,供修改維護使用,并產(chǎn)生設計方案;實現(xiàn)上,根據(jù)產(chǎn)生時使用帶特定標記的html描述展開的時機的不同,有兩種方式:一種是在生成所需功能頁面前端代碼時展開特定標記,該頁面前端代碼具有完整html代碼,不含標記,一種是生成簡單前端的頁面,該頁面加載時獲取帶標記的html描述并展開特定標記并添加在頁面中;展開特定標記是獲取對應的html描述,把其中特定的標記在該使用場景下進行外觀界面解析,用相應的界面控件的正常調(diào)用方式取代標記或根據(jù)所需場景用正確基本控件取代標記,最終使得業(yè)務要素信息得以按已設定的界面屬性進行展示;若所需場景是增刪改統(tǒng)計使用場景且使用了業(yè)務要素控件進行業(yè)務要素信息標記,那么根據(jù)設計參數(shù)配置區(qū)用戶根據(jù)所需場景選擇是否生成多一個提交按鈕,若是,按鈕點擊事件數(shù)據(jù)接口與這個提交按鈕關(guān)聯(lián),在該數(shù)據(jù)接口中調(diào)用配屬的數(shù)據(jù)處理功能完成增刪改統(tǒng)計,所有場景頁面都注冊有頁面加載事件數(shù)據(jù)接口,加載場景時對其中的界面控件進行入口函數(shù)調(diào)用,對刪改查場景頁面中該數(shù)據(jù)接口調(diào)用配屬的查數(shù)據(jù)功能獲取對應數(shù)據(jù)進行展示;對于頁面的后端代碼,包含登錄狀態(tài)檢測及權(quán)限檢測,動態(tài)編譯供使用。