Feebless建站引擎的制作方法【專利摘要】FEEBLESS建站引擎，包括布局和Web組件兩個部分，布局采用網(wǎng)格系統(tǒng)，建站過程如下：a、在建站平臺上注冊FEEBLESS建站引擎用戶；b、選擇一個平臺中常規(guī)布局框架或自定義布局框架；c、建站平臺設(shè)有封裝完整的Web表現(xiàn)層組件，添加Web表現(xiàn)層組件，對網(wǎng)站進(jìn)行功能模塊、展示效果的調(diào)整；d、網(wǎng)站的調(diào)整與發(fā)布。本發(fā)明的FEEBLESS建站引擎，采用html5標(biāo)準(zhǔn)開發(fā)，內(nèi)置豐富組件，可迅速完成網(wǎng)站從設(shè)計(jì)到發(fā)布的過程；采用網(wǎng)格系統(tǒng)，嵌入響應(yīng)式理念，更好的解決多屏幕適應(yīng)問題，方便在手機(jī)、PC、平板、大屏之間響應(yīng)式顯示；拖拽式操作，輕松簡單，上手容易，操作方便?！緦＠f明】FEEBLESS建站引擎【
技術(shù)領(lǐng)域：
】[0001]本發(fā)明涉及互聯(lián)網(wǎng)【
技術(shù)領(lǐng)域：
】，尤其涉及一種Web前端開發(fā)、網(wǎng)頁建設(shè)【
技術(shù)領(lǐng)域：
】?！?br>背景技術(shù)：
】[0002]對于網(wǎng)頁設(shè)計(jì)和制作人員來說，設(shè)計(jì)和制作網(wǎng)頁很耗費(fèi)時間，而且很多時候設(shè)計(jì)的元素和制作需要的代碼是可重復(fù)利用的，這些重復(fù)的工作會耗掉大量的時間從而造成浪費(fèi)。于此同時，客戶對網(wǎng)頁的需求是不同的，很多時候客戶很難表達(dá)自己的需要，從而造成和設(shè)計(jì)師溝通的障礙，而引發(fā)不必要的問題。另一方面，對于新入門的網(wǎng)頁設(shè)計(jì)人員和重構(gòu)人員來講，如何快速設(shè)計(jì)并制作網(wǎng)站是重中之重。[0003]在網(wǎng)頁設(shè)計(jì)中合理利用網(wǎng)格系統(tǒng)來組織頁面上的內(nèi)容能大大改善頁面的精確性和美觀性。為更高層次的創(chuàng)作提供了一個框架，網(wǎng)格系統(tǒng)在很大程度上使我們的排版工作壓力得到了緩解。與傳統(tǒng)印刷媒體有所不同，在網(wǎng)頁中利用網(wǎng)格系統(tǒng)則要考慮到不同的瀏覽器、操作系統(tǒng)、屏幕尺寸等不固定因素，網(wǎng)格系統(tǒng)必須能適應(yīng)這些變化。如果加以合理利用，網(wǎng)格系統(tǒng)可以使整個網(wǎng)站的視覺效果得到提升。[0004]網(wǎng)頁網(wǎng)格系統(tǒng)的作用就是:將網(wǎng)頁中的信息分布以及版面布局用劃分規(guī)則的網(wǎng)格陣列來進(jìn)一步歸范。網(wǎng)頁網(wǎng)格系統(tǒng)產(chǎn)生和發(fā)展于從平面網(wǎng)格系統(tǒng)中。對于網(wǎng)頁設(shè)計(jì)者來說，合理的使用網(wǎng)格系統(tǒng)，不僅可以讓網(wǎng)頁呈現(xiàn)的信息更加美觀易讀，使之更具可用性。而且，在前端開發(fā)的角度看，網(wǎng)頁將會更加的靈活、規(guī)范。[0005]在網(wǎng)頁設(shè)計(jì)流程中，網(wǎng)格系統(tǒng)占據(jù)著極其重要的地位，其作用十分明顯。它和“排版”決定著信息的視覺組織形式，也就是我們看到的網(wǎng)頁樣式。把頁面中的信息組織到一起是網(wǎng)格的基本功能。合理利用網(wǎng)格系統(tǒng)來輔助網(wǎng)頁設(shè)計(jì)，可以使我們更輕松地達(dá)到以下目的:讓網(wǎng)頁界面上呈現(xiàn)的信息更易讀，網(wǎng)頁布局更加美觀合理，讓讀者能在視覺方面感覺到舒適，同時還增加了網(wǎng)頁的實(shí)用性。因?yàn)榫W(wǎng)格系統(tǒng)有充分的美學(xué)依據(jù)以及科學(xué)理論依據(jù)做為輔助，可以讓設(shè)計(jì)者避免以往僅憑感覺做設(shè)計(jì)的傳統(tǒng)方法，效率較低，而且效果有時也不能令人滿意。在數(shù)碼媒體中，合理的利用網(wǎng)格，可以讓制作者設(shè)計(jì)出來的作品變得更加新穎，也增強(qiáng)了相互之間的關(guān)聯(lián)性。[0006]在網(wǎng)頁設(shè)計(jì)的過程中，網(wǎng)格系統(tǒng)是不可忽略的一個重要問題。如今愈來愈多的大型網(wǎng)站開始利用網(wǎng)格系統(tǒng)來打造和美化自己的網(wǎng)頁，這是一種趨勢。為網(wǎng)絡(luò)用戶創(chuàng)造一個更舒適、更美觀、更人性化的網(wǎng)頁視覺環(huán)境是每個網(wǎng)頁制作者的責(zé)任。只有在符合視覺科學(xué)規(guī)律的前提下進(jìn)行再創(chuàng)新，網(wǎng)頁制作者才有可能更大程度的發(fā)揮自己的創(chuàng)造力，設(shè)計(jì)出更加獨(dú)特，更加美觀的網(wǎng)頁作品。[0007]2011年twitter發(fā)布了前端開發(fā)框架BOOTSTRAP，成為最流行的前端框架，有著大量的附件和非常好用的插件，可以幫助開發(fā)者們快速的開始他們的新項(xiàng)目，目前流行的前端框架有如下幾款:1.BootstrapMagic這是一個Bootstrap主題生成器,使用最新的Bootstrap3版本和AngularJS版本，提供一個鮮活的用戶修改預(yù)覽。它包括了各種各樣的導(dǎo)入，一個顏色選擇器和智能的預(yù)先輸入。更神奇的是，Bootstrap會根據(jù)用戶的每個選擇來重新簡歷框架，方便用戶的下載和使用。[0008]2.BootSwatchrBootSwatchr是由DrewStrickiand獨(dú)立開發(fā)和維護(hù)的，是唯一支持從右到左語言顯示的Bootstrap自定義構(gòu)建工具,這也是它的特色之一。BootSwatchr是個可視化的工具，可以從底層開始創(chuàng)建Bootstrap主題。[0009]3.BootstrapLiveEditorBootstrapLiveEditor是個所見即所得的構(gòu)建Bootstrap的編輯器。在Bootstrap準(zhǔn)備好的內(nèi)容和代碼片段的基礎(chǔ)上提供一個又好又優(yōu)雅的方法來編輯和美化html，也因此它是個明智的選擇。除此之外，它還包括高級的選項(xiàng)比如按鈕配置，自定義標(biāo)簽和為用戶做最明智最有益的選擇。[0010]4.FancyBootFancyboot是個非常有用的Bootstrap自定義工具,允許用戶編輯Bootstrap的配置，自動預(yù)覽他們的修改結(jié)果。通過滑動菜單可以選擇需要使用的插件和組件。當(dāng)用戶做好了相應(yīng)的修改，可以下載一個包含用戶所使用的jQuery插件的編譯好的和簡化后的CSS文件。[0011]5.StyleBootstrapStyleBootstrap是個非常棒的內(nèi)置瀏覽器的⑶I實(shí)用工具，幫助用戶自定義TwitterBootstrap外觀。它非常容易進(jìn)行自定義操作。從body風(fēng)格,字體排版,按鈕，導(dǎo)航，格式，通知提示和其他用戶很容易根據(jù)自己的意愿自定義的元素。除了強(qiáng)大的自定義功能，它還可以很容易生成可下載的CSS文件。[0012]6.LavishLavish是個幫助用戶從一個圖像中定制自己喜歡的Bootstrap配色方案。用戶可以從圖像中選擇各種顏色用在body背景，鏈接，頭部，菜單，標(biāo)簽，文本，下拉菜單等等元素上。一旦你確定了Bootstrap配色方案,就可以很方便的下載相應(yīng)的Boostrap.css文件。[0013]7.BootstrapThemeRollerBootstrapThemeRoller是個直觀的web應(yīng)用程序，提供一個可視化的界面讓用戶按照自己的風(fēng)格創(chuàng)建屬于自己的Bootstrap主題。有了這個工具,用戶可以自定義顏色，大小，字體，格式，表，按鈕，警告信息，導(dǎo)航條，菜單等等元素。這個應(yīng)用還會幫用戶創(chuàng)建的每種風(fēng)格都生成唯一的一個URL，這樣就可以保存用戶所有的設(shè)置。更不可思議的是，當(dāng)用戶離開的時候，用戶可以停止或者恢復(fù)自己定制的頁面。[0014]8.LayoutIt!LayoutIt!擁有拖拽接口的功能，能簡單迅速的構(gòu)建一個Bootstrap前端代碼。LayoutIt!兼容任何的編程語言，允許用戶下載HTML，在這里自由的進(jìn)行編碼設(shè)計(jì)。[0015]9.PingendoPingendo是個可視化的桌面應(yīng)用程序,允許用戶給予流行的TwitterBootstrap框架創(chuàng)建響應(yīng)式web頁面原型。Pingendo還提供大量的現(xiàn)成的布局，拖拽元素的位置，調(diào)整大小和自定義的功能。用戶可以自行優(yōu)化他們的頁面，插入他們自己的內(nèi)容。[0016]10.KickstrapKickstrap是個BootstrapUI編輯器,使用Firebase作為一個后臺服務(wù)。它無縫的接合了Bootstrap和頂級的web技術(shù)。更厲害的是,它可以運(yùn)行一個已驗(yàn)證的,不需要本地后臺支持，數(shù)據(jù)庫驅(qū)動的web應(yīng)用。[0017]11.BootplyBootply是一款很棒的BootstrapUI編輯工具，盡可能簡單的讓用戶編輯Bootstrap友好的CSS,HTML和Javascript。同時也是一個可拖拽的可視化編輯器，用來設(shè)計(jì)，創(chuàng)建原型和測試Bootstrap框架。Bootply有個代碼存儲庫，里面包括了Bootstrap代碼片段，示例和模板。除了以上這些，更吸引人的是它有個非?；钴S的Bootply社區(qū)，用戶可以很方便的發(fā)現(xiàn)，分享和展示相關(guān)的代碼和片段。[0018]12.X-editableX-Editable是一個擴(kuò)展庫，允許用戶創(chuàng)建可編輯的元素，比如頁面彈出和內(nèi)聯(lián)模式。她提供本地的Bootstrap,jQueryUI或者是純jQuery編輯功能。此BootstrapUI編輯器擁有許多很強(qiáng)大的功能，包括客戶端，服務(wù)端驗(yàn)證，支持鍵盤，live事件，可定制的容器空間等等。總而言之，它提供非常快速的開發(fā)功能，易于刪除字段，一個用來更新數(shù)據(jù)的簡簡單后臺腳本。[0019]13.Jetstrap不要錯誤的以為Jetstrap只是個簡單的實(shí)體模型工具，它是100%基于web接口的TwitterBootstrap構(gòu)建工具。用戶不需要下載任何類型的軟件就可以使用Jetstrap。用戶只需要登錄，然后構(gòu)建自己的項(xiàng)目，就可以隨時隨地進(jìn)行訪問了。構(gòu)建功能主要是提供給開發(fā)者和設(shè)計(jì)者的，用戶很容易就可以通過Jetstrap生成漂亮的網(wǎng)站，而且運(yùn)行速度非?？臁0020]14.DivShotDivShot是個快速的,可視化的前端開發(fā)文本編輯器,跟mockup工具一樣的簡單整潔。包括各種框架需要的各種定制的組件庫，這是它提供的最好的工具之一。除此之外還包括了一個主題轉(zhuǎn)換器，允許用戶修改主題。試驗(yàn)版本是免費(fèi)的，過了試驗(yàn)期就需要自己付費(fèi)維持原來的服務(wù)了。[0021]15.PaintStrapPaintStrap使用Adobekuler/COLOURlovers顏色組合來生成漂亮的TwitterBootstrap主題。這個工具特別容易安裝，同時很容易下載CSS文件并且也很容易替換成另一個標(biāo)準(zhǔn)的文件。【
發(fā)明內(nèi)容】[0022]為了克服網(wǎng)頁設(shè)計(jì)和制作中存在的重復(fù)性工作多、耗費(fèi)時間等問題，本發(fā)明提供了一種操作簡單的建站引擎。[0023]本發(fā)明為實(shí)現(xiàn)上述目的所采用的技術(shù)方案是:FEEBLESS建站引擎，包括布局和Web組件兩個部分，布局采用網(wǎng)格系統(tǒng)，建站過程如下:a、在建站平臺上注冊FEEBLESS建站引擎用戶；b、選擇一個平臺中常規(guī)布局框架或自定義布局框架；C、建站平臺設(shè)有封裝完整的Web表現(xiàn)層組件，添加Web表現(xiàn)層組件，對網(wǎng)站進(jìn)行功能模塊、展示效果的調(diào)整；d、網(wǎng)站的調(diào)整與發(fā)布。[0024]所述Web組件的表現(xiàn)層和數(shù)據(jù)層分離，松散耦合。[0025]所述Web組件設(shè)有用于與第三方的開發(fā)框架或應(yīng)用整合的可擴(kuò)展的UI數(shù)據(jù)層。[0026]所述布局為雙排陣列網(wǎng)格系統(tǒng)，步驟包括:(O網(wǎng)頁寬度斷點(diǎn)劃分，分為移動端、PC端以及響應(yīng)式框架的MediaQueries片段；(2)確定布局寬度，創(chuàng)建一個包裹元素、內(nèi)容元素和列元素的寬度，用以適應(yīng)不同的設(shè)備覽度；(3)將一個網(wǎng)頁按照網(wǎng)格的方式進(jìn)行劃分，并保證網(wǎng)格中的一行可以被平均分為I塊、2塊、3塊、4塊、5塊或6塊。[0027](4)根據(jù)顯示設(shè)備的不同網(wǎng)頁有多種不同的寬度，網(wǎng)頁寬度均為60的整數(shù)倍；(5)在網(wǎng)格系統(tǒng)中每一列的寬度為網(wǎng)頁寬度的十二分之一或十五分之一，網(wǎng)格中列與列之間的間距為網(wǎng)頁寬度的六十分之一。[0028]所述網(wǎng)站設(shè)有連接第三方網(wǎng)站工具的第三方接口。[0029]所述網(wǎng)站設(shè)有代碼接口，在原網(wǎng)站中嵌入腳本代碼，建立手機(jī)網(wǎng)站，使用手機(jī)訪問網(wǎng)站時，會自動使用FEEBLESS建站引擎提供的手機(jī)網(wǎng)站進(jìn)行展示。[0030]所述Web組件分為六類:Head組件、Content組件、Other組件、Layout組件、Banner組件、Preview&Save組件,當(dāng)鼠標(biāo)移入某個按鈕時,會彈出該按鈕的功能介紹，點(diǎn)擊打開組件控制臺，拖拽到編輯區(qū)。[0031]所述Web組件根據(jù)APT文檔開發(fā)添加。[0032]本發(fā)明的FEEBLESS建站引擎，采用html5標(biāo)準(zhǔn)開發(fā)，內(nèi)置豐富組件，可迅速完成網(wǎng)站從設(shè)計(jì)到發(fā)布的過程；采用獨(dú)有的網(wǎng)格系統(tǒng)專利，嵌入響應(yīng)式理念，更好的解決多屏幕適應(yīng)問題，方便在手機(jī)、PC、平板、大屏之間響應(yīng)式顯示；拖拽式操作，輕松簡單，上手容易，操作方便?？梢宰屢粋€完全不懂網(wǎng)站建設(shè)知識的人在一個小時之內(nèi)快速生成一個企業(yè)網(wǎng)站，甚至是各類門戶網(wǎng)站。使企事業(yè)單位能夠快速而有效地以“成本節(jié)約、簡單易用、維護(hù)方便”的方式來建設(shè)和實(shí)施其先進(jìn)的電子商務(wù)系統(tǒng)，使企業(yè)能夠通過有效的應(yīng)用互聯(lián)網(wǎng)技術(shù)來提高企業(yè)的運(yùn)作效率、降低成本、拓展業(yè)務(wù)，從而實(shí)現(xiàn)更大的利潤和效益。【具體實(shí)施方式】[0033]本發(fā)明的FEEBLESS建站引擎，包括布局和Web組件兩個部分，布局采用網(wǎng)格系統(tǒng)。通過模板和預(yù)建的模塊來構(gòu)建網(wǎng)站的Web應(yīng)用程序，可以通過所見即所得的方式完成網(wǎng)站內(nèi)容和網(wǎng)站布局的管理。[0034]布局為雙排陣列網(wǎng)格系統(tǒng),步驟包括:(O網(wǎng)頁寬度斷點(diǎn)劃分，分為移動端、PC端以及響應(yīng)式框架的MediaQueries片段；(2)確定布局寬度，創(chuàng)建一個包裹元素、內(nèi)容元素和列元素的寬度，用以適應(yīng)不同的設(shè)備覽度；(3)將一個網(wǎng)頁按照網(wǎng)格的方式進(jìn)行劃分，并保證網(wǎng)格中的一行可以被平均分為I塊、2塊、3塊、4塊、5塊或6塊；(4)根據(jù)顯示設(shè)備的不同網(wǎng)頁有多種不同的寬度，網(wǎng)頁寬度均為60的整數(shù)倍；(5)在網(wǎng)格系統(tǒng)中每一列的寬度為網(wǎng)頁寬度的十二分之一或十五分之一，網(wǎng)格中列與列之間的間距為網(wǎng)頁寬度的六十分之一。[0035]網(wǎng)頁組件包含各種常用的界面組件，如:表格、樹、聯(lián)動下拉框等，可輕松構(gòu)造出令人耳目一新的，具有RIA(RichInternetApplication)特征的Web應(yīng)用界面。工具控制臺提供了30個組件工具，分為六類:Head組件、Content組件、Other組件、Layout組件、Banner組件、Preview&Save組件,當(dāng)鼠標(biāo)移入某個按鈕時,會彈出該按鈕的功能介紹，點(diǎn)擊打開組件控制臺，拖拽到編輯區(qū)，組件控制臺列舉了當(dāng)前類別下的所有組件，可以使用已經(jīng)提供的組件，也可以根據(jù)ATP文檔添加自己開發(fā)的組件，每個組件都提供了豐富的控制選項(xiàng)。無需下載安裝任何瀏覽器插件，即能實(shí)現(xiàn)類似C/S應(yīng)用的界面風(fēng)格和操作習(xí)慣，根除B/S應(yīng)用難以滿足用戶體驗(yàn)的頑癥?？蓴U(kuò)展的Π數(shù)據(jù)層，可快速地與各種第三方的開發(fā)框架或應(yīng)用整合。Client端/Server端事件編程機(jī)制，充分保證Web界面的擴(kuò)展性和靈活性。[0036]Web組件提供的表現(xiàn)層組件，可與C/S開發(fā)工具中的各種相關(guān)控件相媲美，有些功能甚至有過之而無不及。同時由于Web組件采用了XMLHTTP及DHTML等技術(shù)，減少了頻繁的頁面刷新，因此充分滿足了用戶的操作體驗(yàn)。加上Web組件采用的是XML+Javascript技術(shù)，所以無需下載任何插件就可以實(shí)現(xiàn)了交互性復(fù)雜界面，更加便于用戶使用和維護(hù)。[0037]Web組件的組件化開發(fā)模式，實(shí)現(xiàn)了表現(xiàn)層開發(fā)與業(yè)務(wù)邏輯及數(shù)據(jù)層的完全分離，從而使代碼更易維護(hù)，滿足了團(tuán)隊(duì)協(xié)作開發(fā)的需要，輕松應(yīng)對用戶易變的個性化定制需求。[0038]采用標(biāo)準(zhǔn)的MVC模式實(shí)現(xiàn)了模型與視圖的分離，達(dá)到各分層間松散耦合的效果，這樣就非常便于系統(tǒng)的擴(kuò)展以及與其他系統(tǒng)的集成；另外我們還在架構(gòu)設(shè)計(jì)中應(yīng)用了許多設(shè)計(jì)模式，保證了新實(shí)體加入時，不至于影響到API的架構(gòu)。并且，充分考慮減少Package間的稱合性以及避免系統(tǒng)對Session,Request等Web應(yīng)用的依賴性,從而極大提高系統(tǒng)的可擴(kuò)展性和易于集成的特性。[0039]FEEBLESS建站引擎是零編碼的前端建站引擎，使用HTMLCSSJAVASCRIPT搭建前端頁面并使用HTML5CSS3實(shí)現(xiàn)更高端的效果，建站頁面使用了網(wǎng)格系統(tǒng)，通過訪問設(shè)備的屏幕尺寸的變化展示不同的布局，建站涉及到布局和組件兩個部分，布局采用網(wǎng)格系統(tǒng)，組件采用HTML+CSS+JAVASCRIPT+SASS實(shí)現(xiàn)，其中組件的CSS由SASS文件生成。引擎的全部功能由HTMLC++JAVA共同開發(fā)，分別負(fù)責(zé)前臺顯示，后臺數(shù)據(jù)處理，平臺發(fā)布運(yùn)營。FEEBLESS建站引擎采用html5標(biāo)準(zhǔn)開發(fā)，內(nèi)置豐富組件。固定建立首頁、產(chǎn)品列表頁、產(chǎn)品詳細(xì)頁、新聞列表頁、新聞詳細(xì)頁、關(guān)于我們頁等必要頁面用于構(gòu)成網(wǎng)站。[0040]FEEBLESS建站引擎為用戶提供企業(yè)自助建站服務(wù)，同時為了解決部分用戶因人員不足的因素而導(dǎo)致網(wǎng)站無法運(yùn)維的問題，F(xiàn)EEBLESS建站引擎特點(diǎn)推出了產(chǎn)品包與服務(wù)包，便于為用戶更好的服務(wù)。FEEBLESS建站引擎為用戶提供的網(wǎng)站由域名(二級域名或頂級域名綁定)和網(wǎng)站空間構(gòu)成。[0041]網(wǎng)站具備一般商務(wù)性功能，包括公司介紹、產(chǎn)品展示、新聞發(fā)布、在線訂單、表單交互、電子支付等基礎(chǔ)功能，同時還提供第三方接口，允許使用來自第三方網(wǎng)站工具，諸如:流量統(tǒng)計(jì)、在線客服等工具，便于更全面和完善的發(fā)揮網(wǎng)站的功能。[0042]為了適應(yīng)互聯(lián)網(wǎng)發(fā)展的趨勢，尤其是移動互聯(lián)網(wǎng)帶來的不同設(shè)備瀏覽感受，F(xiàn)EEBLESS建站引擎為用戶提供的網(wǎng)站，不僅可以在普通電腦上顯示，同時也適用于平板電腦、手機(jī)、大型觸摸屏，F(xiàn)EEBLESS建站引擎為網(wǎng)站提供了多種規(guī)范，一站建立，平臺共用。只需一次建站，即可跨設(shè)備、跨平臺的完美使用；在移動客戶端中，F(xiàn)EEBLESS建站引擎團(tuán)隊(duì)使用HTML5技術(shù)為用戶提供更多新特性，如及時通話、在線交流等功能，更多精彩，注冊體驗(yàn)。[0043]區(qū)別與以往的模板建站，F(xiàn)EEBLESS建站引擎提供了常用框架與自定義框架方式為用戶提供精彩紛呈、個性獨(dú)特的展示空間。首先注冊FEEBLESS建站引擎用戶，其間需要提供相關(guān)的資料，詳細(xì)內(nèi)容請參見服務(wù)協(xié)議；隨后可以選擇一個常規(guī)框架或自定義框架，即可迅速預(yù)覽網(wǎng)站；FEEBLESS建站引擎提供所見及所得方式的網(wǎng)站管理功能，根據(jù)您企業(yè)的需求，對網(wǎng)站進(jìn)行功能模塊、展示效果的調(diào)整；FEEBLESS建站引擎提供了免費(fèi)的100余種效果，同時也提供精美的圖片素材上萬種，可以在線便捷的通過一鍵式的操作來完成網(wǎng)站的調(diào)整與發(fā)布；如果已經(jīng)有網(wǎng)站，通過FEEBLESS建站引擎提供的代碼接口功能，可以方便的在原網(wǎng)站中嵌入腳本代碼，建立自己的手機(jī)網(wǎng)站，如果您的網(wǎng)站在平板電腦、大型屏幕中展示的不夠友好，在代碼生成選項(xiàng)中，你可以自定義自己的需求；這樣您的客戶使用手機(jī)訪問您的網(wǎng)站時，會自動使用FEEBLESS建站引擎提供的手機(jī)網(wǎng)站進(jìn)行展示，更加方便您在移動互聯(lián)網(wǎng)上的商務(wù)拓展。[0044]FEEBLESS建站引擎大大縮減了中小微企業(yè)與客戶溝通的成本，讓企業(yè)能夠隨時隨地聯(lián)系客戶，及時高效處理業(yè)務(wù)，能夠極大地幫助他們提升工作效率，降低經(jīng)營成本，增強(qiáng)競爭力，為中小企業(yè)的未來提供了更為廣闊的發(fā)展空間。通過feebless建站引擎可以讓一個完全不懂網(wǎng)站建設(shè)知識的人在一個小時之內(nèi)快速生成一個企業(yè)網(wǎng)站，甚至是各類門戶網(wǎng)站。使企事業(yè)單位能夠快速而有效地以“成本節(jié)約、簡單易用、維護(hù)方便”的方式來建設(shè)和實(shí)施其先進(jìn)的電子商務(wù)系統(tǒng)，使企業(yè)能夠通過有效的應(yīng)用互聯(lián)網(wǎng)技術(shù)來提高企業(yè)的運(yùn)作效率、降低成本、拓展業(yè)務(wù)，從而實(shí)現(xiàn)更大的利潤和效益。由于Web組件提供了封裝完整的Web表現(xiàn)層組件，所以使開發(fā)人員真正能夠做到Web應(yīng)用表現(xiàn)層的快速開發(fā)，極大提高了開發(fā)速度，同時大大縮短了開發(fā)周期，大幅降低了軟件開發(fā)成本。同時也彌補(bǔ)了開發(fā)人員經(jīng)常被繁瑣而易變UI需求搞得焦頭爛額，開發(fā)效率低下，開發(fā)進(jìn)度很難保證的問題。[0045]本發(fā)明是通過實(shí)施例進(jìn)行描述的，本領(lǐng)域技術(shù)人員知悉，在不脫離本發(fā)明的精神和范圍的情況下，可以對這些特征和實(shí)施例進(jìn)行各種改變或等效替換。另外，在本發(fā)明的教導(dǎo)下，可以對這些特征和實(shí)施例進(jìn)行修改以適應(yīng)具體的情況及材料而不會脫離本發(fā)明的精神和范圍。因此，本發(fā)明不受此處所公開的具體實(shí)施例的限制，所有落入本申請的權(quán)利要求范圍內(nèi)的實(shí)施例都屬于本發(fā)明的保護(hù)范圍?！緳?quán)利要求】1.FEEBLESS建站引擎，其特征在于:包括布局和Web組件兩個部分，布局采用網(wǎng)格系統(tǒng)，建站過程如下:a、在建站平臺上注冊FEEBLESS建站引擎用戶；b、選擇一個平臺中常規(guī)布局框架或自定義布局框架；C、建站平臺設(shè)有封裝完整的Web表現(xiàn)層組件，添加Web表現(xiàn)層組件，對網(wǎng)站進(jìn)行功能模塊、展示效果的調(diào)整；d、網(wǎng)站的調(diào)整與發(fā)布。2.根據(jù)權(quán)利要求1所述的FEEBLESS建站引擎，其特征在于:所述Web組件的表現(xiàn)層和數(shù)據(jù)層分離，松散耦合。3.根據(jù)權(quán)利要求2所述的FEEBLESS建站引擎，其特征在于:所述Web組件設(shè)有用于與第三方的開發(fā)框架或應(yīng)用整合的可擴(kuò)展的UI數(shù)據(jù)層。4.根據(jù)權(quán)利要求1所述的FEEBLESS建站引擎，其特征在于:所述布局為雙排陣列網(wǎng)格系統(tǒng)，步驟包括:(1)網(wǎng)頁寬度斷點(diǎn)劃分，分為移動端、PC端以及響應(yīng)式框架的MediaQueries片段；(2)確定布局寬度，創(chuàng)建一個包裹元素、內(nèi)容元素和列元素的寬度，用以適應(yīng)不同的設(shè)備覽度；(3)將一個網(wǎng)頁按照網(wǎng)格的方式進(jìn)行劃分，并保證網(wǎng)格中的一行可以被平均分為I塊、2塊、3塊、4塊、5塊或6塊；(4)根據(jù)顯示設(shè)備的不同網(wǎng)頁有多種不同的寬度，網(wǎng)頁寬度均為60的整數(shù)倍；(5)在網(wǎng)格系統(tǒng)中每一列的寬度為網(wǎng)頁寬度的十二分之一或十五分之一，網(wǎng)格中列與列之間的間距為網(wǎng)頁寬度的六十分之一。5.根據(jù)權(quán)利要求1所述的FEEBLESS建站引擎，其特征在于:所述網(wǎng)站設(shè)有連接第三方網(wǎng)站工具的第三方接口。6.根據(jù)權(quán)利要求1所述的FEEBLESS建站引擎，其特征在于:所述網(wǎng)站設(shè)有代碼接口，在原網(wǎng)站中嵌入腳本代碼，建立手機(jī)網(wǎng)站，使用手機(jī)訪問網(wǎng)站時，會自動使用FEEBLESS建站引擎提供的手機(jī)網(wǎng)站進(jìn)行展示。7.根據(jù)權(quán)利要求1所述的FEEBLESS建站引擎，其特征在于:所述Web組件分為六類:Head組件、Content組件、Other組件、Layout組件、Banner組件、Preview&Save組件，當(dāng)鼠標(biāo)移入某個按鈕時，會彈出該按鈕的功能介紹，點(diǎn)擊打開組件控制臺，拖拽到編輯區(qū)。8.根據(jù)權(quán)利要求1所述的FEEBLESS建站引擎，其特征在于:所述Web組件根據(jù)APT文檔開發(fā)添加?！疚臋n編號】G06F9/445GK103927209SQ201410152904【公開日】2014年7月16日申請日期:2014年4月16日優(yōu)先權(quán)日:2014年4月16日【發(fā)明者】劉寒冬,沙翼,郝晉峰申請人:大連億聯(lián)科技股份有限公司