專利名稱：一種通過網(wǎng)頁構(gòu)建數(shù)據(jù)庫構(gòu)建網(wǎng)頁的方法
技術(shù)領(lǐng)域：
本發(fā)明涉及網(wǎng)頁的制作方法，準(zhǔn)確地說是網(wǎng)頁的生成及制作方法，該方法能夠快速、高效地構(gòu)建網(wǎng)頁。
背景技術(shù)：
網(wǎng)頁制作，通常需要先構(gòu)建網(wǎng)頁的布局，再設(shè)計框架，表單、邊框等內(nèi)容，然后進行文字和圖片的編輯。在這個過程中，需要程序員寫代碼，美工調(diào)整；如果涉及到大型的門戶網(wǎng)站，首頁就有四五個屏之多，寫代碼的工作量非常大，而且還涉及到二級頻道頁、信息頁等多種內(nèi)容，如果是一個程序員來寫代碼，則工作量可想而知，一般會采用多人合作的方式，每個人針對自己的內(nèi)容寫一部分代碼，但是這種方式，每個人寫的代碼不盡相同，差異性帶來的結(jié)果往往是不兼容，需要重新調(diào)整。因此，目前制作網(wǎng)頁的主要問題在于1)需要一邊制作HTML代碼一邊編寫CSS 代碼，花費的時間較多；2)不得不一邊制作HTML頁面一邊受兼容性的影響，3)不同的重構(gòu)人員在制作同一頁面的時候CSS樣式類名自定義，導(dǎo)致沖突。這為網(wǎng)頁的制作增加了麻煩， 致使網(wǎng)頁制作煩瑣、周期長、效率不高。專利申請201010034292. 2號公開了一種網(wǎng)頁模板的構(gòu)建方法、系統(tǒng)及裝置，本發(fā)明公開了一種網(wǎng)頁模板的構(gòu)建方法、系統(tǒng)及裝置，用以解決現(xiàn)有技術(shù)中網(wǎng)頁模板構(gòu)建效率低的問題。該申請?zhí)岢隽艘环N網(wǎng)頁模板，來針對網(wǎng)頁模板中每塊區(qū)域預(yù)呈現(xiàn)的區(qū)塊元素，終端接收用戶輸入的區(qū)塊元素請求信息，確定所述區(qū)塊元素的標(biāo)識信息對應(yīng)的區(qū)塊元素的代碼信息，將所述區(qū)塊元素的代碼信息在該網(wǎng)頁區(qū)域的對應(yīng)位置呈現(xiàn)，終端接收用戶輸入內(nèi)容信息，將所述內(nèi)容信息在該區(qū)塊元素中進行顯示。這種方法將每個網(wǎng)頁劃分為至少兩個區(qū)塊元素，而每個區(qū)塊元素可以重復(fù)使用，從而提高了網(wǎng)頁模板的構(gòu)建效率。這類似于目前所采用的CSS框架(層疊樣式表Cascading Style Sheets)，CSS框架是設(shè)計網(wǎng)頁的基本架構(gòu)，針對網(wǎng)頁的全局、重置、表單、兼容等分塊或設(shè)備、瀏覽器、插件等對象進行定義，CSS框架不僅需要引用的樣式繁多，且也存在過多的限制，雖然可以使用優(yōu)先和權(quán)重進行級別的重定義，但對本身的通用性和可擴展性也產(chǎn)生了太多的不利影響。該方法對網(wǎng)頁的制作并沒有帶來根本的改善。上述的方法雖然定義了網(wǎng)頁模板和基本架構(gòu)，然而并沒有針對網(wǎng)頁的具體制作指定標(biāo)準(zhǔn)和統(tǒng)一的布局規(guī)劃，網(wǎng)頁的制作仍然要依靠開發(fā)者的布局設(shè)計和自己定義的代碼來完成，制作網(wǎng)頁并沒有得到簡化和提高效率。

