專利名稱：：一種免模板動(dòng)態(tài)網(wǎng)站生成方法
技術(shù)領(lǐng)域：
：本發(fā)明涉及一種動(dòng)態(tài)網(wǎng)站生成技術(shù)，尤其是一種基于動(dòng)態(tài)頁面組件，可自由排版的免模板動(dòng)態(tài)網(wǎng)站生成方法。
背景技術(shù)：
：互聯(lián)網(wǎng)時(shí)代，越來越多的企業(yè)，組織都希望通過互聯(lián)網(wǎng)來宣傳自己。他們首先要做的就是擁有一個(gè)屬于自己的動(dòng)態(tài)內(nèi)容網(wǎng)站，以隨時(shí)隨地地發(fā)布信息和產(chǎn)品，與商業(yè)伙伴進(jìn)行交流。但在現(xiàn)有的技術(shù)條件下，要開發(fā)一套包含動(dòng)態(tài)內(nèi)容的網(wǎng)站需要由專業(yè)的軟件工程師，美術(shù)工程師進(jìn)行若干時(shí)間的開發(fā)才能完成；對(duì)普通用戶來說，只能通過委托專業(yè)公司進(jìn)行開發(fā)；現(xiàn)在也有一些提供給非專業(yè)人士使用的自助網(wǎng)站生成系統(tǒng)，但這些系統(tǒng)所使用方法都是基于給定的頁面模板，網(wǎng)站所有者無法自由對(duì)頁面的排版進(jìn)行調(diào)整，對(duì)字體，色彩進(jìn)行自定義，生成出來的的網(wǎng)站千篇一律，缺乏個(gè)性，因此這類方法也具有較大的局限性，無法按照自己的喜好對(duì)界面進(jìn)行排版及顯示樣式設(shè)定。
發(fā)明內(nèi)容本發(fā)明目的在于克服現(xiàn)有技術(shù)的缺陷提供一種既能基于動(dòng)態(tài)頁面組件，又能自由排版的動(dòng)態(tài)網(wǎng)站生成方法。為達(dá)到上述目的，本發(fā)明采用如下技術(shù)方案一種免模板動(dòng)態(tài)網(wǎng)站生成方法，其特征在于，包括以下步驟A、建立頁面組件庫，供用戶在創(chuàng)建網(wǎng)站時(shí)調(diào)用；B、從頁面組件庫中調(diào)用所需頁面組件，并設(shè)置用戶所需界面內(nèi)容，然后保存設(shè)置；C、創(chuàng)建頁面布局，對(duì)頁面組件自由排版并保存界面布局及排版設(shè)置。上述免模板動(dòng)態(tài)網(wǎng)站生成方法，所述步驟B還包括B1、從頁面組件庫中選擇所需的頁面組件；B2、設(shè)置頁面組件屬性，配置成期望的顯示樣式；B3、進(jìn)行頁面組件內(nèi)容維護(hù)；B4、將屬性信息及內(nèi)容信息用xml語言進(jìn)行描述，然后保存。上述免模板動(dòng)態(tài)網(wǎng)站生成方法，所述步驟C還包括C1、將一個(gè)頁面自定義為一行表格上下拼接組成，每一行表格稱為一個(gè)容器，每個(gè)容器可以自定義為多個(gè)格子；C2、讀取配置的頁面組件放置在配置容器的相應(yīng)格子中；C3、通過三維坐標(biāo)對(duì)所配置的頁面組件進(jìn)行定位即保存。上述免模板動(dòng)態(tài)網(wǎng)站生成方法，所述步驟C2中每個(gè)格子里的多個(gè)頁面組件上下排列。上述免模板動(dòng)態(tài)網(wǎng)站生成方法，所述每個(gè)格子的大小可自定義或根據(jù)頁面組件的大小自由伸縮。上述免模板動(dòng)態(tài)網(wǎng)站生成方法，所述步驟C3中的三維坐標(biāo)是這樣定義的x在一個(gè)容器中，頁面組件所處第幾個(gè)格子，從左向右，由1開始計(jì)數(shù)。y在一個(gè)格子里，頁面組件所處第幾位，從上往下數(shù)，由1開始計(jì)數(shù)。z在一個(gè)頁面里，頁面組件所處第幾個(gè)容器里，從上往下數(shù)，由1開始計(jì)數(shù)。上述免模板動(dòng)態(tài)網(wǎng)站生成方法，所述步驟A中頁面組件庫是可擴(kuò)展頁面組件庫。上述免模板動(dòng)態(tài)網(wǎng)站生成方法，所述步驟A中頁面組件庫包括帶圖片的信息列表頁面組件、單張圖片頁面組件、圖片列表頁面組件、鏈接列表頁面組件、導(dǎo)航頁面組件、搜索頁面組件、網(wǎng)上調(diào)查頁面組件、文字信息頁面組件等。上述免模板動(dòng)態(tài)網(wǎng)站生成方法，所述每個(gè)頁面組件是包含顏色、字體、顯示樣式等多種屬性的動(dòng)態(tài)可維護(hù)頁面組件。與現(xiàn)有技術(shù)相比，本發(fā)明的方法具有以下優(yōu)點(diǎn)本發(fā)明的方法基于動(dòng)態(tài)頁面組件，實(shí)現(xiàn)自由排版，可將用戶在創(chuàng)建動(dòng)態(tài)網(wǎng)站時(shí)編寫程序的工作轉(zhuǎn)變?yōu)閷?duì)頁面組件的調(diào)用及維護(hù)的工作，大大降低了工作難度，無需專業(yè)的軟件工程師、美術(shù)設(shè)計(jì)師就能迅速搭建起極具個(gè)性的動(dòng)態(tài)網(wǎng)站，大大節(jié)約了時(shí)間和成本，能為企業(yè)及社會(huì)創(chuàng)造出更多的效益。本發(fā)明方法的頁面組件庫可以根據(jù)需要隨意擴(kuò)展，每個(gè)頁面組件也都是包含顏色、字體、顯示樣式等多種屬性的動(dòng)態(tài)頁面，用戶可按照自己的喜好對(duì)界面進(jìn)行排版及顯示樣式設(shè)定，有利于根據(jù)需要及時(shí)維護(hù)更新網(wǎng)站內(nèi)容及顯示樣式。圖1是本發(fā)明實(shí)施例的動(dòng)態(tài)網(wǎng)站設(shè)計(jì)流程圖；圖2是本發(fā)明實(shí)施例由后臺(tái)進(jìn)程完成的頁面解析和發(fā)布流程圖；圖3是本發(fā)明創(chuàng)建的頁面組件庫示意圖；圖4是將網(wǎng)易首頁按本發(fā)明創(chuàng)建的頁面組件進(jìn)行分解的示意圖；圖5是本發(fā)明實(shí)施例頁面組件調(diào)用及保存流程圖；圖6是本發(fā)明實(shí)施例頁面組件顯示流程圖；圖7是現(xiàn)有技術(shù)網(wǎng)易首頁頁面布局示意圖；圖8是本發(fā)明實(shí)施例中容器定義示意圖；圖9本發(fā)明實(shí)施例中用來對(duì)頁面組件定位的三維坐標(biāo)定義圖；圖10是本發(fā)明實(shí)施例對(duì)頁面組件排版完成后頁面顯示解析流程圖。具體實(shí)施例方式圖1是本發(fā)明實(shí)施例動(dòng)態(tài)網(wǎng)站設(shè)計(jì)流程圖，參考圖1，本發(fā)明的免模板動(dòng)態(tài)網(wǎng)站生成方法，包括步驟A建立頁面組件庫，供用戶在創(chuàng)建網(wǎng)站時(shí)調(diào)用；步驟B從頁面組件庫中調(diào)用所需頁面組件，并設(shè)置用戶所需界面內(nèi)容，然后保存設(shè)置；步驟C創(chuàng)建頁面布局，對(duì)頁面組件自由排版并保存界面布局及排版設(shè)置。所述步驟B還包括(B1)從頁面組件庫中選擇所需的頁面組件；(B2)設(shè)置組件屬性，配置成期望的顯示樣式；(B3)進(jìn)行頁面組件內(nèi)容維護(hù)；(B4)將屬性信息及內(nèi)容信息用xml語言進(jìn)行描述，然后保存。所述步驟C還包括(C1)將一個(gè)頁面自定義為一行表格上下拼接組成，每一行表格稱為一個(gè)容器，每個(gè)容器可以自定義為多個(gè)格子(C2)讀取配置的頁面組件放置在配置容器的相應(yīng)格子中；(C3)通過三維坐標(biāo)對(duì)所配置的頁面組件進(jìn)行定位即保存。圖2是由后臺(tái)進(jìn)程完成的頁面解析和發(fā)布流程圖，首先用戶請(qǐng)求所需頁面，其次由后臺(tái)進(jìn)程讀取布局及排版設(shè)置文件，并解析出布局及排版，然后讀取頁面組件配置文件，解析出每個(gè)組件的顯示樣式及內(nèi)容并顯示給用戶。下面結(jié)合附圖3-10詳細(xì)說明本發(fā)明的實(shí)施方式所述步驟A中建立頁面組件庫是通過分析大多數(shù)網(wǎng)站的功能模塊，根據(jù)需要建立的可擴(kuò)展的通用頁面組件庫。如圖3所示，大多數(shù)網(wǎng)站基本由帶圖片的信息列表頁面組件1、搜索頁面組件2、網(wǎng)上調(diào)查頁面組件3、鏈接列表頁面組件4、單張圖片頁面組件5、導(dǎo)航頁面組件6、圖片列表頁面組件7、文字信息頁面組件8組成。如圖4所示網(wǎng)易的首頁就是由以上頁面組件組合而成，其中包括單張圖片頁面組件5、圖片列表頁面組件7、鏈接列表頁面組件4、帶圖片的信息列表1等。由此可根據(jù)需要建立可擴(kuò)展的通用頁面組件庫，用戶可根據(jù)需要對(duì)頁面組件庫進(jìn)行調(diào)用和組合，以搭配出滿足需要的動(dòng)態(tài)網(wǎng)站。圖5是頁面組件的調(diào)用及保存流程圖，參考圖5，通過流程說明頁面組件的調(diào)用及保存過程，這個(gè)過程類似于編碼過程，即用xml語言將頁面組件的設(shè)置及內(nèi)容進(jìn)行描述并保存。首先從頁面組件庫中選擇要用的頁面組件，其次設(shè)置頁面組件屬性，配置成期望的顯示樣式，并進(jìn)行內(nèi)容維護(hù)，然后將屬性信息及內(nèi)容信息用xml語言進(jìn)行描述并保存。頁面組件的屬性描述及內(nèi)容需通過xml語言按照一定的規(guī)范進(jìn)行描述，描述完后以xml語言格式保存進(jìn)數(shù)據(jù)庫中。以下是一個(gè)信息列表頁面組件在設(shè)置好屬性及內(nèi)容后的xml語言描述樣例<assemblytype＝”info”name＝”新聞快訊”id＝”14”><propertywithPic＝”true”pic＝”images/news.jpg”picWidth＝”90”picHeight＝”90”name＝”姚明領(lǐng)隊(duì)火箭勝尼克斯”url＝”getNews.jsp？id＝123“showMore”＝”true”style＝”1.css”/><parturl＝”getNews.jsp？id＝123”name＝”&It；fontcolor＝’red’&gt；中國已解決拖欠農(nóng)民工工資280多億&IT；/font&；”time＝”02-0712:34”/><parturl＝”getNews.jsp？id＝123”name＝”大學(xué)生下鄉(xiāng)送點(diǎn)子”time＝”02-0712:30”/><parturl＝”getNews.jsp？id＝124”name＝”鐵路公路今天迎來客流最高峰”time＝”02-0711:12”/><parturl＝”getNews.jsp？id＝125”name＝”北方部分城市飛雪迎春”time＝”02-0710:13”/><parturl＝”getNews.jsp？id＝126”name＝”貧困生免費(fèi)就讀國家極重點(diǎn)技校”time＝”02-0710:03”/></assembly>每個(gè)組件的xml語言描述可分為三部分第一部分為類型標(biāo)簽，如<assemblytype＝”info”name＝”新聞快訊”id＝”14”>記錄其屬于哪一類頁面組件及其它一些重要屬性；第二部分為屬性標(biāo)簽，如<propertywithPic＝”true”pic＝”images/news.jpg”picWidth＝”90”picHeight＝”90”name＝”姚明領(lǐng)隊(duì)火箭勝尼克斯”url＝”getNews.jsp？id＝123“showMore”＝”tme”style＝”1.css”/>記錄這個(gè)組件各種可配置的屬性，每一類頁面組件都有不同的屬性，但它都包含一個(gè)重要的style屬性，這個(gè)屬性將這個(gè)頁面組件顯示風(fēng)格記錄在一個(gè)css樣式表中，例如顏色，字體等等。通過屬性標(biāo)簽，頁面組件的顯示風(fēng)格可以千變?nèi)f化。第三部分為內(nèi)容標(biāo)簽，如<parturl＝”getNews.jsp？id＝123”name＝”&It；fontcolor＝’red’&gt；中國已解決拖欠農(nóng)民工工資280多億&IT；/font&；”time＝”02-0712:34”/><parturl＝”getNews.jsp？id＝123”name＝”大學(xué)生下鄉(xiāng)送點(diǎn)子”time＝”02-0712:30”/><parturl＝”getNews.jsp？id＝124”name＝”鐵路公路今天迎來客流最高峰”time＝”02-0711:12”/><parturl＝”getNews.jsp？id＝125”name＝”北方部分城市飛雪迎春”time＝”02-0710:13”/><parturl＝”getNews.jsp？id＝126”name＝”貧困生免費(fèi)就讀國家極重點(diǎn)技?！眛ime＝”02-0710:03”/>記錄了這個(gè)頁面組件包含的內(nèi)容。每種頁面組件記錄內(nèi)容的方法都有所區(qū)別。通過這種設(shè)計(jì)，一個(gè)頁面就由多個(gè)這樣的assembly標(biāo)記組成，即一個(gè)頁面包含多個(gè)組件。即按照如下的結(jié)構(gòu)進(jìn)行描述<page><assemblyid＝”1”type＝”...”>……</assembly>……<assemblyid＝”n”type＝”...”>……</assembly></page>圖6是頁面組件的顯示流程圖，參考圖6，該流程類似于解碼過程，即用xslt語言按照一定的規(guī)范解析頁面組件的屬性及內(nèi)容，將其按照設(shè)定的方式進(jìn)行還原。下面是信息列表組件的解析過程樣例的部分代碼<？xmlversion＝″1.0″e(cuò)ncoding＝″UTF-8″？><xsl:stylesheetversion＝″1.0″xmlns:xsl＝″http://www.w3.org/1999/XSL/Transform″><xsl:outputmethod＝″html″e(cuò)ncoding＝″gb2312″indent＝″no″/><！--createInfoList(assembly)生成信息列表顯示模板函數(shù)，可定義是否含標(biāo)題新聞，是否流動(dòng)，標(biāo)題截取字?jǐn)?shù)，是否顯示日期--><xsl:templatename＝″infoList_createList″><！--參數(shù)定義-->……<！--列表類型--><xsl:iftest＝″$withPic＝′false><！--是否流動(dòng)--><xsl:choose>/……</xsl:choose></xsl:if><！--帶圖片信息--><xsl:iftest＝″$withPic＝′true><tableborder＝″0″width＝″100％″><tr><！--此格顯示圖片--><tdvalign＝″top″align＝″center″nowrap＝″nowrap″width＝″20％″>……</td><！--此格顯示信息列表--><tdnowrap＝″nowrap″width＝″80％″><！--是否流動(dòng)--><xsl:choose>……</xsl:choose></td></tr></table></xsl:if></xsl:template><！--顯示信息列表--><xsl:templatename＝″getInfoList″><！--參數(shù)定義-->……<！--列表顯示--><xsl:for-eachselect＝″$assembly/part″>……</xsl:for-each><xsl:iftest＝″$showMore＝′true><palign＝″right″><ahref＝″{$homeUrl}″>更多>></a></p></xsl:if></xsl:template></xsl:stylesheet>解析完成后，即可顯示所配置頁面組件的內(nèi)容。所述步驟C創(chuàng)建頁面布局，對(duì)頁面組件自由排版并保存界面布局及排版設(shè)置是這樣實(shí)現(xiàn)的圖7是網(wǎng)易首頁的布局圖，參考圖7，可以看出，該頁面是由9～15共七個(gè)行表格上下拼接起來的，因此，設(shè)計(jì)者可以將一個(gè)頁面看成由多個(gè)一行表格上下拼接組成，每一個(gè)表格稱為一個(gè)容器，它可以由多列組成，即有多個(gè)格子。每個(gè)格子可以成為放置一個(gè)或多個(gè)頁面組件的基本單位，在一個(gè)格子里，多個(gè)頁面組件只能上下排列，不能左右排列。如圖8所示通過將頁面劃分為多個(gè)容器，多個(gè)格子，將頁面組件分別置于每個(gè)格子中，并且可以在不同的格子之間切換，每個(gè)格子寬度可以自定義或根據(jù)界面組件的大小自動(dòng)伸縮，這樣就實(shí)現(xiàn)對(duì)頁面組件的自由排版。一個(gè)頁面的布局描述也可以通過xml語言描述并存儲(chǔ)，如下<layout><containercols＝”1”/>……<containercols＝”n”/></layout>通過這個(gè)描述文件，xslt語言就可將其還原成包含了指定表格的網(wǎng)站界面。根據(jù)這個(gè)設(shè)計(jì)，我們可以創(chuàng)建好一系列容器組件供用戶選擇，例如一格容器，兩格容器，三格容器，自定義格數(shù)容器。用戶在布局時(shí)只需將想要的容器組件排列在頁面上即可，每格可放置一個(gè)或多個(gè)頁面組件。在設(shè)計(jì)頁面時(shí)，可以通過對(duì)頁面組件的拖拉，放置到不同的格子里實(shí)現(xiàn)界面的自由排版。設(shè)計(jì)完后，通過三維坐標(biāo)來對(duì)每個(gè)頁面組件進(jìn)行定位，準(zhǔn)確保存每個(gè)頁面組件的所處位置，以便在發(fā)布時(shí)，能夠重現(xiàn)。參考圖9，所述三維坐標(biāo)定義如下x在一個(gè)容器中，頁面組件所處第幾個(gè)格子，從左向右，由1開始計(jì)數(shù)。y在一個(gè)格子里，頁面組件所處第幾位，從上往下數(shù)，由1開始計(jì)數(shù)。z在一個(gè)頁面里，頁面組件所處第幾個(gè)容器里，從上往下數(shù)，由1開始計(jì)數(shù)。根據(jù)上述三維坐標(biāo)定義，頁面組件16的坐標(biāo)為(2，1，4)，頁面組件17的坐標(biāo)為(2，2，2)，頁面組件18的坐標(biāo)為(1，1，2)。每個(gè)組件的坐標(biāo)值可以記錄在其本身的xml語言描述里，通過增加x，y，z屬性即可準(zhǔn)確記錄。如下<assemblyx＝”1”y＝”1”z＝”1”type＝”info”>……</assembly>圖10是排版完成后頁面顯示解析流程圖，排版完成后，排版的結(jié)果存儲(chǔ)在頁面布局描述文件及頁面組件描述文件中。在頁面顯示時(shí)，需要對(duì)這兩個(gè)文件進(jìn)行解析，以輸出正確的頁面文件。解析程序可以用xslt語言編寫，解析流程如圖10所示，經(jīng)過該頁面顯示過程，即可創(chuàng)建按照指定排版所需的布局頁面。雖然本發(fā)明已以較佳實(shí)施例公開如上，然其并非用以限定本發(fā)明，任何熟悉此項(xiàng)技術(shù)者，在不脫離本發(fā)明之精神和范圍內(nèi)，當(dāng)可做些許更動(dòng)與潤飾，所作更動(dòng)與潤飾仍屬于本發(fā)明所附的權(quán)利要求保護(hù)范圍之內(nèi)。權(quán)利要求1.一種免模板動(dòng)態(tài)網(wǎng)站生成方法，其特征在于，包括以下步驟A、建立頁面組件庫，供用戶在創(chuàng)建網(wǎng)站時(shí)調(diào)用；B、從頁面組件庫中調(diào)用所需頁面組件，并設(shè)置用戶所需界面內(nèi)容，然后保存設(shè)置；C、創(chuàng)建頁面布局，對(duì)頁面組件自由排版并保存界面布局及排版設(shè)置。2.根據(jù)權(quán)利要求1所述的免模板動(dòng)態(tài)網(wǎng)站生成方法，其特征在于，所述步驟B還包括B1、從頁面組件庫中選擇所需的頁面組件；B2、設(shè)置組件屬性，配置成期望的顯示樣式；B3、進(jìn)行頁面組件內(nèi)容維護(hù)；B4、將屬性信息及內(nèi)容信息用xml語言進(jìn)行描述，然后保存。3.根據(jù)權(quán)利要求1所述的免模板動(dòng)態(tài)網(wǎng)站生成方法，其特征在于，所述步驟C還包括C1、將一個(gè)頁面自定義為一行表格上下拼接組成，每一行表格稱為一個(gè)容器，每個(gè)容器可以自定義為多個(gè)格子；C2、讀取配置的頁面組件放置在配置容器的相應(yīng)格子中；C3、通過三維坐標(biāo)對(duì)所配置的頁面組件進(jìn)行定位即保存。4.根據(jù)權(quán)利要求3所述的免模板動(dòng)態(tài)網(wǎng)站生成方法，其特征在于，所述步驟C2中每個(gè)格子里的多個(gè)頁面組件上下排列。5.根據(jù)權(quán)利要求4所述的免模板動(dòng)態(tài)網(wǎng)站生成方法，其特征在于，所述每個(gè)格子的大小可自定義或根據(jù)頁面組件的大小自由伸縮。6.根據(jù)權(quán)利要求3所述的免模板動(dòng)態(tài)網(wǎng)站生成方法，其特征在于，所述步驟C3中的三維坐標(biāo)是這樣定義的x在一個(gè)容器中，頁面組件所處第幾個(gè)格子，從左向右，由1開始計(jì)數(shù)。y在一個(gè)格子里，頁面組件所處第幾位，從上往下數(shù)，由1開始計(jì)數(shù)。z在一個(gè)頁面里，頁面組件所處第幾個(gè)容器里，從上往下數(shù)，由1開始計(jì)數(shù)。7.根據(jù)權(quán)利要求1所述的免模板動(dòng)態(tài)網(wǎng)站生成方法，其特征在于，所述頁面組件庫是可擴(kuò)展頁面組件庫。8.根據(jù)權(quán)利要求7所述的免模板動(dòng)態(tài)網(wǎng)站生成方法，其特征在于，所述頁面組件庫包括帶圖片的信息列表頁面組件、單張圖片頁面組件、圖片列表頁面組件、鏈接列表頁面組件、導(dǎo)航頁面組件、搜索頁面組件、網(wǎng)上調(diào)查頁面組件、文字信息頁面組件。9.根據(jù)權(quán)利要求8所述的免模板動(dòng)態(tài)網(wǎng)站生成方法，其特征在于，所述每個(gè)頁面組件是包含顏色、字體、顯示樣式多種屬性的動(dòng)態(tài)可維護(hù)頁面組件。全文摘要本發(fā)明公開了一種免模板動(dòng)態(tài)網(wǎng)站生成方法，主要包括以下步驟(A)建立頁面組件庫，供用戶在創(chuàng)建網(wǎng)站時(shí)調(diào)用；(B)從頁面件庫中調(diào)用所需頁面組件，并設(shè)置用戶所需界面內(nèi)容，然后保存設(shè)置；(C)創(chuàng)建頁面布局，對(duì)頁面組件自由排版并保存界面布局及排版設(shè)置。所述頁面組件庫是可擴(kuò)展頁面組件庫；所述每個(gè)頁面組件是包含顏色、字體、顯示樣式等多種屬性的動(dòng)態(tài)可維護(hù)頁面組件。本發(fā)明的方法是基于動(dòng)態(tài)頁面組件，實(shí)現(xiàn)自由排版，可將用戶在創(chuàng)建動(dòng)態(tài)網(wǎng)站時(shí)編寫程序的工作轉(zhuǎn)變?yōu)閷?duì)頁面組件的調(diào)用及維護(hù)的工作，無需專業(yè)的軟件工程師、美術(shù)設(shè)計(jì)師就能迅速搭建起極具個(gè)性的動(dòng)態(tài)網(wǎng)站。文檔編號(hào)G06F17/30GK101025738SQ20061000829公開日2007年8月29日申請(qǐng)日期2006年2月21日優(yōu)先權(quán)日2006年2月21日發(fā)明者令狐鐵民申請(qǐng)人:廣州保稅區(qū)天懋?dāng)?shù)碼電子商務(wù)有限公司