多頻道網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)

摘 要：一個(gè)合理的網(wǎng)站設(shè)計(jì)對(duì)于網(wǎng)站的制作和后期的開發(fā)和維護(hù)是非常重要的，在制作網(wǎng)站前，必須根據(jù)網(wǎng)站的需求，進(jìn)行分析，然后做一個(gè)整體的策劃，等方案通過(guò)后再進(jìn)行網(wǎng)站制作和后期相關(guān)服務(wù)。多頻道網(wǎng)站設(shè)計(jì)是本人在建設(shè)中國(guó)工藝美術(shù)網(wǎng)的過(guò)程中設(shè)計(jì)出的一種方案，現(xiàn)在寫出來(lái)跟大家分享一下，希望有一些建設(shè)性的作用。

關(guān)鍵詞：多頻道；網(wǎng)站環(huán)境；AJAX；商品搜索

中圖分類號(hào)：TP393.092

網(wǎng)站建設(shè)都需要經(jīng)過(guò)網(wǎng)站分析與設(shè)計(jì)、數(shù)據(jù)庫(kù)設(shè)計(jì)這兩個(gè)重要部分，本文基于多頻道設(shè)計(jì)的思想重點(diǎn)討論的是如何通過(guò)統(tǒng)一管理對(duì)各個(gè)頻道進(jìn)行后臺(tái)數(shù)據(jù)操作和前臺(tái)網(wǎng)頁(yè)瀏覽。

1 網(wǎng)站分析與設(shè)計(jì)

1.1 多頻道結(jié)構(gòu)

藝宴商城（www.365art.com）這個(gè)網(wǎng)站是一個(gè)綜合性的電商網(wǎng)站，通過(guò)它的頁(yè)面瀏覽和思考，發(fā)現(xiàn)它的商品都以每個(gè)頻道的形式展示的，每個(gè)頻道的商品都有各自的屬性，可以展現(xiàn)不同信息同時(shí)也便于客戶搜索，這個(gè)和我以往接觸的普通網(wǎng)站結(jié)構(gòu)有著明顯的區(qū)別，普通的網(wǎng)站信息結(jié)構(gòu)一般是固定的，而這里可以給不同的頻道分配不同的屬性，就像每個(gè)頻道就是一個(gè)普通的網(wǎng)站一樣，這樣如果按照以前的做法就要為每個(gè)頻道建立一個(gè)子網(wǎng)站，然后進(jìn)行數(shù)據(jù)庫(kù)、前臺(tái)和后臺(tái)設(shè)計(jì)，很明顯這樣設(shè)計(jì)不是最合理的?，F(xiàn)在就要找出一個(gè)共性的模式來(lái)管理各個(gè)頻道的前后臺(tái)，這樣一來(lái)在設(shè)計(jì)頻道時(shí)即不容易出錯(cuò)又方便網(wǎng)站的管理和維護(hù)。通過(guò)對(duì)以上網(wǎng)站的分析同時(shí)結(jié)合實(shí)際情況最終決定中國(guó)工藝美術(shù)品網(wǎng)以統(tǒng)一的多頻道網(wǎng)站結(jié)構(gòu)模式進(jìn)行開發(fā)與設(shè)計(jì)。

1.2 網(wǎng)站的平臺(tái)環(huán)境

網(wǎng)站采用apache+php+mysql環(huán)境進(jìn)行搭建，Apache是一種web服務(wù)器（與IIS類同），PHP是一種HTML內(nèi)嵌式的語(yǔ)言，是一種網(wǎng)站開發(fā)語(yǔ)言（與ASP、JSP、.NET等類同），具有面向?qū)ο缶幊毯涂缙脚_(tái)的特征，MySQL是一種數(shù)據(jù)庫(kù)（與SQLServer等類同），這三者的組合非常適合開發(fā)中小型的web應(yīng)用，開發(fā)的速度比較快，而且所有的軟件都是開源免費(fèi)的，可以減少投入。

1.3 數(shù)據(jù)庫(kù)設(shè)計(jì)

