【文章內(nèi)容簡(jiǎn)介】 其中主鍵為id，設(shè)置自動(dòng)增長(zhǎng)，標(biāo)識(shí)增量為1。表41 表“khusers”具體結(jié)構(gòu)屬性字段名稱數(shù)據(jù)類型是否允許為空會(huì)員編號(hào)IDint否用戶名usernameVarchar（15）否密碼pwdVarchar（15）否真實(shí)姓名realnameVarchar（10）是聯(lián)系電話telVarchar（15）否身份證號(hào)sfzVarchar（20）是地址addrVarchar（50）是性別genderVarchar（2）否注冊(cè)時(shí)間addtimedatetime是（3） 商品類別的實(shí)現(xiàn)商品分類功能主要用于方便的管理商品，更加可以讓尋找商品的顧客快速找到自己想要的商品，節(jié)約時(shí)間。所以要單獨(dú)建立一個(gè)商品分類表，命名為：“alllb”。alllb表所包括的內(nèi)容與設(shè)置如表41所示。其中“ID”為主鍵，標(biāo)識(shí)增量為1。表42 表“alllb”具體結(jié)構(gòu)屬性字段名稱數(shù)據(jù)類型是否允許為空商品類別編號(hào)IDint否商品類別名稱lbVarchar（20）否添加時(shí)間addtimedatetime是（4） 商品模塊的實(shí)現(xiàn)此模塊的功能主要包括前臺(tái)頁(yè)面商品的展示與查詢，以及后臺(tái)的商品管理功能。這就自然而然的形成了一個(gè)商品表，用于存放商品的名稱、庫(kù)存、類別等基本信息，其中商品表的類別是外鍵。新建商品表，命名為“allpro”，此表的具體內(nèi)容與結(jié)構(gòu)如表43所示，主鍵的設(shè)置同上。表43 表“allpro”具體結(jié)構(gòu)屬性字段名稱數(shù)據(jù)類型是否允許為空商品編號(hào)IDint否商品名稱mcvarchar（50）否商品類別lbvarchar(20)否商品原價(jià)price1float是商品現(xiàn)價(jià)price2float是商品描述[content]varchar(500)是圖片fnvarchar(20)是添加時(shí)間addtimedatetime是庫(kù)存量shuliangint是（5） 購(gòu)物車模塊的實(shí)現(xiàn)購(gòu)物車模塊在前臺(tái)的功能主要是顧客添加購(gòu)物車，后臺(tái)功能為管理員對(duì)購(gòu)物車所生成的訂單進(jìn)行管理。這個(gè)模塊需要存放前臺(tái)顧客所購(gòu)買的商品信息以及商品數(shù)量以及后臺(tái)商品的發(fā)貨狀態(tài)等。新建購(gòu)物車表，命名為“gwc”，此表的具體內(nèi)容與結(jié)構(gòu)如表44所示，主鍵設(shè)置同上。表43 表“gwc”具體結(jié)構(gòu)屬性字段名稱數(shù)據(jù)類型是否允許為空訂單編號(hào)IDint否顧客名稱usernamevarchar（50）否商品售價(jià)priodint是添加時(shí)間addtimedatetime是發(fā)貨狀態(tài)ztvarchar（50）是購(gòu)買數(shù)量shuliangint否（6） 留言版模塊的實(shí)現(xiàn)留言板模塊，顧名思義，前臺(tái)用戶用來(lái)留言，后臺(tái)管理員用來(lái)管理留言的功能模塊。要想實(shí)現(xiàn)這個(gè)模塊的功能，就要在數(shù)據(jù)庫(kù)中新建一個(gè)表，用于存儲(chǔ)用戶對(duì)商品或網(wǎng)站的反饋信息。留言表命名為“book”，主鍵設(shè)置同上，具體結(jié)構(gòu)與內(nèi)容參照表44。表44 表“book”具體結(jié)構(gòu)屬性字段名稱數(shù)據(jù)類型是否允許為空留言編號(hào)idint否用戶名稱usernamenvarchar（20）否用戶性別sexnvarchar（4）是內(nèi)容bodynvarchar（500）是用戶qqnvarchar（10）是用戶Emailnvarchar（20）是頭像facenvarchar（10）是添加時(shí)間adddatedatetime是悄悄話選項(xiàng)ishiddenbit是首頁(yè)homepagenvarchar（20）是（7） 新聞模塊的實(shí)現(xiàn)本網(wǎng)站的數(shù)據(jù)庫(kù)中，新聞模塊與購(gòu)物幫助模塊合為一個(gè)表，節(jié)省空間。此模塊主要實(shí)現(xiàn)的功能為：前臺(tái)用戶的瀏覽功能以及后臺(tái)管理員對(duì)新聞的管理。在數(shù)據(jù)庫(kù)中新建公告表，命名為“allgonggao”，結(jié)構(gòu)如下表所示。表45 表“allgonggao”具體結(jié)構(gòu)屬性字段名稱數(shù)據(jù)類型是否允許為空留言編號(hào)idint否用戶名稱usernamenvarchar（20）否用戶性別sexnvarchar（4）是內(nèi)容bodynvarchar（500）是用戶qqnvarchar（10）是用戶Emailnvarchar（20）是頭像facenvarchar（10）是添加時(shí)間adddatedatetime是悄悄話選項(xiàng)ishiddenbit是首頁(yè)homepagenvarchar（20）是（8） 后臺(tái)管理員模塊的實(shí)現(xiàn)此模塊主要服務(wù)于超級(jí)管理員，用于管理后臺(tái)管理員信息，需要設(shè)計(jì)一個(gè)用于存放管理員信息的數(shù)據(jù)表，命名為“allusers”，具體結(jié)構(gòu)如表46所示。表46 表“allusers”具體結(jié)構(gòu)屬性字段名稱數(shù)據(jù)類型是否允許為空留言編號(hào)IDint否管理員用戶名usernamevarchar（20）否管理員密碼pwdnvarchar（20）否管理員權(quán)限cxvarchar（10）是添加時(shí)間addtimedatetime是第5章 網(wǎng)站前臺(tái)頁(yè)面設(shè)計(jì)第1節(jié) 首頁(yè)靜態(tài)頁(yè)面設(shè)計(jì) 網(wǎng)頁(yè)設(shè)計(jì)概述當(dāng)今社會(huì)，網(wǎng)絡(luò)為我們帶來(lái)了很多便捷，網(wǎng)絡(luò)時(shí)代已經(jīng)降臨。當(dāng)人們?cè)诰W(wǎng)絡(luò)上瀏覽網(wǎng)頁(yè)時(shí)都是有選擇性的，一般來(lái)說(shuō)，網(wǎng)民在選擇網(wǎng)頁(yè)時(shí)，第一看中的是內(nèi)容，第二就是設(shè)計(jì)風(fēng)格了?，F(xiàn)在，網(wǎng)頁(yè)設(shè)計(jì)已經(jīng)成為了一個(gè)專業(yè)的藝術(shù)學(xué)科，網(wǎng)頁(yè)設(shè)計(jì)至關(guān)重要，他是在網(wǎng)站受眾面前首先出現(xiàn)的，是對(duì)一個(gè)網(wǎng)站整體的詮釋。如果在網(wǎng)站制作中忽視了前臺(tái)頁(yè)面的設(shè)計(jì)，只強(qiáng)調(diào)網(wǎng)站后臺(tái)程序的重要性，那么這可能會(huì)使網(wǎng)站流失一大部分流量，也就失去了一個(gè)網(wǎng)站存在的意義。 網(wǎng)站首頁(yè)布局（一） 布局介紹網(wǎng)站首頁(yè)是用戶進(jìn)入網(wǎng)站首先看到的頁(yè)面，首頁(yè)一般命名為index或default，本網(wǎng)站命名為“”。首頁(yè)在整個(gè)網(wǎng)站中處于至關(guān)重要的地位，可以看做是網(wǎng)站的門面，門面不好是不會(huì)有人愿意進(jìn)去的，就算進(jìn)去了，停留時(shí)間也不會(huì)太久。網(wǎng)站經(jīng)過(guò)多年的發(fā)展，主要產(chǎn)生出了幾大布局，有標(biāo)題正文型、國(guó)字型、左右框架型和拐角型等。像是國(guó)字型一般適用于比較大型的網(wǎng)站，上方長(zhǎng)條放置廣告和導(dǎo)航條，中間放主要內(nèi)容，左右兩邊放次要信息，這也是當(dāng)前比較普遍的網(wǎng)站布局。本課題研究的為購(gòu)物網(wǎng)站，想要設(shè)計(jì)好購(gòu)物網(wǎng)站的首頁(yè)，就要先對(duì)目前網(wǎng)絡(luò)上的各大購(gòu)物網(wǎng)進(jìn)行分析，再結(jié)合自己的能力進(jìn)行本網(wǎng)站的首頁(yè)布局。（2） 各大網(wǎng)站首頁(yè)布局分析目前網(wǎng)絡(luò)上比較大型的購(gòu)物網(wǎng)站有淘寶、京東、亞馬遜等。淘寶網(wǎng)的布局可以看做是一個(gè)國(guó)字型，中間部分著重展示特賣產(chǎn)品的廣告，左側(cè)為產(chǎn)品分類，導(dǎo)航條與搜索條位于網(wǎng)頁(yè)上方通屏，下面是各個(gè)賣點(diǎn)的分塊展示。京東網(wǎng)的首頁(yè)布局與淘寶網(wǎng)如出一轍。亞馬遜網(wǎng)站則是使用拐角型布局，與國(guó)字型類似，只是把搜索下面的正文廣告部分占了一大半頁(yè)面，左側(cè)依舊是分類導(dǎo)航，下面則是分類展示商品。通過(guò)對(duì)幾大網(wǎng)站的分析，可以知道，一般的購(gòu)物網(wǎng)站的首頁(yè)有這些內(nèi)容：搜索條、導(dǎo)航條、廣告為、商品分類、登陸注冊(cè)、友情鏈接、購(gòu)物幫助等。再加以考慮用戶顯示屏的大小以及IE瀏覽器下窗口的大小，可以將網(wǎng)頁(yè)寬度設(shè)置在773px。（3） 本網(wǎng)站首頁(yè)布局通過(guò)上述分析，總結(jié)出本網(wǎng)站的首頁(yè)布局。考慮本網(wǎng)站為B2C網(wǎng)站，且擁有者為一家手表店，現(xiàn)將網(wǎng)站首頁(yè)頭部設(shè)置為手表店名稱，下方為網(wǎng)站導(dǎo)航，導(dǎo)航部分主要包含首頁(yè)、用戶注冊(cè)、商品列表、購(gòu)物幫助、購(gòu)物車、在線交談以及后臺(tái)管理的鏈接。左側(cè)部分為商品分類導(dǎo)航以及用戶登陸注冊(cè)入口，左下方為友情鏈接；網(wǎng)站左半部分分別放置最新新聞、購(gòu)物幫助以及最新商品。（4） 網(wǎng)站首頁(yè)前臺(tái)代碼簡(jiǎn)介,在程序的頭部“head/head”之間填上網(wǎng)站名稱以及連接圖片image和樣式表css，程序如下：head runat=server title手表館/title LINK href=images/ type=text/css rel=stylesheet/head首頁(yè)所包含的幾個(gè)內(nèi)容中，導(dǎo)航部分在前臺(tái)代碼中體現(xiàn)為：TD height=5uc1:hsgtop2 id=Hsgtop21 runat=server OnLoad=Hsgtop21_Load/uc1:hsgtop2/TD用戶登陸注冊(cè)部分首頁(yè)代碼如下，其中l(wèi)eft1為登陸注冊(cè)功能模塊，登陸之前顯示用戶名密碼的文本框，登陸之后顯示用戶的名字以及修改密碼和退出鏈接。table style=WIDTH:191px。HEIGHT:32px background=images/ border=0tr tdamp。nbsp。amp。nbsp。amp。nbsp。amp。nbsp。amp。nbsp。 用戶登陸/td/tr/tableuc1:left1 id=Left11 runat=server/uc1:left1商品分類導(dǎo)航首頁(yè)部分代碼為：TABLE id=Table2 style=WIDTH: 191px。 HEIGHT: 32px background=images/ border=0 TR TDamp。nbsp。amp。nbsp。amp。nbsp。amp。nbsp。amp。nbsp。 站內(nèi)導(dǎo)航/TD /TR/TABLE uc1:hsgleftid=Hsgleft1runat=server/uc1:hsgleft其余部分代碼類似，友情鏈接部分為“l(fā)eft5”，最新新聞、此部分將在下一章進(jìn)行介紹。第2節(jié) 用戶注冊(cè)靜態(tài)頁(yè)面設(shè)計(jì) 本網(wǎng)站用戶注冊(cè)頁(yè)面命名為：“”。在本網(wǎng)站的用戶注冊(cè)部分，除左側(cè)內(nèi)容改變?yōu)橛脩糇?cè)頁(yè)面，其他部分仍舊與首頁(yè)布局保持一致。用戶注冊(cè)部分可以看做是一個(gè)表格的填寫，表格