摘 要:一個合理的網(wǎng)站設(shè)計對于網(wǎng)站的制作和后期的開發(fā)和維護(hù)是非常重要的,在制作網(wǎng)站前,必須根據(jù)網(wǎng)站的需求,進(jìn)行分析,然后做一個整體的策劃,等方案通過后再進(jìn)行網(wǎng)站制作和后期相關(guān)服務(wù)。多頻道網(wǎng)站設(shè)計是本人在建設(shè)中國工藝美術(shù)網(wǎng)的過程中設(shè)計出的一種方案,現(xiàn)在寫出來跟大家分享一下,希望有一些建設(shè)性的作用。
關(guān)鍵詞:多頻道;網(wǎng)站環(huán)境;AJAX;商品搜索
中圖分類號:TP393.092
網(wǎng)站建設(shè)都需要經(jīng)過網(wǎng)站分析與設(shè)計、數(shù)據(jù)庫設(shè)計這兩個重要部分,本文基于多頻道設(shè)計的思想重點(diǎn)討論的是如何通過統(tǒng)一管理對各個頻道進(jìn)行后臺數(shù)據(jù)操作和前臺網(wǎng)頁瀏覽。
1 網(wǎng)站分析與設(shè)計
1.1 多頻道結(jié)構(gòu)
藝宴商城(www.365art.com)這個網(wǎng)站是一個綜合性的電商網(wǎng)站,通過它的頁面瀏覽和思考,發(fā)現(xiàn)它的商品都以每個頻道的形式展示的,每個頻道的商品都有各自的屬性,可以展現(xiàn)不同信息同時也便于客戶搜索,這個和我以往接觸的普通網(wǎng)站結(jié)構(gòu)有著明顯的區(qū)別,普通的網(wǎng)站信息結(jié)構(gòu)一般是固定的,而這里可以給不同的頻道分配不同的屬性,就像每個頻道就是一個普通的網(wǎng)站一樣,這樣如果按照以前的做法就要為每個頻道建立一個子網(wǎng)站,然后進(jìn)行數(shù)據(jù)庫、前臺和后臺設(shè)計,很明顯這樣設(shè)計不是最合理的。現(xiàn)在就要找出一個共性的模式來管理各個頻道的前后臺,這樣一來在設(shè)計頻道時即不容易出錯又方便網(wǎng)站的管理和維護(hù)。通過對以上網(wǎng)站的分析同時結(jié)合實際情況最終決定中國工藝美術(shù)品網(wǎng)以統(tǒng)一的多頻道網(wǎng)站結(jié)構(gòu)模式進(jìn)行開發(fā)與設(shè)計。
1.2 網(wǎng)站的平臺環(huán)境
網(wǎng)站采用apache+php+mysql環(huán)境進(jìn)行搭建,Apache是一種web服務(wù)器(與IIS類同),PHP是一種HTML內(nèi)嵌式的語言,是一種網(wǎng)站開發(fā)語言(與ASP、JSP、.NET等類同),具有面向?qū)ο缶幊毯涂缙脚_的特征,MySQL是一種數(shù)據(jù)庫(與SQLServer等類同),這三者的組合非常適合開發(fā)中小型的web應(yīng)用,開發(fā)的速度比較快,而且所有的軟件都是開源免費(fèi)的,可以減少投入。
1.3 數(shù)據(jù)庫設(shè)計
本網(wǎng)站的多頻道特征重點(diǎn)體現(xiàn)在數(shù)據(jù)庫的設(shè)計上,如果按以往預(yù)先將數(shù)據(jù)庫和表都設(shè)計好,那么在各頻道后臺添加數(shù)據(jù)時,就要設(shè)計出不同的頁面操作。例如:網(wǎng)站中紫砂頻道有紫砂商品表,商品表中有商品的一些屬性字段(名稱、泥料、價格、容量等),同樣書畫頻道也有書畫商品表,商品表中有一些屬性字段(名稱、價格、大小、質(zhì)地等),可見這樣它們就是一個一個單獨(dú)的子網(wǎng)站,如果添加不同的頻道,就要設(shè)計出一個個子網(wǎng)站數(shù)據(jù)庫,這樣就給網(wǎng)站開發(fā)帶來了重復(fù)而又容易出錯的操作問題,不易管理。
思維(CMSWARE)內(nèi)容管理系統(tǒng)給了我一些啟發(fā),它的一個特征是后臺自己可以動態(tài)設(shè)計數(shù)據(jù)庫表,表中一部分字段是所有內(nèi)容表默認(rèn)共享的(如節(jié)點(diǎn)、日期等),其它的字段(如標(biāo)題、圖片等)則可根據(jù)自己的需求進(jìn)行設(shè)計,然后應(yīng)用在節(jié)點(diǎn)上,非常靈活。因此,我在設(shè)計該網(wǎng)站數(shù)據(jù)庫時結(jié)合以上的特征進(jìn)行了設(shè)計,但跟其又有區(qū)別。該網(wǎng)站的數(shù)據(jù)庫主要體現(xiàn)在:一是建立一張所有商品有共享字段的數(shù)據(jù)表(如主鍵ID、名稱、價格、圖片、介紹等);二是建立一張可以添加屬性表的數(shù)據(jù)表,該表記錄每張屬性表的信息(如表名、字段名,字段類型等),在后臺進(jìn)行添加屬性表操作時,也會給共享的商品表增加一個屬性字段,三是建立一張頻道表,該表可以記錄頻道一些基本信息(如頻道名稱等),同時可以通過后臺操作設(shè)置要用到的屬性表,四是屬性表可以在后臺動態(tài)添加、管理,這樣就可以很靈活的設(shè)置頻道的相關(guān)屬性信息了。
2 網(wǎng)站模塊設(shè)計
2.1 后臺模塊
后臺主要包括屬性管理、頻道管理、商品管理、訂單管理、文章管理這5大模塊:
2.1.1 屬性管理
屬性管理是指在后臺通過頁面操作動態(tài)創(chuàng)建屬性數(shù)據(jù)表,并將表的信息保存到一張專門保存屬性表信息的表中,同時在商品主表中自動生成一個屬性字段。例如:紫砂頻道的商品需要有一個泥料的屬性(yx_nl),就動態(tài)創(chuàng)建一張泥料表(nl)(包括表名稱、字段名稱、字段類型和字段說明),并把這些信息保存到zbk表中,在主表yx中就自動產(chǎn)生了一個yx_nl的字段屬性,該字段是創(chuàng)建的屬性表的外鍵,屬性表的主鍵與該屬性字段存在一對多的關(guān)系,這樣就便于前臺設(shè)計商品搜索功能。
2.1.2 頻道管理
頻道管理一方面是在頻道表中創(chuàng)建頻道基本信息(頻道名稱、頻道資源位置),其次是配置不同頻道的商品屬性。例如:紫砂頻道可以配置作者、泥料、容量、壺型等屬性,書畫頻道可以配置作者、技法、材質(zhì)、形式等屬性,它們有的屬性是公用的,有的屬性是專用的。
屬性配置后,還可以配置前臺各頻道商品展示的屬性,如紫砂頻道共有4個屬性,前臺可以只顯示2個屬性,這樣做的好處是在某些頻道商品屬性信息空的情況下,可以先屏蔽掉,使前臺商品頁面展示更合理。
2.1.3 商品管理
商品管理包括商品的添加、刪除、修改、審核、新品、推薦、促銷和拍賣8部分。所有頻道的商品管理都是采用統(tǒng)一的操作模式,在頻道屬性設(shè)置好后,可以在添加商品時顯示不同的屬性,同時對商品的發(fā)布可以設(shè)置新品、推薦、促銷和拍賣,有利于豐富前臺頁面的內(nèi)容。
2.1.4 訂單管理
在該系統(tǒng)中,可以結(jié)合支付寶純擔(dān)保交易接口進(jìn)行網(wǎng)上在線購物生成客戶訂單,通過客戶的訂單信息可以進(jìn)行訂單管理,同時結(jié)合支付寶,可以進(jìn)行退款,退貨等一些操作。
2.1.5 文章管理
文章管理可對頻道進(jìn)行文章的添加、修改和刪除操作,也可以發(fā)布一些公告信息。如:紫砂文化、書畫名人等一些文章。
2.2 前臺模塊
2.2.1 網(wǎng)站首頁
首頁是一個網(wǎng)站前臺最重要的部分,本網(wǎng)站首頁(www.zggymsp.com)經(jīng)過精心的的設(shè)計并采用AJAX技術(shù)來展示頻道商品,包括:新品、推薦、促銷和拍賣,這樣一方面設(shè)計上板塊清晰、操作方便,其次AJAX可以針對性的異步傳輸服務(wù)器相關(guān)信息,速度也比較快。
2.2.2 頻道首頁
每個頻道首頁采用搜索形式進(jìn)行設(shè)計,首頁中列出各個頻道的屬性,可以對屬性進(jìn)行與操作并結(jié)合AJAX技術(shù)搜出相關(guān)商品進(jìn)行分頁瀏覽,也可以結(jié)合商品特征:新品、推薦、促銷和拍賣進(jìn)行分頁瀏覽。
2.2.3 商品頁
商品頁采用圖文并茂的形式詳細(xì)展示商品的信息,使用jquery+css進(jìn)行圖片放大瀏覽,同時用戶可以在線預(yù)定和通過支付寶接口進(jìn)行網(wǎng)上在線購買。
2.2.4 用戶注冊
用戶可以在網(wǎng)上進(jìn)行注冊,用于在線留言、在線預(yù)定和在線購物。
目前,該網(wǎng)站已處于正常運(yùn)行中,采用了這種多頻道方式進(jìn)行設(shè)計和開發(fā)后,在內(nèi)容的管理和網(wǎng)站的維護(hù)上很靈活也很方面。當(dāng)然網(wǎng)站中還有一些需要改善的地方,希望我的這種多頻道的設(shè)計思想對大家在網(wǎng)站建設(shè)方面有所借鑒,同時也希望大家批評指正。
參考文獻(xiàn):
[1]孔祥鑫.基于PHP技術(shù)的校園網(wǎng)站的設(shè)計與實現(xiàn)[D].天津師范大學(xué),2012.
[2]戴書浩.PHP在電子商務(wù)網(wǎng)站建設(shè)中的應(yīng)用研究[D].南昌大學(xué),2010.
[3]劉川.基于CMS的科技信息在線服務(wù)系統(tǒng)設(shè)計與實現(xiàn)[D].南京大學(xué),2012.
[4]李龍.動態(tài)性?安全型網(wǎng)站開發(fā)平臺的研究與開發(fā)[D].浙江大學(xué),2002.
[5]鄭惠芳.應(yīng)用PHP+MySQL進(jìn)行網(wǎng)站設(shè)計介紹[J].閩江學(xué)院學(xué)報,2003(02).
作者單位:江蘇宜興中等專業(yè)學(xué)校,江蘇宜興 214200