大型電子商務(wù)網(wǎng)站建設(shè)

無論哪種類型的網(wǎng)站，在進(jìn)行頁面設(shè)計(jì)時(shí)都需要設(shè)計(jì)網(wǎng)站的模板，模板制作完成之后網(wǎng)站的基本框架也就有了，主要包括首頁、導(dǎo)航和內(nèi)容等。網(wǎng)站的頁面就好像是一個(gè)人的外貌，外貌的美、丑對(duì)于觀看者來說是至關(guān)重要的。而數(shù)據(jù)庫則無疑是一個(gè)網(wǎng)站的靈魂，如果一個(gè)網(wǎng)站只有好的頁面，但是數(shù)據(jù)庫非常糟糕，那么長(zhǎng)時(shí)間之后將會(huì)無人光顧。本章通過建設(shè)一個(gè)大型電子商務(wù)網(wǎng)站，幫助用戶學(xué)會(huì)并設(shè)計(jì)出一個(gè)外貌和靈魂兼?zhèn)涞暮镁W(wǎng)站。

本章要點(diǎn)
□ 網(wǎng)站規(guī)劃設(shè)計(jì)
□ 動(dòng)態(tài)網(wǎng)站設(shè)計(jì)基礎(chǔ)

網(wǎng)站規(guī)劃設(shè)計(jì)

隨著網(wǎng)絡(luò)的快速發(fā)展，越來越多的人通過網(wǎng)絡(luò)得到了許多有用的信息，給人們的學(xué)習(xí)、工作、生活和娛樂等方面帶來了極大的便利。

在制作網(wǎng)站前，對(duì)網(wǎng)站要進(jìn)行精心的策劃、合理的設(shè)計(jì)、巧妙的構(gòu)思，要有獨(dú)特的創(chuàng)意，這樣才能制作出畫面精美、內(nèi)容豐富、色彩新穎的電子商務(wù)網(wǎng)站。

什么是網(wǎng)站規(guī)劃

網(wǎng)站規(guī)劃是指在網(wǎng)站建設(shè)前對(duì)市場(chǎng)進(jìn)行分析，確定網(wǎng)站的目的和功能，并根據(jù)需要對(duì)網(wǎng)站建設(shè)中的技術(shù)、內(nèi)容、費(fèi)用、測(cè)試、維護(hù)等做出規(guī)劃。網(wǎng)站規(guī)劃對(duì)網(wǎng)站建設(shè)起計(jì)劃和指導(dǎo)的作用，對(duì)網(wǎng)站的內(nèi)容和維護(hù)起定位作用。

網(wǎng)站規(guī)劃

網(wǎng)站規(guī)劃的前期就需要對(duì)市場(chǎng)進(jìn)行分析，從而確定網(wǎng)站的定位，確定網(wǎng)站需要具備什么樣的功能，確定網(wǎng)站建設(shè)中采用的技術(shù)。具體于電子商務(wù)網(wǎng)站，需要確定電子商務(wù)網(wǎng)站銷售產(chǎn)品類型、產(chǎn)品價(jià)格定位、消費(fèi)人群有哪些等。

電子商務(wù)類網(wǎng)站的顯著特點(diǎn)是信息量大，故本案例采用信息容量較大的“同”字型布局設(shè)計(jì)該站網(wǎng)頁。

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

網(wǎng)站設(shè)計(jì)包括網(wǎng)站內(nèi)頁面的結(jié)構(gòu)設(shè)計(jì)，主要是方便開發(fā)者的操作。除此之外就是頁面的風(fēng)格設(shè)計(jì)，本部分設(shè)計(jì)則主要由網(wǎng)站所面向的用戶群來確定，設(shè)計(jì)者有必要調(diào)查網(wǎng)站所面向用戶群的性格特點(diǎn)、偏好的顏色等，來確定頁面的設(shè)計(jì)風(fēng)格。

網(wǎng)站策劃書

