本發(fā)明涉及網頁搭建技術領域,更具體地說,它涉及一種網上商城構建系統及管理方法。
背景技術:
隨著互聯網技術的不斷發(fā)展與普及,網上商城也越來越多。為了吸引更多的消費者,網上商城的頁面設計也越來越豐富,不同的商品所展示的效果也越來越個性化。隨著競爭的加劇,如何在短時間內,設計出一款滿足客戶要求,又能受到消費者青睞的網上商城十分必要。
現有的網頁搭建模板都比較固定,需要專業(yè)的設計公司加以設計,設計完成后需要進行一系列的測試,而后才能將其提供給到客戶加以使用,上述過程周期長、模板固化、設計方案也比較固定,不能滿足消費者日益增長的體驗需求與激烈的市場競爭。
技術實現要素:
針對實際運用中網上商城設計周期長,模板較為固化的問題,本發(fā)明目的一在于提供一種網上商城構建系統,另一目的在于提供一種基于上述網上商城構建系統的網上商城搭建方法。
對于本發(fā)明中的網上商城構建系統,具體方案如下:
一種網上商城構建系統,包括系統構建平臺、網上商城設計者登陸模塊以及供網上商城設計者使用的搭建工具,所述系統構建平臺包括:
基礎構建區(qū),提供網頁構建的主體框架,限定網頁超鏈接的層次;
開放構建區(qū),用以搭建局部鏈接構架及網頁形式;
所述搭建工具包括:
存儲模塊,用于存儲網頁搭建過程中需要用到的各個模板及圖片;
圖形化展示模塊,將網上商城的各個靜態(tài)展示模塊與動態(tài)展示模塊圖形化,并配置鏈接匹配端口;
鏈接選擇模塊,與圖形化展示模塊相配合,用于為各個圖形化展示模塊提供鏈接通道;
試運行模塊,包括一試運行展示界面,根據網上商城設計者的實時搭建成果,根據網上商城設計者請求,展示出網頁的實時設計效果。
進一步的,所述基礎構建區(qū)包括:
頁頭區(qū)域,包括公司logo區(qū)、廣告區(qū)以及為各個主要頻道提供導航的導航條;
頁尾區(qū)域,包括在線投訴區(qū)、常用問題區(qū)、版權所有區(qū)、商城信息區(qū);以及
設置于頁頭與頁尾之間的商品信息區(qū),所述商品信息區(qū)按照商品功能或屬性分為若干展示區(qū)域,所述展示區(qū)域位置及數量固定,且供開發(fā)者自由構建的展示區(qū)域呈不同的顏色設置。
進一步的,所述開放構建區(qū)包括一與基礎構建區(qū)的展示區(qū)域超鏈接的構建界面,所述構建界面上設置有頁面編輯框,所述頁面編輯框中設置有所述搭建工具,所述構建界面中還設有一用于顯示所述試運行展示界面的試運行界面展示框,所述試運行界面展示框中設置有用于控制試運行展示界面的控制按鈕。
進一步的,所述圖形化展示模塊根據自身的展示特性設置成不同的形狀,包括:
頂層模板,為商品鏈接網頁的最前端,在網上商城的首頁進行初步展示,設置成矩形且右側邊上設置有指向三角形;
多個中間模板,為商品鏈接網頁的中間層,用于詳細介紹商品信息,設置成矩形且兩側邊上設置有指向三角形;
底層模板,為商品購買提供支付、信息填寫窗口,設置成矩形且左側邊設置有指向三角形。
進一步的,所述試運行界面展示框包括:
試運行展示界面區(qū),根據網上商城設計者當前設計的網頁及其搭建的鏈接構架,自動由最頂層模板沿各個鏈接通道訪問各個中間模板及底層模板,展示網頁制作效果;
控制按鈕區(qū),包括啟動運行按鈕、暫停按鈕、停止按鈕以及回復到上一步按鈕。
進一步的,所述鏈接選擇模塊包括多個依次編號的圖形化鏈接標志,所述圖形化鏈接標志呈三角箭頭形。
基于上述網上商城構建系統,本發(fā)明還提出了一種網上商城搭建方法,主要步驟以下包括:
S1,系統平臺所有者根據客戶的要求,確定網上商城的主體框架,限定網頁超鏈接的層次;
S2,系統平臺所有者向各個存儲模塊中存入網頁搭建過程中需要用到的各個模板及圖片;
S3,商城網頁設計者選中商品信息區(qū)中供開發(fā)者自由構建的展示區(qū)域,點擊進入到構建界面,選擇存儲模塊中的模板及圖片編輯頂層模板;
S4,商城網頁設計者選擇是否需要建立鏈接頁面,若需要則選擇中間模板,由存儲模塊中選取模板及圖片編輯中間模板的頁面;若不需要,則選擇底層模板,自存儲模塊中選擇模板或圖片編輯支付、信息填寫窗口;
S5,商城網頁設計者將步驟S3及S4中的圖形化展示模塊拖放至頁面編輯框中,選擇搭建工具中的圖形化鏈接標志,將各個圖形化展示模塊通過圖形化鏈接標志連接起來;
S6,系統平臺或系統平臺所有者根據頁面編輯框中的各個圖形化展示模塊的連接方式轉化為各個頁面的鏈接方式;
S7,商城網頁設計者點擊試運行展示界面中的控制按鈕,系統由最頂層模板沿各個鏈接通道訪問各個中間模板及底層模板,展示網頁制作效果;
S8,商城網頁設計者根據展示的網頁制作效果,對網頁進行修飾完善;
S9,待各個商城網頁設計者完成設計后,系統平臺所有者對基礎構建區(qū)進行編輯,添加頁頭、頁尾以及商品信息區(qū)中未提供給商城網頁設計者設計的內容;
S10,系統平臺所有者進行審核,若審核完成,則將設計完成的網上商城提供給到客戶。
本發(fā)明的有益效果如下:
(1),與現有的封閉式的設計平臺相比,本發(fā)明中的網上商城構建系統提供了多個可供網上商城設計者自主參與設計的開放構建區(qū),系統平臺所有者只需要設定出大致的頁面鏈接框架即可,不同設計者的參與,也使得網上商城的設計更加靈活;
(2),通過設定基礎構建區(qū),使得網上商城的整體構架能夠符合客戶的需求;
(3),通過設置圖形化的展示模塊以及鏈接選擇模塊,使得設計者的設計操作更加地簡單方便,減小設計的入門難度;
(4),通過在不同的設計頁面設置不同的存儲模塊,且該存儲模塊中的模板及圖片由系統平臺所有者提供,可以有效地避免設計者采用不恰當的設計素材,使得設計出的網上商城更加符合客戶的需要。
附圖說明
圖1為本發(fā)明網上商城構建系統的整體示意圖;
圖2為本發(fā)明模塊化的框架示意圖;
圖3為本發(fā)明管理方法的流程示意圖。
附圖標志:1、系統構建平臺;2、登陸模塊;3、搭建工具;4、基礎構建區(qū);5、開放構建區(qū);6、存儲模塊;7、圖形化展示模塊;8、鏈接選擇模塊;9、試運行模塊;10、頁頭區(qū)域;11、頁尾區(qū)域;12、商品信息區(qū);13、構建界面;14、頁面編輯框。
具體實施方式
本發(fā)明在于提供一種開放、互動、高效、多元的網上商城構建系統及管理方法。
下面結合實施例及圖對本發(fā)明作進一步的詳細說明,但本發(fā)明的實施方式不僅限于此。
如圖1和圖2所示,一種網上商城構建系統,包括系統構建平臺1、網上商城設計者登陸模塊2以及供網上商城設計者使用的搭建工具3,其中,系統構建平臺1包括:
基礎構建區(qū)4,提供網頁構建的主體框架,限定網頁超鏈接的層次;
開放構建區(qū)5,用以搭建局部鏈接構架及網頁形式;
搭建工具3包括:
存儲模塊6,用于存儲網頁搭建過程中需要用到的各個模板及圖片;
圖形化展示模塊7,將網上商城的各個靜態(tài)展示模塊與動態(tài)展示模塊圖形化,并配置鏈接匹配端口;
鏈接選擇模塊8,與圖形化展示模塊7相配合,用于為各個圖形化展示模塊7提供鏈接通道;
試運行模塊9,包括一試運行展示界面,根據網上商城設計者的實時搭建成果,根據網上商城設計者請求,展示出網頁的實時設計效果。
上述方案中,基礎構建區(qū)4限定了網上商城的主體構架,使得網上商城的建設不至于偏離客戶的需求,在整體上規(guī)劃出網上商城的風格與個性。開放構建區(qū)5則由商城網頁設計者自行開發(fā),并且,開發(fā)的過程利用圖形化的展示模塊進行搭建,方便簡單,有利于提高效率。各個開放構建區(qū)5中均設有存儲模塊6,上述存儲模塊6的內容由系統平臺所有者提供,進一步保證了商城網頁設計者的設計不會偏離客戶的需求,通過積極地調動不同的設計者的參與,使得網上商城的設計更加的靈活與多元化,最終通過試運行模塊9可以檢測網上商城的搭建設計是否均符合客戶的要求。
對于基礎構建區(qū)4,包括:
頁頭區(qū)域10,包括公司logo區(qū)、廣告區(qū)以及為各個主要頻道提供導航的導航條;
頁尾區(qū)域11,包括在線投訴區(qū)、常用問題區(qū)、版權所有區(qū)、商城信息區(qū);
以及設置于頁頭與頁尾之間的商品信息區(qū)12,商品信息區(qū)12按照商品功能或屬性分為若干展示區(qū)域,展示區(qū)域位置及數量固定,且供開發(fā)者自由構建的展示區(qū)域呈不同的顏色設置。
上述頁頭區(qū)域10與頁尾區(qū)域11,是網上商城的基礎部分,對于網上商城的整體展示效果有著重要的作用,因此,上述區(qū)域均為固定配置,這部分配置由系統平臺所有者自行設計。
對于開發(fā)構建區(qū),為了方便商城網頁設計者根據自己的設計風格搭建網頁鏈接框架,開放構建區(qū)5包括一與基礎構建區(qū)4的展示區(qū)域超鏈接的構建界面13,構建界面13上設置有頁面編輯框14,頁面編輯框14中設置有搭建工具3,構建界面13中還設有一用于顯示試運行展示界面的試運行界面展示框,試運行界面展示框中設置有用于控制試運行展示界面的控制按鈕。在使用上述功能時,網上商城網頁設計者只需要挑選出標有顏色的代表可自由編輯的區(qū)域,根據存儲模塊6中存儲的素材,對該區(qū)域進行自由設計,最終設計完成后,由系統平臺所有者決定上述設計是否符合要求或做一些修改。
為了使得搭建過程更加的直觀易懂,圖形化展示模塊7根據自身的展示特性設置成不同的形狀,包括:
頂層模板,為商品鏈接網頁的最前端,在網上商城的首頁進行初步展示,設置成矩形且右側邊上設置有指向三角形;
多個中間模板,為商品鏈接網頁的中間層,用于詳細介紹商品信息,設置成矩形且兩側邊上設置有指向三角形;
底層模板,為商品購買提供支付、信息填寫窗口,設置成矩形且左側邊設置有指向三角形。
上述方案,如圖2所示,搭建時只需要根據自己的設計思路將上述圖形化展示模塊7拼接到一起便可,各個圖形化展示模塊7的具體內容另行編輯即可,使得網頁整體的框架搭建更為直觀簡潔。
為了直觀地了解網頁搭建框架的效果,本系統中還包括有試運行界面展示框,主要包括:
試運行展示界面區(qū),根據網上商城設計者當前設計的網頁及其搭建的鏈接構架,自動由最頂層模板沿各個鏈接通道訪問各個中間模板及底層模板,展示網頁制作效果;
控制按鈕區(qū),包括啟動運行按鈕、暫停按鈕、停止按鈕以及回復到上一步按鈕。
上述技術方案,設計者只需要點擊開始按鈕,系統便會按照順序,由最頂層的圖形化展示模塊7開始展示,沿著一條路徑由上至下依次呈現,而后更換呈現路徑,使得設計者可以直觀地看到其搭建的網頁框架的展示效果。
為了方便自動展示時試運行模塊9能夠按照順序調取相應的圖形化模塊,鏈接選擇模塊8包括多個依次編號的圖形化鏈接標志,圖形化鏈接標志呈三角箭頭形。
基于上述網上商城構建系統,在此提出一種網上商城搭建方法,主要步驟以下包括:
S1,系統平臺所有者根據客戶的要求,確定網上商城的主體框架,限定網頁超鏈接的層次;
S2,系統平臺所有者向各個存儲模塊6中存入網頁搭建過程中需要用到的各個模板及圖片;
S3,商城網頁設計者選中商品信息區(qū)12中供開發(fā)者自由構建的展示區(qū)域,點擊進入到構建界面,選擇存儲模塊6中的模板及圖片編輯頂層模板;
S4,商城網頁設計者選擇是否需要建立鏈接頁面,若需要則選擇中間模板,由存儲模塊6中選取模板及圖片編輯中間模板的頁面;若不需要,則選擇底層模板,自存儲模塊6中選擇模板或圖片編輯支付、信息填寫窗口;
S5,商城網頁設計者將步驟S3及S4中的圖形化展示模塊7拖放至頁面編輯框14中,選擇搭建工具3中的圖形化鏈接標志,將各個圖形化展示模塊7通過圖形化鏈接標志連接起來;
S6,系統平臺或系統平臺所有者根據頁面編輯框中的各個圖形化展示模塊7的連接方式轉化為各個頁面的鏈接方式;
S7,商城網頁設計者點擊試運行展示界面中的控制按鈕,系統由最頂層模板沿各個鏈接通道訪問各個中間模板及底層模板,展示網頁制作效果;
S8,商城網頁設計者根據展示的網頁制作效果,對網頁進行修飾完善;
S9,待各個商城網頁設計者完成設計后,系統平臺所有者對基礎構建區(qū)4進行編輯,添加頁頭、頁尾以及商品信息區(qū)12中未提供給商城網頁設計者設計的內容;
S10,系統平臺所有者進行審核,若審核完成,則將設計完成的網上商城提供給到客戶。
上述步驟使得網上商城構建的過程更加的開放、互動、高效、多元。
以上僅是本發(fā)明的優(yōu)選實施方式,本發(fā)明的保護范圍并不僅局限于上述實施例,凡屬于本發(fā)明思路下的技術方案均屬于本發(fā)明的保護范圍。應當指出,對于本技術領域的普通技術人員來說,在不脫離本發(fā)明原理前提下的若干改進和潤飾,這些改進和潤飾也應視為本發(fā)明的保護范圍。