一種可視化生成網(wǎng)頁模板的方法及系統(tǒng)的制作方法
【專利摘要】本發(fā)明提供了一種可視化生成網(wǎng)頁模板的方法，包括以下步驟：步驟1：定義多個基準組件并分類后保存在服務(wù)器中；步驟2：客戶端從服務(wù)器獲取組件，并插入當前編輯頁面；步驟3：設(shè)置組件數(shù)據(jù)來源，保存生成模板代碼；步驟4：填充數(shù)據(jù)生成網(wǎng)頁模板。與之相對應(yīng)的，本發(fā)明還提供了一種可視化生成網(wǎng)頁模板的系統(tǒng)，解決了開發(fā)效率低下，網(wǎng)頁模板修改更新耗時長，準確率不高的問題，另外本發(fā)明通過純拖拽、可視化編輯網(wǎng)頁模板，所見即所得，簡單易用，通過定義多個基準組件和基準組件的分類能夠?qū)崿F(xiàn)批量替換，開發(fā)效率高，縮短了網(wǎng)頁制作的流程，且后期易維護，大大降低了網(wǎng)頁模板制作的時間和出錯的可能性。
【專利說明】
一種可視化生成網(wǎng)頁模板的方法及系統(tǒng)
技術(shù)領(lǐng)域
[0001]本發(fā)明涉及信息技術(shù)領(lǐng)域，尤其涉及一種可視化生成網(wǎng)頁模板的方法及系統(tǒng)。
【背景技術(shù)】
[0002]目前網(wǎng)站網(wǎng)頁模板，大多采用動態(tài)語言或者模板標簽技術(shù)，動態(tài)語言如asp、jsp等，這個一般需要專業(yè)人員才能掌握，而模板標簽技術(shù)，一般是freemarker、velocity等，這類技術(shù)也需要一定的學習成本。而且模板制作過程中，無法立馬看到效果，無法所見即所得，大多數(shù)網(wǎng)站制作時，都需要預先制作好模板，遇到模板需要修改的問題，還需要由前端人員進行重新切圖，導致開發(fā)效率低下。
[0003]如申請?zhí)?2010101516 7 8.1的中國專利公開了一種網(wǎng)頁制作的方法，該方法包括:客戶端向服務(wù)端請求獲取預設(shè)的組件;服務(wù)端保存有預設(shè)的組件配置文件，根據(jù)客戶端的請求向其返回所請求的組件;客戶端將獲取的組件插入當前編輯的頁面，對所述組件進行參數(shù)配置并將配置后的參數(shù)通知服務(wù)端;服務(wù)端接收客戶端發(fā)來的配置后的組件參數(shù)并進行同步更新，對參數(shù)更新后的組件進行解析生成該組件當前對應(yīng)的具有可視化效果的html代碼并返回給客戶端，客戶端利用自身所在的網(wǎng)頁開發(fā)工具中包含的瀏覽器插件即時獲得所述組件的可視化效果;客戶端將所述組件與網(wǎng)頁中的固定內(nèi)容組合得到完成的網(wǎng)頁模板。該申請客戶端需要安裝瀏覽器插件，而組件需要更新時，需要修改插件，使用不便。
[0004]又如申請?zhí)枮?200810110094.2的中國專利公開了一種在線、實時及自動生成動態(tài)網(wǎng)頁的組件實現(xiàn)技術(shù)，其中組件是指實現(xiàn)動態(tài)網(wǎng)頁中特定功能所需的資源集合，在所見即所得網(wǎng)頁設(shè)計窗口中，組件用具有特定標識的瀏覽器控件表示并顯示為塊狀圖形，能夠插入、刪除、剪切、拷貝、粘貼組件，可以通過設(shè)置組件的參數(shù)及選項來定制組件的鏈接、功能、CSS樣式、位置、大小及動態(tài)信息接口等。在網(wǎng)頁設(shè)計窗口中編輯好原始網(wǎng)頁信息并提交時，服務(wù)器系統(tǒng)自動進行掃描、分析及編譯，并在相應(yīng)的存儲位置生成具有預期功能的動態(tài)網(wǎng)頁文件。編輯的原始網(wǎng)頁信息被存放到數(shù)據(jù)庫中，可以下次調(diào)出來修改并重新生成動態(tài)網(wǎng)頁。采用組件可以生成框架，框架實現(xiàn)了若干網(wǎng)頁共有的內(nèi)容，使用同一框架的網(wǎng)頁具有相同的總體內(nèi)容及風格。該申請使用時無法批量更新，如果想要修改或者更新網(wǎng)頁布局，需要重新修改網(wǎng)頁模板，耗時費力，同時不能保證修改的正確性，會導致重復性工作，開發(fā)效率不高。

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