⑴ 建設(shè)網(wǎng)站前的市場(chǎng)分析在國(guó)內(nèi)電子商務(wù)并不成熟的現(xiàn)實(shí)下，服務(wù)并不規(guī)范，沒有一個(gè)統(tǒng)一的商務(wù)網(wǎng)站標(biāo)準(zhǔn)，特別是本地區(qū)基本沒有成熟的商務(wù)網(wǎng)站。

⑵ 網(wǎng)站板塊及風(fēng)格網(wǎng)站初期分為產(chǎn)品索引簡(jiǎn)介、用戶登錄及注冊(cè)、產(chǎn)品購買、后臺(tái)管理等模塊。

風(fēng)格定位為簡(jiǎn)潔明快，圖片和文字相結(jié)合，以淡色做基調(diào)。產(chǎn)品網(wǎng)頁形式采用統(tǒng)一模塊，突出產(chǎn)品圖片。

⑶ 相關(guān)開發(fā)技術(shù)。Dreamweaver、SQL Server數(shù)據(jù)庫程序等。

動(dòng)態(tài)網(wǎng)站設(shè)計(jì)基礎(chǔ)

動(dòng)態(tài)網(wǎng)站并不是指具有動(dòng)畫效果的頁面，而是具有后臺(tái)數(shù)據(jù)操作，并可以根據(jù)數(shù)據(jù)動(dòng)態(tài)更新前臺(tái)頁面的設(shè)計(jì)技術(shù)。只有具備此特點(diǎn)的網(wǎng)站才可以將網(wǎng)站的功能從單純的展示，擴(kuò)展成為可以和用戶進(jìn)行即時(shí)交互的動(dòng)態(tài)網(wǎng)站。

動(dòng)態(tài)網(wǎng)站無疑是可以和用戶進(jìn)行實(shí)時(shí)溝通的，比如可以響應(yīng)用戶的購物需求，并且實(shí)時(shí)更新自己的數(shù)據(jù)庫，或者根據(jù)自己的數(shù)據(jù)庫信息提示用戶能否完成相應(yīng)的購物操作。同時(shí)，動(dòng)態(tài)網(wǎng)站可以根據(jù)登錄者身份的不同，使登錄者可以進(jìn)行不同的操作。比如，針對(duì)于購物網(wǎng)站來說，管理員無疑可以進(jìn)行添加商品、刪除商品等操作，甚至對(duì)于一些普通的購物用戶進(jìn)行管理；而針對(duì)于注冊(cè)于該網(wǎng)站的普通的購物用戶，則無法進(jìn)行這些操作，他們只能查看商品信息或購買商品。

采用動(dòng)態(tài)網(wǎng)站技術(shù)而生成的網(wǎng)頁都稱為動(dòng)態(tài)網(wǎng)頁。其編程語言主要包括ASP、PHP、ASP.NET、JSP等。

創(chuàng)建網(wǎng)站站點(diǎn)

在Dreamweaver CS6中創(chuàng)建網(wǎng)站的具體步驟如下。

1 啟動(dòng) Dreamweaver CS6，選擇【站點(diǎn)】?【新建站點(diǎn)】菜單命令。在打開的【站點(diǎn)設(shè)置對(duì)象】對(duì)話框中選擇【站點(diǎn)】選項(xiàng)卡，在右側(cè)的【站點(diǎn)名稱】文本框中輸入網(wǎng)站的名稱“大型電子商務(wù)網(wǎng)站”，在【本地站點(diǎn)文件夾】文本框中輸入網(wǎng)站的本地根文件夾為“D:\dzsw\”，如下圖（左）所示。

2 在【高級(jí)設(shè)置】列表中選擇【本地信息】選項(xiàng)，在右側(cè)【W(wǎng)eb
URL】文本框中輸入“http://localhost/dzsw”，如下圖（右）所示。

3 單擊【保存】按鈕，完成在Dreamweaver中定義網(wǎng)站的操作。

用戶數(shù)據(jù)庫的創(chuàng)建

要?jiǎng)?chuàng)建數(shù)據(jù)庫，首先必須明確整個(gè)系統(tǒng)的詳細(xì)需求，然后根據(jù)需求分析創(chuàng)建系統(tǒng)的流程圖，如下圖所示。