本網(wǎng)站的多頻道特征重點(diǎn)體現(xiàn)在數(shù)據(jù)庫(kù)的設(shè)計(jì)上，如果按以往預(yù)先將數(shù)據(jù)庫(kù)和表都設(shè)計(jì)好，那么在各頻道后臺(tái)添加數(shù)據(jù)時(shí)，就要設(shè)計(jì)出不同的頁(yè)面操作。例如：網(wǎng)站中紫砂頻道有紫砂商品表，商品表中有商品的一些屬性字段（名稱、泥料、價(jià)格、容量等），同樣書畫頻道也有書畫商品表，商品表中有一些屬性字段（名稱、價(jià)格、大小、質(zhì)地等），可見(jiàn)這樣它們就是一個(gè)一個(gè)單獨(dú)的子網(wǎng)站，如果添加不同的頻道，就要設(shè)計(jì)出一個(gè)個(gè)子網(wǎng)站數(shù)據(jù)庫(kù)，這樣就給網(wǎng)站開發(fā)帶來(lái)了重復(fù)而又容易出錯(cuò)的操作問(wèn)題，不易管理。

思維（CMSWARE）內(nèi)容管理系統(tǒng)給了我一些啟發(fā)，它的一個(gè)特征是后臺(tái)自己可以動(dòng)態(tài)設(shè)計(jì)數(shù)據(jù)庫(kù)表，表中一部分字段是所有內(nèi)容表默認(rèn)共享的（如節(jié)點(diǎn)、日期等），其它的字段（如標(biāo)題、圖片等）則可根據(jù)自己的需求進(jìn)行設(shè)計(jì)，然后應(yīng)用在節(jié)點(diǎn)上，非常靈活。因此，我在設(shè)計(jì)該網(wǎng)站數(shù)據(jù)庫(kù)時(shí)結(jié)合以上的特征進(jìn)行了設(shè)計(jì)，但跟其又有區(qū)別。該網(wǎng)站的數(shù)據(jù)庫(kù)主要體現(xiàn)在：一是建立一張所有商品有共享字段的數(shù)據(jù)表（如主鍵ID、名稱、價(jià)格、圖片、介紹等）；二是建立一張可以添加屬性表的數(shù)據(jù)表，該表記錄每張屬性表的信息（如表名、字段名，字段類型等），在后臺(tái)進(jìn)行添加屬性表操作時(shí)，也會(huì)給共享的商品表增加一個(gè)屬性字段，三是建立一張頻道表，該表可以記錄頻道一些基本信息（如頻道名稱等），同時(shí)可以通過(guò)后臺(tái)操作設(shè)置要用到的屬性表，四是屬性表可以在后臺(tái)動(dòng)態(tài)添加、管理，這樣就可以很靈活的設(shè)置頻道的相關(guān)屬性信息了。

2 網(wǎng)站模塊設(shè)計(jì)

2.1 后臺(tái)模塊

后臺(tái)主要包括屬性管理、頻道管理、商品管理、訂單管理、文章管理這5大模塊：

2.1.1 屬性管理

屬性管理是指在后臺(tái)通過(guò)頁(yè)面操作動(dòng)態(tài)創(chuàng)建屬性數(shù)據(jù)表，并將表的信息保存到一張專門保存屬性表信息的表中，同時(shí)在商品主表中自動(dòng)生成一個(gè)屬性字段。例如：紫砂頻道的商品需要有一個(gè)泥料的屬性（yx_nl），就動(dòng)態(tài)創(chuàng)建一張泥料表（nl）（包括表名稱、字段名稱、字段類型和字段說(shuō)明），并把這些信息保存到zbk表中，在主表yx中就自動(dòng)產(chǎn)生了一個(gè)yx_nl的字段屬性，該字段是創(chuàng)建的屬性表的外鍵，屬性表的主鍵與該屬性字段存在一對(duì)多的關(guān)系，這樣就便于前臺(tái)設(shè)計(jì)商品搜索功能。

2.1.2 頻道管理

頻道管理一方面是在頻道表中創(chuàng)建頻道基本信息（頻道名稱、頻道資源位置），其次是配置不同頻道的商品屬性。例如：紫砂頻道可以配置作者、泥料、容量、壺型等屬性，書畫頻道可以配置作者、技法、材質(zhì)、形式等屬性，它們有的屬性是公用的，有的屬性是專用的。

屬性配置后，還可以配置前臺(tái)各頻道商品展示的屬性，如紫砂頻道共有4個(gè)屬性，前臺(tái)可以只顯示2個(gè)屬性，這樣做的好處是在某些頻道商品屬性信息空的情況下，可以先屏蔽掉，使前臺(tái)商品頁(yè)面展示更合理。