發(fā)明內(nèi)容
基于此，本發(fā)明的目的是提供一種通過網(wǎng)頁構(gòu)建數(shù)據(jù)庫構(gòu)建網(wǎng)頁的方法，該方法能夠快速構(gòu)建網(wǎng)頁，大大提高了網(wǎng)頁的制作效率，減少了制作網(wǎng)頁的時間。本發(fā)明的另一個目的在于提供一種通過網(wǎng)頁構(gòu)建數(shù)據(jù)庫構(gòu)建網(wǎng)頁的方法，該方法能夠?qū)崿F(xiàn)網(wǎng)頁的快速編輯和重構(gòu)，具有良好的可移植性。
本發(fā)明的再一個目的是提供一種通過網(wǎng)頁構(gòu)建數(shù)據(jù)庫構(gòu)建網(wǎng)頁的方法，該方法易于實現(xiàn)，便于操作及控制。為了達到上述目的，本發(fā)明是按照如下方式實現(xiàn)的。一種通過網(wǎng)頁構(gòu)建數(shù)據(jù)庫構(gòu)建網(wǎng)頁的方法，其特征在于先將網(wǎng)頁制作所用的內(nèi)容形成標(biāo)準(zhǔn)，將這些標(biāo)準(zhǔn)作為統(tǒng)一的代碼存儲于數(shù)據(jù)庫中，具體網(wǎng)頁的制作包括如下步驟
A、構(gòu)建網(wǎng)頁的布局；
B、連接網(wǎng)頁構(gòu)建數(shù)據(jù)庫；
C、引用網(wǎng)頁構(gòu)建數(shù)據(jù)庫中的定義；從網(wǎng)頁構(gòu)建數(shù)據(jù)庫中搜索重置、布局、背景色、文本、 表單、表格、邊框模塊中的數(shù)據(jù)，選取合適的定義；直接選取定義好的內(nèi)容，不需要寫代碼進行定義，節(jié)約了大量的代碼及寫代碼的工作量；D、將所選取的定義顯示于網(wǎng)頁；
E、填充內(nèi)容，譬如將圖片、文字編輯到布局內(nèi)。本發(fā)明將網(wǎng)頁制作所用的布局、文本、邊框等內(nèi)容形成標(biāo)準(zhǔn)，作為統(tǒng)一的代碼存儲于數(shù)據(jù)庫中，便于網(wǎng)頁制作時隨時讀取，同時，代碼統(tǒng)一化，便于網(wǎng)頁的編輯及維護，標(biāo)準(zhǔn)化的代碼，使網(wǎng)頁的制作那個迅速、快捷的完成，不必針對每個內(nèi)容都編寫代碼，大大減小了網(wǎng)頁制作的工作量，提高了網(wǎng)頁制作的效率。所述的方法總，網(wǎng)頁構(gòu)建數(shù)據(jù)庫，包括有重置、布局、背景色、文本、表單、表格、邊框模塊，且上述的模塊相互之間是獨立的。重置模塊一般是不需要另外使用的，只是對瀏覽器默認的一些屬性進行清零；布局模塊是針對網(wǎng)頁的布局來進行，定義了常用的寬度、高度、浮動、定位、塊狀、隱顯等常用的布局核心類；背景色模塊，定義了高亮、提示、警示的效果，一般與邊框(Border)配合使用；文本模塊定義了常用的基本的加粗、斜體、中下劃線、 大小、字體、換行等的類；表格(Table)模塊針對表格的邊框折疊進行定義；Border邊框和文本的顏色定義了基本常用的顏色類，配合設(shè)計和程序來進行使用，可以實現(xiàn)一些如高亮、 提示、警示的效果。所述網(wǎng)頁構(gòu)建數(shù)據(jù)庫，還包括快捷方式模塊、其它部分模塊；快捷方式模塊對一些常用的模塊進行定義，再次減少重復(fù)類的應(yīng)用，以精簡代碼；其他部分模塊針對不同的瀏覽器進行了兼容處理。所述步驟A中，網(wǎng)頁的布局可以直接從布局模塊中引用。也就是說，步驟A、步驟B 和步驟C可以合并在一起。所述的步驟D中，所選取的定義，直接引用鏈接，將網(wǎng)頁定義采用鏈接的形式把數(shù)據(jù)庫中的定義顯示于網(wǎng)頁。所述的步驟D中，所選取的定義，采用導(dǎo)入方式從數(shù)據(jù)庫中導(dǎo)入，將數(shù)據(jù)庫中的定義導(dǎo)入到網(wǎng)頁進行顯示。所述的方法，可以在網(wǎng)頁制作的任意位置，直接讀取數(shù)據(jù)庫中的代碼，并復(fù)制數(shù)據(jù)庫中的代碼，進行網(wǎng)頁局部的復(fù)制。本發(fā)明采用網(wǎng)頁構(gòu)建數(shù)據(jù)庫來快速構(gòu)建網(wǎng)頁，能夠快速提取代碼進行網(wǎng)頁編輯， 大大減少了制作網(wǎng)頁的時間，提高了網(wǎng)頁的制作效率。而且代碼具有標(biāo)準(zhǔn)化的特點，便于編輯和維護，具有良好的移植性。