根據(jù)流程圖分析得出需要?jiǎng)?chuàng)建商品信息表、會(huì)員信息表、后臺(tái)管理員信息表、商品類別表等。

SQL 基礎(chǔ)

SQL 是 Structured Query Language 的縮寫，意思為結(jié)構(gòu)化查詢語言。SQL 語言的主要功能就是同各種數(shù)據(jù)庫建立聯(lián)系，進(jìn)行溝通。按照ANSI（美國(guó)國(guó)家標(biāo)準(zhǔn)協(xié)會(huì)）的規(guī)定，SQL被作為關(guān)系型數(shù)據(jù)庫管理系統(tǒng)的標(biāo)準(zhǔn)語言。

SQL Server 是由 Microsoft 開發(fā)和推廣的關(guān)系數(shù)據(jù)庫管理系統(tǒng)（DBMS），它最初是由Microsoft、Sybase和Ashton-Tate三家公司共同開發(fā)的，并于1988年推出了第一個(gè)OS/2版本。Microsoft SQL

Server 不斷更新版本，1996年，Microsoft 推出了 SQL Server 6.5 版本；1998年， SQL Server 7.0 版本和用戶見面；SQL Server 2000 是Microsoft 公司于 2000年推出的；目前最新版本是2012年3月推出的SQL Server 2012。

SQL常用字段類型：bit（可選值0、1）、datetime、int、varchar、nvarchar（可能含有中文等ASCII碼之外的字符用nvarchar）。

主鍵就是數(shù)據(jù)行的唯一標(biāo)識(shí)。不會(huì)重復(fù)的列才能當(dāng)主鍵。主鍵有兩種選用策略：業(yè)務(wù)主鍵和邏輯主鍵。通常使用沒有任何業(yè)務(wù)意義的字段做主鍵，即邏輯主鍵。

SQL可以進(jìn)行的基本操作包括創(chuàng)建表、數(shù)據(jù)插入、數(shù)據(jù)更新、數(shù)據(jù)刪除、數(shù)據(jù)檢索等，這些操作通過數(shù)據(jù)查詢語句完成，如完成數(shù)據(jù)插入的語句為 Insert into T_Person（Name,Age）values（‘Bill’,29）。

數(shù)據(jù)庫的連接

要實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁中的應(yīng)用程序完成對(duì)數(shù)據(jù)庫的讀取、寫入及改寫等操作，就必須先完成網(wǎng)頁與數(shù)據(jù)庫的連接。完成網(wǎng)頁與數(shù)據(jù)庫連接的具體步驟如下。

⑴ 在動(dòng)態(tài)網(wǎng)頁中，是通過開放式數(shù)據(jù)庫連接（ODBC）驅(qū)動(dòng)程序連接到數(shù)據(jù)庫的，該驅(qū)動(dòng)程序負(fù)責(zé)將運(yùn)行的結(jié)果送回應(yīng)用程序。創(chuàng)建ODBC數(shù)據(jù)源的過程如下。

1 打開【控制面板】窗口，雙擊【管理工具】圖標(biāo)，打開【管理工具】窗口，如下圖所示。

2 雙擊【數(shù)據(jù)源】圖標(biāo)，打開【ODBC數(shù)據(jù)源管理器】對(duì)話框，選擇【系統(tǒng)DSN】選項(xiàng)卡，如下圖（左）所示。

3 單擊【添加】按鈕，打開【創(chuàng)建新數(shù)據(jù)源】對(duì)話框，從中選擇“SQL Server”數(shù)據(jù)源類型，然后單擊【完成】按鈕，如下圖（右）所示。

4 在【創(chuàng)建到SQL Server的新數(shù)據(jù)源】對(duì)話框中的【名稱】文本框中輸入數(shù)據(jù)源的名稱，在【描述】文本框中輸入對(duì)數(shù)據(jù)源的描述“電子商務(wù)網(wǎng)站系統(tǒng)”，在【服務(wù)器】下拉列表框中選擇本地服務(wù)器“local”，如下圖（左）所示，單擊【下一步】按鈕。