2.1.3 商品管理

商品管理包括商品的添加、刪除、修改、審核、新品、推薦、促銷和拍賣8部分。所有頻道的商品管理都是采用統(tǒng)一的操作模式，在頻道屬性設(shè)置好后，可以在添加商品時(shí)顯示不同的屬性，同時(shí)對(duì)商品的發(fā)布可以設(shè)置新品、推薦、促銷和拍賣，有利于豐富前臺(tái)頁(yè)面的內(nèi)容。

2.1.4 訂單管理

在該系統(tǒng)中，可以結(jié)合支付寶純擔(dān)保交易接口進(jìn)行網(wǎng)上在線購(gòu)物生成客戶訂單，通過(guò)客戶的訂單信息可以進(jìn)行訂單管理，同時(shí)結(jié)合支付寶，可以進(jìn)行退款，退貨等一些操作。

2.1.5 文章管理

文章管理可對(duì)頻道進(jìn)行文章的添加、修改和刪除操作，也可以發(fā)布一些公告信息。如：紫砂文化、書畫名人等一些文章。

2.2 前臺(tái)模塊

2.2.1 網(wǎng)站首頁(yè)

首頁(yè)是一個(gè)網(wǎng)站前臺(tái)最重要的部分，本網(wǎng)站首頁(yè)（www.zggymsp.com）經(jīng)過(guò)精心的的設(shè)計(jì)并采用AJAX技術(shù)來(lái)展示頻道商品，包括：新品、推薦、促銷和拍賣，這樣一方面設(shè)計(jì)上板塊清晰、操作方便，其次AJAX可以針對(duì)性的異步傳輸服務(wù)器相關(guān)信息，速度也比較快。

2.2.2 頻道首頁(yè)

每個(gè)頻道首頁(yè)采用搜索形式進(jìn)行設(shè)計(jì)，首頁(yè)中列出各個(gè)頻道的屬性，可以對(duì)屬性進(jìn)行與操作并結(jié)合AJAX技術(shù)搜出相關(guān)商品進(jìn)行分頁(yè)瀏覽，也可以結(jié)合商品特征：新品、推薦、促銷和拍賣進(jìn)行分頁(yè)瀏覽。

2.2.3 商品頁(yè)

商品頁(yè)采用圖文并茂的形式詳細(xì)展示商品的信息，使用jquery+css進(jìn)行圖片放大瀏覽，同時(shí)用戶可以在線預(yù)定和通過(guò)支付寶接口進(jìn)行網(wǎng)上在線購(gòu)買。

2.2.4 用戶注冊(cè)

用戶可以在網(wǎng)上進(jìn)行注冊(cè)，用于在線留言、在線預(yù)定和在線購(gòu)物。

目前，該網(wǎng)站已處于正常運(yùn)行中，采用了這種多頻道方式進(jìn)行設(shè)計(jì)和開發(fā)后，在內(nèi)容的管理和網(wǎng)站的維護(hù)上很靈活也很方面。當(dāng)然網(wǎng)站中還有一些需要改善的地方，希望我的這種多頻道的設(shè)計(jì)思想對(duì)大家在網(wǎng)站建設(shè)方面有所借鑒，同時(shí)也希望大家批評(píng)指正。

參考文獻(xiàn)：

[1]孔祥鑫.基于PHP技術(shù)的校園網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)[D].天津師范大學(xué)，2012.

[2]戴書浩.PHP在電子商務(wù)網(wǎng)站建設(shè)中的應(yīng)用研究[D].南昌大學(xué)，2010.

[3]劉川.基于CMS的科技信息在線服務(wù)系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)[D].南京大學(xué)，2012.

[4]李龍.動(dòng)態(tài)性?安全型網(wǎng)站開發(fā)平臺(tái)的研究與開發(fā)[D].浙江大學(xué)，2002.

[5]鄭惠芳.應(yīng)用PHP+MySQL進(jìn)行網(wǎng)站設(shè)計(jì)介紹[J].閩江學(xué)院學(xué)報(bào)，2003（02）.

作者單位：江蘇宜興中等專業(yè)學(xué)校，江蘇宜興 214200