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

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


圖1為本發(fā)明實(shí)施的軟件控制流程圖。
具體實(shí)施例方式為了使本發(fā)明的目的、技術(shù)方案及優(yōu)點(diǎn)更加清楚明白，以下結(jié)合附圖及實(shí)施例，對(duì)本發(fā)明進(jìn)行進(jìn)一步詳細(xì)說明。應(yīng)當(dāng)理解，此處所描述的具體實(shí)施例僅僅用以解釋本發(fā)明，并不用于限定本發(fā)明。如圖1所示，實(shí)施本發(fā)明的具體包括如下步驟。1、設(shè)計(jì)布局，規(guī)劃好網(wǎng)頁(yè)的整體頁(yè)面。2、連接網(wǎng)頁(yè)構(gòu)建數(shù)據(jù)庫(kù)，任何一個(gè)構(gòu)建網(wǎng)頁(yè)的終端，只要取得權(quán)限或者認(rèn)證，都可以連接到網(wǎng)頁(yè)構(gòu)建數(shù)據(jù)庫(kù)，從中讀取相應(yīng)的網(wǎng)頁(yè)數(shù)據(jù)；
3、引用網(wǎng)頁(yè)構(gòu)建數(shù)據(jù)庫(kù)中的定義；從網(wǎng)頁(yè)構(gòu)建數(shù)據(jù)庫(kù)導(dǎo)入構(gòu)建的定義標(biāo)準(zhǔn)，并引用定義構(gòu)建基礎(chǔ)布局。網(wǎng)頁(yè)的構(gòu)建內(nèi)容，包括布局格式、背景色、文本、表單、表格、邊框等內(nèi)容都可以從網(wǎng)頁(yè)構(gòu)建數(shù)據(jù)庫(kù)中搜索到相關(guān)數(shù)據(jù)，并進(jìn)行引用； 網(wǎng)頁(yè)數(shù)據(jù)庫(kù)所包括的內(nèi)容包括有
Reset重置，重置一般是不需要另外使用的，只是對(duì)瀏覽器默認(rèn)的一些屬性進(jìn)行清零。
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布局，布局是針對(duì)布局來進(jìn)行，包括了常用的寬度、高度、浮動(dòng)、定位、塊狀、隱顯等常用的布局核心內(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)頁(yè)構(gòu)建數(shù)據(jù)庫(kù)構(gòu)建網(wǎng)頁(yè)的方法，其特征在于先將網(wǎng)頁(yè)制作所用的內(nèi)容形成標(biāo)準(zhǔn)，將這些標(biāo)準(zhǔn)作為統(tǒng)一的代碼存儲(chǔ)于數(shù)據(jù)庫(kù)中，具體網(wǎng)頁(yè)的制作包括如下步驟A、構(gòu)建網(wǎng)頁(yè)的布局；B、連接網(wǎng)頁(yè)構(gòu)建數(shù)據(jù)庫(kù)；C、引用網(wǎng)頁(yè)構(gòu)建數(shù)據(jù)庫(kù)中的定義；從網(wǎng)頁(yè)構(gòu)建數(shù)據(jù)庫(kù)中搜索重置、布局、背景色、文本、 表單、表格、邊框模塊中的數(shù)據(jù)，選取合適的定義；D、將所選取的定義顯示于網(wǎng)頁(yè)；E、填充內(nèi)容，譬如將圖片、文字編輯到布局內(nèi)。
2.如權(quán)利要求1所述的通過網(wǎng)頁(yè)構(gòu)建數(shù)據(jù)庫(kù)構(gòu)建網(wǎng)頁(yè)的方法，其特征在于網(wǎng)頁(yè)構(gòu)建數(shù)據(jù)庫(kù)，包括有重置、布局、背景色、文本、表單、表格、邊框模塊，且上述的模塊相互之間是獨(dú)立的。
3.如權(quán)利要求2所述的通過網(wǎng)頁(yè)構(gòu)建數(shù)據(jù)庫(kù)構(gòu)建網(wǎng)頁(yè)的方法，其特征在于重置模塊一般是不需要另外使用的，只是對(duì)瀏覽器默認(rèn)的一些屬性進(jìn)行清零；布局模塊是針對(duì)網(wǎng)頁(yè)的布局來進(jìn)行，定義了常用的寬度、高度、浮動(dòng)、定位、塊狀、隱顯等常用的布局核心類；背景色模塊，定義了高亮、提示、警示的效果，一般與邊框(Border)配合使用；文本模塊定義了常用的基本的加粗、斜體、中下劃線、大小、字體、換行等的類；表格(Table)模塊針對(duì)表格的邊框折疊進(jìn)行定義；Border邊框和文本的顏色定義了基本常用的顏色類，配合設(shè)計(jì)和程序來進(jìn)行使用，可以實(shí)現(xiàn)一些如高亮、提示、警示的效果。
4.如權(quán)利要求2所述的通過網(wǎng)頁(yè)構(gòu)建數(shù)據(jù)庫(kù)構(gòu)建網(wǎng)頁(yè)的方法，其特征在于所述網(wǎng)頁(yè)構(gòu)建數(shù)據(jù)庫(kù)，還包括快捷方式模塊、其它部分模塊；快捷方式模塊對(duì)一些常用的模塊進(jìn)行定義，再次減少重復(fù)類的應(yīng)用，以精簡(jiǎn)代碼；其他部分模塊針對(duì)不同的瀏覽器進(jìn)行了兼容處理。
5.如權(quán)利要求1所述的通過網(wǎng)頁(yè)構(gòu)建數(shù)據(jù)庫(kù)構(gòu)建網(wǎng)頁(yè)的方法，其特征在于所述步驟A 中，網(wǎng)頁(yè)的布局可以直接從布局模塊中引用，步驟A、步驟B和步驟C可以合并在一起。
6.如權(quán)利要求1所述的通過網(wǎng)頁(yè)構(gòu)建數(shù)據(jù)庫(kù)構(gòu)建網(wǎng)頁(yè)的方法，其特征在于所述的步驟 D中，所選取的定義，直接引用鏈接，將網(wǎng)頁(yè)定義采用鏈接的形式把數(shù)據(jù)庫(kù)中的定義顯示于網(wǎng)頁(yè)。
7.如權(quán)利要求1所述的通過網(wǎng)頁(yè)構(gòu)建數(shù)據(jù)庫(kù)構(gòu)建網(wǎng)頁(yè)的方法，其特征在于所述的步驟 D中，所選取的定義，采用導(dǎo)入方式從數(shù)據(jù)庫(kù)中導(dǎo)入，將數(shù)據(jù)庫(kù)中的定義導(dǎo)入到網(wǎng)頁(yè)進(jìn)行顯7J\ ο
8.如權(quán)利要求1所述的通過網(wǎng)頁(yè)構(gòu)建數(shù)據(jù)庫(kù)構(gòu)建網(wǎng)頁(yè)的方法，其特征在于所述的方法，可以在網(wǎng)頁(yè)制作的任意位置，直接讀取數(shù)據(jù)庫(kù)中的代碼，并復(fù)制數(shù)據(jù)庫(kù)中的代碼，進(jìn)行網(wǎng)頁(yè)局部的復(fù)制。
全文摘要
本發(fā)明是一種通過網(wǎng)頁(yè)構(gòu)建數(shù)據(jù)庫(kù)構(gòu)建網(wǎng)頁(yè)的方法，其網(wǎng)頁(yè)制作所用的內(nèi)容形成標(biāo)準(zhǔn)，將這些標(biāo)準(zhǔn)作為統(tǒng)一的代碼存儲(chǔ)于數(shù)據(jù)庫(kù)中，具體網(wǎng)頁(yè)的制作包括構(gòu)建網(wǎng)頁(yè)的布局、連接網(wǎng)頁(yè)構(gòu)建數(shù)據(jù)庫(kù)及引用網(wǎng)頁(yè)構(gòu)建數(shù)據(jù)庫(kù)中的定義、將所選取的定義顯示于網(wǎng)頁(yè)等步驟，本發(fā)明將網(wǎng)頁(yè)制作所用的內(nèi)容形成標(biāo)準(zhǔn)，作為統(tǒng)一的代碼存儲(chǔ)于數(shù)據(jù)庫(kù)中，便于網(wǎng)頁(yè)制作時(shí)隨時(shí)讀取，同時(shí)，代碼統(tǒng)一化，便于網(wǎng)頁(yè)的編輯及維護(hù)，標(biāo)準(zhǔn)化的代碼，使網(wǎng)頁(yè)的制作那個(gè)迅速、快捷的完成，不必針對(duì)每個(gè)內(nèi)容都編寫代碼，大大減小了網(wǎng)頁(yè)制作的工作量，提高了網(wǎng)頁(yè)制作的效率。
文檔編號(hào)G06F17/30GK102375889SQ20111033904
公開日2012年3月14日 申請(qǐng)日期2011年11月1日 優(yōu)先權(quán)日2011年11月1日
發(fā)明者沈龍泉 申請(qǐng)人:深圳市信游天下網(wǎng)絡(luò)科技有限公司