圖1為本發(fā)明實施的軟件控制流程圖。
具體實施例方式為了使本發(fā)明的目的、技術(shù)方案及優(yōu)點更加清楚明白，以下結(jié)合附圖及實施例，對本發(fā)明進行進一步詳細說明。應(yīng)當(dāng)理解，此處所描述的具體實施例僅僅用以解釋本發(fā)明，并不用于限定本發(fā)明。如圖1所示，實施本發(fā)明的具體包括如下步驟。1、設(shè)計布局，規(guī)劃好網(wǎng)頁的整體頁面。2、連接網(wǎng)頁構(gòu)建數(shù)據(jù)庫，任何一個構(gòu)建網(wǎng)頁的終端，只要取得權(quán)限或者認證，都可以連接到網(wǎng)頁構(gòu)建數(shù)據(jù)庫，從中讀取相應(yīng)的網(wǎng)頁數(shù)據(jù)；
3、引用網(wǎng)頁構(gòu)建數(shù)據(jù)庫中的定義；從網(wǎng)頁構(gòu)建數(shù)據(jù)庫導(dǎo)入構(gòu)建的定義標(biāo)準(zhǔn)，并引用定義構(gòu)建基礎(chǔ)布局。網(wǎng)頁的構(gòu)建內(nèi)容，包括布局格式、背景色、文本、表單、表格、邊框等內(nèi)容都可以從網(wǎng)頁構(gòu)建數(shù)據(jù)庫中搜索到相關(guān)數(shù)據(jù)，并進行引用； 網(wǎng)頁數(shù)據(jù)庫所包括的內(nèi)容包括有
Reset重置，重置一般是不需要另外使用的，只是對瀏覽器默認的一些屬性進行清零。
Bcharset "utf-8";
{padding:0;margin0} bodY{font-size:12px；background:#fff；} ol,ul{list-st:Yle:none} img{border: 0}
a{text decoration:none;color:#242424;} em{ f ont- s tyl e: no mal}
Layout布局，布局是針對布局來進行，包括了常用的寬度、高度、浮動、定位、塊狀、隱顯等常用的布局核心內(nèi)容。
11 float: left;} !{float: right;} · cl {clear;: tooth;}}
=Eel {position: relative;}. ^abs {position: absolute;'} alDsc{positions absolute; Margin-Ieft^ 50%;} .mc {margin-left^ auto ； laanglri-right·: auto ；} a dri{displaY:none;} B db{display:block;}
.di{-moξ-inline-3tack:inline-block； display:inline-block; _displaYinline;} oil {ove r f 1 OTj: hi dden ；} ■os{overflow:scroll;}
a OKhys{overfIoh-x:hidden;overflow-γι scroll;| .vh{visibility:hidden;} .wl^isibility: visible;}
權(quán)利要求
1.一種通過網(wǎng)頁構(gòu)建數(shù)據(jù)庫構(gòu)建網(wǎng)頁的方法，其特征在于先將網(wǎng)頁制作所用的內(nèi)容形成標(biāo)準(zhǔn)，將這些標(biāo)準(zhǔn)作為統(tǒng)一的代碼存儲于數(shù)據(jù)庫中，具體網(wǎng)頁的制作包括如下步驟A、構(gòu)建網(wǎng)頁的布局；B、連接網(wǎng)頁構(gòu)建數(shù)據(jù)庫；C、引用網(wǎng)頁構(gòu)建數(shù)據(jù)庫中的定義；從網(wǎng)頁構(gòu)建數(shù)據(jù)庫中搜索重置、布局、背景色、文本、 表單、表格、邊框模塊中的數(shù)據(jù)，選取合適的定義；D、將所選取的定義顯示于網(wǎng)頁；E、填充內(nèi)容，譬如將圖片、文字編輯到布局內(nèi)。
2.如權(quán)利要求1所述的通過網(wǎng)頁構(gòu)建數(shù)據(jù)庫構(gòu)建網(wǎng)頁的方法，其特征在于網(wǎng)頁構(gòu)建數(shù)據(jù)庫，包括有重置、布局、背景色、文本、表單、表格、邊框模塊，且上述的模塊相互之間是獨立的。
3.如權(quán)利要求2所述的通過網(wǎng)頁構(gòu)建數(shù)據(jù)庫構(gòu)建網(wǎng)頁的方法，其特征在于重置模塊一般是不需要另外使用的，只是對瀏覽器默認的一些屬性進行清零；布局模塊是針對網(wǎng)頁的布局來進行，定義了常用的寬度、高度、浮動、定位、塊狀、隱顯等常用的布局核心類；背景色模塊，定義了高亮、提示、警示的效果，一般與邊框(Border)配合使用；文本模塊定義了常用的基本的加粗、斜體、中下劃線、大小、字體、換行等的類；表格(Table)模塊針對表格的邊框折疊進行定義；Border邊框和文本的顏色定義了基本常用的顏色類，配合設(shè)計和程序來進行使用，可以實現(xiàn)一些如高亮、提示、警示的效果。
4.如權(quán)利要求2所述的通過網(wǎng)頁構(gòu)建數(shù)據(jù)庫構(gòu)建網(wǎng)頁的方法，其特征在于所述網(wǎng)頁構(gòu)建數(shù)據(jù)庫，還包括快捷方式模塊、其它部分模塊；快捷方式模塊對一些常用的模塊進行定義，再次減少重復(fù)類的應(yīng)用，以精簡代碼；其他部分模塊針對不同的瀏覽器進行了兼容處理。
5.如權(quán)利要求1所述的通過網(wǎng)頁構(gòu)建數(shù)據(jù)庫構(gòu)建網(wǎng)頁的方法，其特征在于所述步驟A 中，網(wǎng)頁的布局可以直接從布局模塊中引用，步驟A、步驟B和步驟C可以合并在一起。
6.如權(quán)利要求1所述的通過網(wǎng)頁構(gòu)建數(shù)據(jù)庫構(gòu)建網(wǎng)頁的方法，其特征在于所述的步驟 D中，所選取的定義，直接引用鏈接，將網(wǎng)頁定義采用鏈接的形式把數(shù)據(jù)庫中的定義顯示于網(wǎng)頁。
7.如權(quán)利要求1所述的通過網(wǎng)頁構(gòu)建數(shù)據(jù)庫構(gòu)建網(wǎng)頁的方法，其特征在于所述的步驟 D中，所選取的定義，采用導(dǎo)入方式從數(shù)據(jù)庫中導(dǎo)入，將數(shù)據(jù)庫中的定義導(dǎo)入到網(wǎng)頁進行顯7J\ ο
8.如權(quán)利要求1所述的通過網(wǎng)頁構(gòu)建數(shù)據(jù)庫構(gòu)建網(wǎng)頁的方法，其特征在于所述的方法，可以在網(wǎng)頁制作的任意位置，直接讀取數(shù)據(jù)庫中的代碼，并復(fù)制數(shù)據(jù)庫中的代碼，進行網(wǎng)頁局部的復(fù)制。
全文摘要
本發(fā)明是一種通過網(wǎng)頁構(gòu)建數(shù)據(jù)庫構(gòu)建網(wǎng)頁的方法，其網(wǎng)頁制作所用的內(nèi)容形成標(biāo)準(zhǔn)，將這些標(biāo)準(zhǔn)作為統(tǒng)一的代碼存儲于數(shù)據(jù)庫中，具體網(wǎng)頁的制作包括構(gòu)建網(wǎng)頁的布局、連接網(wǎng)頁構(gòu)建數(shù)據(jù)庫及引用網(wǎng)頁構(gòu)建數(shù)據(jù)庫中的定義、將所選取的定義顯示于網(wǎng)頁等步驟，本發(fā)明將網(wǎng)頁制作所用的內(nèi)容形成標(biāo)準(zhǔn)，作為統(tǒng)一的代碼存儲于數(shù)據(jù)庫中，便于網(wǎng)頁制作時隨時讀取，同時，代碼統(tǒng)一化，便于網(wǎng)頁的編輯及維護，標(biāo)準(zhǔn)化的代碼，使網(wǎng)頁的制作那個迅速、快捷的完成，不必針對每個內(nèi)容都編寫代碼，大大減小了網(wǎng)頁制作的工作量，提高了網(wǎng)頁制作的效率。
文檔編號G06F17/30GK102375889SQ20111033904
公開日2012年3月14日 申請日期2011年11月1日 優(yōu)先權(quán)日2011年11月1日
發(fā)明者沈龍泉 申請人:深圳市信游天下網(wǎng)絡(luò)科技有限公司