5 單擊選中【使用網(wǎng)絡(luò)登錄ID的Windows NT驗(yàn)證】單選項(xiàng)，如下圖（右）所示，單擊【下一步】按鈕。

6 在【更改默認(rèn)的數(shù)據(jù)庫為】下拉列表框中輸入數(shù)據(jù)庫名字“dzsw”，如下圖（左）所示，單擊【下一步】按鈕，在彈出的對(duì)話框中單擊【完成】按鈕。

7 在彈出的測(cè)試對(duì)話框中單擊【測(cè)試】按鈕，顯示如下圖（右）所示的【SQL Server ODBC數(shù)據(jù)源測(cè)試】對(duì)話框，單擊【確定】按鈕。

8 在彈出如下圖（左）所示的安裝對(duì)話框中單擊【測(cè)試數(shù)據(jù)源】按鈕。

9 在彈出的【SQL Server ODBC 數(shù)據(jù)源測(cè)試】對(duì)話框中單擊【確定】按鈕，如下圖（右）所示，完成ODBC的創(chuàng)建。

⑵ 完成連接數(shù)據(jù)庫連接的具體步驟如下。

1 啟動(dòng)Dreamweaver CS6軟件，選擇【窗口】?【數(shù)據(jù)庫】菜單命令，在打開的【應(yīng)用程序】窗格中，切換到【數(shù)據(jù)庫】選項(xiàng)卡，單擊按鈕，在彈出的列表中選擇【數(shù)據(jù)源名稱（DSN）】選項(xiàng)，如下圖所示。

2 彈出【數(shù)據(jù)源名稱（DSN）】對(duì)話框，在【連接名稱】文本框中輸入數(shù)據(jù)源的連接名稱“dzsw”，在【數(shù)據(jù)源名稱（DSN）】下拉列表中選擇前面已經(jīng)創(chuàng)建的數(shù)據(jù)源名稱“dzsw”，單擊選中【使用本地DSN】單選項(xiàng)，然后單擊【測(cè)試】按鈕，如下圖（左）所示。

3 系統(tǒng)如果彈出【成功創(chuàng)建連接腳本】提示框，則說明數(shù)據(jù)源連接是成功的，如下圖（右）所示。

數(shù)據(jù)的基本讀寫操作

SQL中數(shù)據(jù)的基本讀寫操作包括以下幾種。

1. 向表中插入數(shù)據(jù)向表中插入數(shù)據(jù)的語法形式如下：

Insert [Into] {table_name|view_name}[（column_list）] {Values| values_list|select_statement}

在插入數(shù)據(jù)時(shí)，字符數(shù)據(jù)和日期數(shù)據(jù)要使用引號(hào)引起來。

例如，打開cust數(shù)據(jù)庫，向students表中插入數(shù)據(jù)，語法形式如下：

Use cust
Insert Into students Values（11，"影子"，"

男"，"1999-12-12"，"湖北"，"83779805"，"武漢市橋口區(qū)"，"VB愛好者"）在插入數(shù)據(jù)時(shí)，可以使用Default選項(xiàng)。Default選項(xiàng)有兩種形式，一種形式是Default Values，另一種形式是 Default。Default Values 形式是為表中的某一行的所有列插入默認(rèn)值，使用這種形式的前提條件是表中的所有列必須是Identity屬性、Timestamp數(shù)據(jù)類型、允許為Null或者有一個(gè)指定的默認(rèn)值這四種類型之一，否則會(huì)出現(xiàn)錯(cuò)誤信息。

例如：

Use cust
Insert Into students Default Values

這個(gè)例子會(huì)出現(xiàn)錯(cuò)誤，因?yàn)閟tudents表的number字段是設(shè)置為不允許為空的。Default 形式是為表中的某一列插入默認(rèn)值，要插入的列必須具備一定的條件，即該列要么是 Timestamp 數(shù)據(jù)類型，要么是允許為Null，要么是有一個(gè)指定的默認(rèn)值，否則會(huì)出現(xiàn)錯(cuò)誤信息。