[0005]為克服現(xiàn)有技術(shù)中存在的開發(fā)效率低，網(wǎng)頁模板更新時不能批量替換等問題，本發(fā)明提供了一種可視化生成網(wǎng)頁模板的方法及系統(tǒng)。
[0006]具體技術(shù)方案如下:
[0007]—種可視化生成網(wǎng)頁模板的方法，
[0008]步驟1:定義多個基準組件并分類后保存在服務(wù)器中；
[0009]步驟2:客戶端從服務(wù)器獲取組件，并插入當前編輯頁面；
[0010]步驟3:設(shè)置組件數(shù)據(jù)來源，保存生成模板代碼；
[0011]步驟4:填充數(shù)據(jù)生成網(wǎng)頁模板。
[0012]在此基礎(chǔ)上，所述步驟I中多個基準組件通過定義分類屬性進行分類，包括導航欄基準組件、內(nèi)容塊基準組件和幻燈片基準組件。
[0013]在此基礎(chǔ)上，所述基準組件還包括布局基準組件，所述布局基準組件包括多個內(nèi)容塊，所述內(nèi)容塊均設(shè)置有名稱。
[0014]在此基礎(chǔ)上，多個所述基準組件均設(shè)置有多個普通組件，所述普通組件包括基準組件的所有基本屬性，所述基本屬性包括組件的寬度、組件的高度和組件的擴展屬性，所述基本屬性均為獨立屬性。
[0015]在此基礎(chǔ)上，所述基準組件的基本屬性、組件名字和組件代碼均分別存入服務(wù)器數(shù)據(jù)庫的不同字段。
[0016]在此基礎(chǔ)上，所述步驟2中具體步驟包括:
[0017]步驟21:客戶端向服務(wù)器提出獲取組件請求；
[0018]步驟22:服務(wù)器判斷請求是否合理，若合理則通過獲取請求，若不合理則視為無效請求。
[0019]在此基礎(chǔ)上，所述步驟3的具體步驟包括:
[0020]步驟31:確定動態(tài)組件內(nèi)容并獲取數(shù)據(jù)來源；
[0021 ]步驟32:將數(shù)據(jù)來源自定義后分配至各個組件；
[0022]步驟33:保存生成模板代碼。
[0023]在此基礎(chǔ)上，所述步驟4的具體步驟為:
[0024]步驟41:根據(jù)各個組件中的數(shù)據(jù)來源從數(shù)據(jù)庫獲取數(shù)據(jù)；
[0025]步驟42:填充各個組件的內(nèi)容；
[0026]步驟43:保存組件中的內(nèi)容并發(fā)布，生成整個網(wǎng)頁。
[0027]本發(fā)明還提供了一種可視化生成網(wǎng)頁模板的系統(tǒng)，包括客戶端和服務(wù)器，所述客戶端與服務(wù)器相連用于交互信息數(shù)據(jù)，所述服務(wù)器包括組件定義模塊、組件獲取模塊、組件數(shù)據(jù)填充模塊、組件預覽模塊，
[0028]所述客戶端，用于向服務(wù)器獲取組件，并將組件插入到當前頁面；
[0029]所述組件定義模塊，用于定義多個基準組件，并對組件進行參數(shù)配置；
[0030]所述組件獲取模塊，用于接收客戶端的請求，獲取相應(yīng)的組件；
[0031]所述組件數(shù)據(jù)填充模塊，用于確定組件的動態(tài)內(nèi)容并獲取數(shù)據(jù)來源后填充網(wǎng)頁；
[0032]所述組件預覽模塊，用于網(wǎng)頁發(fā)布前的頁面預覽。
[0033]在此基礎(chǔ)上，所述組件獲取模塊還包括判斷模塊，所述判斷模塊用于判斷客戶端的獲取請求是否有效。
[0034]與現(xiàn)有技術(shù)相比，本發(fā)明的有益效果是:
[0035]1、本發(fā)明一種可視化生成網(wǎng)頁模板的方法，包括定義多個基準組件并分類后保存在服務(wù)器中；客戶端從服務(wù)器獲取組件，并插入當前編輯頁面;設(shè)置組件數(shù)據(jù)來源，保存生成模板代碼;填充數(shù)據(jù)生成網(wǎng)頁模板。解決了開發(fā)效率低下，網(wǎng)頁模板修改更新耗時長，準確率不高的問題，另外本發(fā)明通過純拖拽、可視化編輯網(wǎng)頁模板，所見即所得，簡單易用，通過定義多個基準組件和基準組件的分類能夠?qū)崿F(xiàn)批量替換，開發(fā)效率高，縮短了網(wǎng)頁制作的流程，且后期易維護，大大降低了網(wǎng)頁模板制作的時間和出錯的可能性。
[0036]2、本發(fā)明中多個基準組件均設(shè)置有多個普通組件，普通組件包括基準組件的所有基本屬性，基本屬性包括組件的寬度、組件的高度和組件的擴展屬性，基本屬性均為獨立屬性，且基準組件的基本屬性、組件名字和組件代碼均分別存入服務(wù)器數(shù)據(jù)庫的不同字段，方便批量修改和更新，開發(fā)效率高，且預留有擴展屬性，使得網(wǎng)頁模板的開發(fā)前景更加廣闊和具有特色。
[0037]3、本發(fā)明中服務(wù)器判斷請求是否合理，若合理則通過獲取請求，若不合理則視為無效請求，減少了網(wǎng)頁模板制作過程中的重復勞動，保證了開發(fā)效率和有效性。
[0038]4、本發(fā)明還提供了一種可視化生成網(wǎng)頁模板的系統(tǒng)，超鏈接提前預覽的方法和技術(shù)，可以在不打開超鏈接頁面的情況下，直接預覽到超鏈接頁面的快照，所見即所得，純拖拽和可視化編輯簡單易用，批量替換，開發(fā)效率高。
【附圖說明】
[0039]圖1是本發(fā)明一種可視化生成網(wǎng)頁模板的方法的流程示意圖；
[0040]圖2是本發(fā)明導航欄基準組件的類型示意圖；
[0041 ]圖3是本發(fā)明列表類基準組件的類型示意圖；
[0042]圖4是本發(fā)明布局基準組件的類型示意圖；
[0043]圖5是本發(fā)明一種可視化生成網(wǎng)頁模板的系統(tǒng)的結(jié)構(gòu)示意圖。
【具體實施方式】
[0044]以下結(jié)合附圖和實施例，對本發(fā)明進行進一步詳細說明。應(yīng)當理解，此處所描述的具體實施例僅用以解釋本發(fā)明，并不用于限定本發(fā)明。
[0045]本發(fā)明披露了一種可視化生成網(wǎng)頁模板的方法，如圖1所示，具體步驟如下:
[0046]步驟1:定義多個基準組件并分類后保存在服務(wù)器2中；優(yōu)選地，基準組件可以設(shè)置有多個，如導航欄基準組件、內(nèi)容塊基準組件、幻燈片基準組件和列表類基準組件等，如圖2所示，為導航欄基準組件的類型示意圖，從左至右依次為透明導航、側(cè)邊導航、靜態(tài)導航(一)和靜態(tài)導航(二)。導航欄可以為單個內(nèi)容塊，也可以為多個內(nèi)容塊的不同組合，在使用過程中若有需求可繼續(xù)增加，并對之前已有的基準組件無影響。如圖3所示，為列表類基準組件的類型示意圖，從左至右依次為純圖片列表、列表單欄目雙欄目信息和列表雙欄目，所有基準組件都可以按照需求進行排布后生成多個普通組件。優(yōu)選地，步驟I中多個基準組件通過定義分類屬性進行分類，如導航欄基準組件、內(nèi)容塊基準組件和幻燈片基準組件的分類方法依次為〈ul true=，，list，，X/ul>，〈ul true=，，list_titlelist，，X/ul>，〈ul true=” list-columnlist”>〈/ul>。每個組件都一段標準的代碼，在定義過程中規(guī)定Iist-titlelist和list-columnlist都繼承自list，并且每個字段都分別存入數(shù)據(jù)庫，在某個類型的組件需要更新時，可以更新不同類型“l(fā)ist”、“Iist-titie”或“l(fā)istlist-columnlist”開頭所有組件的屬性，可以實現(xiàn)整個類型的同步修改。相同類型的組件，結(jié)構(gòu)相同，相似類型的組件，結(jié)構(gòu)也類似。
[0047]優(yōu)選地，基準組件還包括布局基準組件，布局基準組件包括多個內(nèi)容塊，所述內(nèi)容塊均設(shè)置有名稱。可以定義每個布局的屬性，如寬、高、間距等，每個內(nèi)容塊均可以定義一個名稱，如:<div truename =”導航” ></div>，使用一定的名稱來管理各個布局中的內(nèi)容塊，可以在修改的過程中進行批量替換該同一個名稱的內(nèi)容塊，加快了工作效率，且保證了正確性，如網(wǎng)站設(shè)置有多個模板，每個模板均設(shè)置有導航，但需要同時更換或者更新一個網(wǎng)站上的所有導航，則可以更新布局中所有名稱為導航的部件，將原有的導航組件替換為新的導航組件。如圖4所示為布局基準組件的類型示意圖，從左至右布局頁面的比例分別為1:3、3:1、1:1和1:1:2，布局頁面比例還可以為1、1:1:1、1:1:1:1等比例，布局頁面比例不局限所列舉的比例，可以根據(jù)用戶需求將頁面進行不同比例的分離，以適應(yīng)不同版式，同時可以設(shè)置布局基準組件的信息，如布局高度、邊距設(shè)置、背景色和背景圖等。
[0048]多個所述基準組件均設(shè)置有多個普通組件，普通組件包括基準組件的所有基本屬性，基本屬性包括組件的寬度、組件的高度和組件的擴展屬性，基本屬性均為獨立屬性。所述擴展屬性用于以后的升級擴展，如若支持動畫效果，即可將某個基準組件的擴展屬性中增設(shè)支持動畫效果，所有繼承該基準組件的普通組件均可以支持動畫效果，無須每個組件逐一修改，方便快捷且準確無誤。優(yōu)選地，基準組件的基本屬性、組件名字和組件代碼均分別存入服務(wù)器2數(shù)據(jù)庫的不同字段，當組件更新時，可以更新某個字段的內(nèi)容。組件屬性可以在實際使用過程中進行調(diào)整，以適應(yīng)不同的網(wǎng)頁模板要求。組件屬性的設(shè)置信息包括部件參數(shù)設(shè)置和參數(shù)樣式設(shè)置，其中部件參數(shù)設(shè)置包括:所屬站點、欄目名稱、信息數(shù)量、標題長度、時間格式、項目符號和底部線條，基本樣式設(shè)置包括:部件寬度和高度等，即用戶可以通過需求選擇一個較為符合的基準組件，同時可以對基準組件內(nèi)部進行適當調(diào)整，以體現(xiàn)不同網(wǎng)頁模板的特色，本發(fā)明不局限于相同基準組件的重復組合，可以針對基準組件進行二次調(diào)整。
[0049]步驟2:客戶端I從服務(wù)器2獲取組件，并插入當前編輯頁面;步驟2中具體步驟包括:步驟21:客戶端I向服務(wù)器2提出獲取組件請求;步驟22:服務(wù)器2端判斷請求是否合理，若合理則通過獲取請求，允許客戶端I拖拽基準組件在網(wǎng)頁上進行排布，若不合理則視為無效請求。判斷要求包括:是否在同一區(qū)域選擇同一種基準組件，如在網(wǎng)頁某一區(qū)域選擇導航欄基準組件，客戶端I再次請求服務(wù)器2獲取同一導航欄基準組件放在相同區(qū)域，則服務(wù)器2視為無效操作;是否在基準組件內(nèi)部嵌入同一基本組件，如在透明導航欄基準組件中客戶端I請求獲取導航欄基準組件再次嵌入透明導航欄內(nèi)，則服務(wù)器2視為無效操作;是否在低等級基準組件中插入高等級基準組件，優(yōu)選地，布局基準組件、導航欄基準組件、列表基準組件、內(nèi)容塊基準組件和幻燈片基準組件的登記依次降低，如在導航欄基準組件中插入布局基準組件等，均被服務(wù)器2視為無效操作;是否當客戶端I向服務(wù)器2請求基準組件時，若網(wǎng)頁中已有組件已經(jīng)布滿區(qū)域或超過該基準組件的放置區(qū)域，則服務(wù)器2視為無效操作等判斷要求，該判斷要求不唯一，可以在實際過程中進行增刪與修改。
[0050]步驟3:設(shè)置組件數(shù)據(jù)來源，保存生成模板代碼;步驟3的具體步驟包括:步驟31:確定動態(tài)組件內(nèi)容并獲取數(shù)據(jù)來源;步驟32:將數(shù)據(jù)來源自定義后分配至各個組件;步驟33:保存生成模板代碼。由于組件設(shè)置數(shù)據(jù)來源，很多組件的內(nèi)容均是動態(tài)的，如標題列表基準組件，數(shù)據(jù)一般來源于網(wǎng)站的某個欄目，如娛樂新聞，獲取數(shù)據(jù)來源的方式不固定，可以通過freemarker的自定義的指令實現(xiàn)，也可以通過超鏈接等方式，優(yōu)選地，本發(fā)明中使用freemarker來自定義組件的數(shù)據(jù)來源，實現(xiàn)方式如下:〈@cmslist Imxx = 〃站點簡稱，欄目簡稱〃 count = 〃條數(shù)〃 order = 〃排序號〃has Img = 〃l〃begin=” 起始行數(shù)”〉
[0051]<#list messageMap as nr>
[0052]<!—.信息標題${ (nr.msgAll.msgTitle) !，，}，
[0053]信息路徑${(nr.msgAll.htmlPath)!” },
[0054]圖片路徑${(nr.msgAll.headlmg)!” },
[0055]發(fā)布日期${(nr.msgAll.releaseTime)!” },
[0056]發(fā)布人員${(nr.msgAll.author)!” }—>
[0057]</#list>
[0058]</icmslist>
[0059]通過freemarker的自定義指令可以減少通過打開超鏈接的頁面預覽的時間，可以直接預覽到超鏈接頁面的快照，方便快捷。
[0060]步驟4:填充數(shù)據(jù)生成網(wǎng)頁模板。步驟4的具體步驟為:步驟41:根據(jù)各個組件中的數(shù)據(jù)來源從數(shù)據(jù)庫獲取數(shù)據(jù);步驟42:填充各個組件的內(nèi)容;步驟43:保存組件中的內(nèi)容并發(fā)布，生成整個網(wǎng)頁。
[0061 ]本發(fā)明解決了開發(fā)效率低下，網(wǎng)頁模板修改更新耗時長，準確率不高的問題，另外本發(fā)明通過純拖拽、可視化編輯網(wǎng)頁模板，所見即所得，簡單易用，通過定義多個基準組件和基準組件的分類能夠?qū)崿F(xiàn)批量替換，開發(fā)效率高，縮短了網(wǎng)頁制作的流程，且后期易維護，大大降低了網(wǎng)頁模板制作的時間和出錯的可能性。
[0062]本發(fā)明還提供了一種可視化生成網(wǎng)頁模板的系統(tǒng)，如圖5所示，包括客戶端I和服務(wù)器2，客戶端I與服務(wù)器2相連用于交互信息數(shù)據(jù)，服務(wù)器2包括組件定義模塊21、組件獲取模塊22、組件數(shù)據(jù)填充模塊23、組件預覽模塊24，客戶端I，用于向服務(wù)器2端獲取組件，并將組件插入到當前頁面;組件定義模塊21，用于定義多個基準組件，并對組件進行參數(shù)配置；組件獲取模塊22，用于接收客戶端I的請求，獲取相應(yīng)的組件;組件數(shù)據(jù)填充模塊23，用于確定組件的動態(tài)內(nèi)容并獲取數(shù)據(jù)來源后填充網(wǎng)頁;組件預覽模塊24，用于網(wǎng)頁發(fā)布前的頁面預覽。優(yōu)選地，組件獲取模塊22還包括判斷模塊，判斷模塊用于判斷客戶端I的獲取請求是否有效。
[0063]工作過程:首先通過服務(wù)器2中的定義模塊21定義不同類型和不同大小的基準組件并保存，供客戶端I選擇;客戶端I向服務(wù)器2提出基準組件需求，服務(wù)器2中的判斷模塊判斷客戶端I的需求是否為有效請求，若有效則通過組件獲取模塊22從數(shù)據(jù)庫中調(diào)取相應(yīng)的基準組件，客戶端I直接通過拖拽至指定地點進行網(wǎng)頁布局，期間進行基準組件的屬性設(shè)置和調(diào)整;通過組件數(shù)據(jù)填充模塊23確定動態(tài)內(nèi)容和數(shù)據(jù)來源，并從數(shù)據(jù)庫調(diào)取相關(guān)數(shù)據(jù)填充基準組件，最后通過組件預覽模塊24進行現(xiàn)有的基準組件預覽，若沒有改動則進行保存，發(fā)布網(wǎng)頁。當網(wǎng)頁中的部分基準組件需要更新時，可以在組件定義模塊21中提取該類型的基準組件進行更新后發(fā)布。
[0064]本發(fā)明提供了超鏈接提前預覽的方法和技術(shù)，可以在不打開超鏈接頁面的情況下，直接預覽到超鏈接頁面的快照，所見即所得，純拖拽和可視化編輯簡單易用，批量替換，開發(fā)效率高。
[0065]上述說明示出并描述了本發(fā)明的優(yōu)選實施例，如前所述，應(yīng)當理解本發(fā)明并非局限于本文所披露的形式，不應(yīng)看作是對其他實施例的排除，而可用于各種其他組合、修改和環(huán)境，并能夠在本文所述發(fā)明構(gòu)想范圍內(nèi)，通過上述教導或相關(guān)領(lǐng)域的技術(shù)或知識進行改動。而本領(lǐng)域人員所進行的改動和變化不脫離本發(fā)明的精神和范圍，則都應(yīng)在本發(fā)明所附權(quán)利要求的保護范圍內(nèi)。
【主權(quán)項】
1.一種可視化生成網(wǎng)頁模板的方法，其特征在于: 步驟1:定義多個基準組件并分類后保存在服務(wù)器(2)中； 步驟2:客戶端(I)從服務(wù)器(2)獲取組件，并插入當前編輯頁面； 步驟3:設(shè)置組件數(shù)據(jù)來源，保存生成模板代碼； 步驟4:填充數(shù)據(jù)生成網(wǎng)頁模板。2.根據(jù)權(quán)利要求1所述的一種可視化生成網(wǎng)頁模板的方法，其特征在于:所述步驟I中多個基準組件通過定義分類屬性進行分類，包括導航欄基準組件、內(nèi)容塊基準組件和幻燈片基準組件。3.根據(jù)權(quán)利要求2所述的一種可視化生成網(wǎng)頁模板的方法，其特征在于:所述基準組件還包括布局基準組件，所述布局基準組件包括多個內(nèi)容塊，所述內(nèi)容塊均設(shè)置有名稱。4.根據(jù)權(quán)利要求3所述的一種可視化生成網(wǎng)頁模板的方法，其特征在于:多個所述基準組件均設(shè)置有多個普通組件，所述普通組件包括基準組件的所有基本屬性，所述基本屬性包括組件的寬度、組件的高度和組件的擴展屬性，所述基本屬性均為獨立屬性。5.根據(jù)權(quán)利要求4所述的一種可視化生成網(wǎng)頁模板的方法，其特征在于:所述基準組件的基本屬性、組件名字和組件代碼均分別存入服務(wù)器(2)數(shù)據(jù)庫的不同字段。6.根據(jù)權(quán)利要求1所述的一種可視化生成網(wǎng)頁模板的方法，其特征在于:所述步驟2中具體步驟包括: 步驟21:客戶端(I)向服務(wù)器(2)提出獲取組件請求； 步驟22:服務(wù)器(2)判斷請求是否合理，若合理則通過獲取請求，若不合理則視為無效請求。7.根據(jù)權(quán)利要求1所述的一種可視化生成網(wǎng)頁模板的方法，其特征在于:所述步驟3的具體步驟包括: 步驟31:確定動態(tài)組件內(nèi)容并獲取數(shù)據(jù)來源； 步驟32:將數(shù)據(jù)來源自定義后分配至各個組件； 步驟33:保存生成模板代碼。8.根據(jù)權(quán)利要求1所述的一種可視化生成網(wǎng)頁模板的方法，其特征在于:所述步驟4的具體步驟為: 步驟41:根據(jù)各個組件中的數(shù)據(jù)來源從數(shù)據(jù)庫獲取數(shù)據(jù)； 步驟42:填充各個組件的內(nèi)容； 步驟43:保存組件中的內(nèi)容并發(fā)布，生成整個網(wǎng)頁。9.一種可視化生成網(wǎng)頁模板的系統(tǒng)，其特征在于:包括客戶端(I)和服務(wù)器(2)，所述客戶端(I)與服務(wù)器(2)相連用于交互信息數(shù)據(jù)，所述服務(wù)器(2)包括組件定義模塊(21)、組件獲取模塊(22)、組件數(shù)據(jù)填充模塊(23)、組件預覽模塊(24)， 所述客戶端(I)，用于向服務(wù)器(2)獲取組件，并將組件插入到當前頁面； 所述組件定義模塊(21)，用于定義多個基準組件，并對組件進行參數(shù)配置； 所述組件獲取模塊(22)，用于接收客戶端(I)的請求，獲取相應(yīng)的組件； 所述組件數(shù)據(jù)填充模塊(23)，用于確定組件的動態(tài)內(nèi)容并獲取數(shù)據(jù)來源后填充網(wǎng)頁； 所述組件預覽模塊(24)，用于網(wǎng)頁發(fā)布前的頁面預覽。10.根據(jù)權(quán)利要求9所述的一種可視化生成網(wǎng)頁模板的系統(tǒng)，其特征在于:所述組件獲取模塊(22)還包括判斷模塊，所述判斷模塊用于判斷客戶端(I)的獲取請求是否有效。
【文檔編號】G06F17/24GK106096049SQ201610494224
【公開日】2016年11月9日
【申請日】2016年6月29日
【發(fā)明人】何中, 張安兵, 嚴偉, 戴建峰, 徐曉輝, 巢振軍, 湯佳杰
【申請人】江蘇中威科技軟件系統(tǒng)有限公司