例如：

Use cust
Insert Into students Values（11，"影子"，Default，Default，

Default，Default，Default，Default）由于前兩個(gè)字段不能為空，所以要賦值，否則會(huì)出現(xiàn)錯(cuò)誤；而后面的六個(gè)字段允許為空，因此可以調(diào)用Default默認(rèn)。

2. 插入部分?jǐn)?shù)據(jù)在使用Insert語句插入數(shù)據(jù)時(shí)，還可以插入部分?jǐn)?shù)據(jù)，也就是可以為每一行的指定的部分列插入數(shù)據(jù)。

在插入部分?jǐn)?shù)據(jù)時(shí)，應(yīng)該注意以下三個(gè)問題。

⑴ 在 Insert 子句中，指定要插入數(shù)據(jù)的列名。

Select 后面的字段要輸完整，這個(gè)例子是自己向自己插入多條數(shù)據(jù)（自己向自己插入數(shù)據(jù)是被允許的）。

4. Select Into插入數(shù)據(jù)到一個(gè)新表中帶有Into子句的Select語句允許用戶定義一個(gè)新表并且把數(shù)據(jù)插入到新表中。這種方法不同于前面講述的那些方法。在前面的那些方法中，一個(gè)共同的特點(diǎn)，是在數(shù)據(jù)輸入之前表已經(jīng)存在了；而使用

Select Into插入數(shù)據(jù)的方法，是在插入數(shù)據(jù)的過程中建立新表。

Select Into 語句的語法形式如下：

Select select_list Into new_table_name From table_list Where
search_conditions

在使用 Select Into 插入數(shù)據(jù)時(shí)，要注意下面幾點(diǎn)。

⑴ 在某個(gè)數(shù)據(jù)庫中使用 Select Into 插入數(shù)據(jù)時(shí)，設(shè)置該數(shù)據(jù)庫的 Select Into/Bulk Copy 為真。

⑵ 新表不能存在，否則會(huì)產(chǎn)生錯(cuò)誤信息。

⑶ 新表中的列和行是基于查詢結(jié)果集的。

⑷ 要插入的數(shù)據(jù)不記錄在日志中。

⑸ 在 select_list 中出現(xiàn)的列應(yīng)該使用別名，否則新表中的列沒有列名。沒列名的表只能通過 Select * From new_table_name 的形式查詢。因此，應(yīng)該為列起個(gè)別名。

例如：

Select number，name Into newcust1 From students5. 用 UPdate 語句修改表中的數(shù)據(jù)

Update語句用來修改表中已存在的數(shù)據(jù)。Update語句既可以一次修改一行數(shù)據(jù)，也可以一次修改多行數(shù)據(jù)，甚至可以一次修改表中的全部數(shù)據(jù)。Update語句使用Where子句指定要修改的行，使用Set子句給出新的數(shù)據(jù)。新數(shù)據(jù)可以是常量，也可以是指定的表達(dá)式，還可以是使用From子句來自其他表的數(shù)據(jù)。

Update語句的語法形式如下：

Update {table_name|view_name} Set {column_list}=expression [，. . .] [Where clause]

在使用 Update 語句時(shí)，如果沒有使用 Where 子句，那么就對(duì)表中所有的行進(jìn)行修改。如果使用Update 語句修改數(shù)據(jù)時(shí)與數(shù)據(jù)完整性約束有沖突，那么修改就不會(huì)發(fā)生，整個(gè)修改事務(wù)全部滾回。例如，這種沖突可能是所輸入的值是錯(cuò)誤的數(shù)據(jù)類型，或者所輸入的值違背了在該列定義的規(guī)則約束，等等。例如，打開cust數(shù)據(jù)庫，修改

students表，使number>100的數(shù)據(jù)的name的值全部加“007”，語法形式如下：

Use cust Update students Set name=name+"007" Where number>100

• 網(wǎng)站設(shè)計(jì)
• 建站
• 電子商務(wù)