【文章內(nèi)容簡(jiǎn)介】 允許空 C_id Int 4 不允許 C_name Nvarchar 50 允許 S_ding 定單表，此表中主要是存放的用戶訂單信息。 如圖 33所示。 表 33 定單表 列名 數(shù)據(jù)類型 長(zhǎng)度 允許空 D_id Int 4 P_id Int 4 不允許 D_num Int 4 不允許 D_jia Int 4 不允許 D_time Datatime 8 不允許 U_id Int 4 不允許 U_address Nvarchar 50 不允許 U_tel Nvarchar 50 不允許 16 信息科學(xué) 與技術(shù)學(xué)院學(xué)士學(xué)位論文 S_news 表中存放的是新聞與幫助文章信息表，新聞與幫助用 N_type 字段分類。如表 34所示。 表 34 文章信息表 列名 數(shù)據(jù)類型 長(zhǎng)度 允許空 N_id Int 4 N_memo Text 16 不允許 N_title Nvarchar 50 不允許 N_time Datatime 8 不允許 N_type int 4 不允許 S_product 表中存放的是產(chǎn)品表，主要為商品的 編號(hào)， 名稱，價(jià)格，等信息。如表 35所示。 表 35 產(chǎn)品表 列名 數(shù)據(jù)類型 長(zhǎng)度 允許空 P_id Int 4 P_name Nvarchar 50 不允許 P_c_id Int 4 不允許 P_jia Int 4 不允許 P_num Int 4 不允許 P_z Nvarchar 50 不允許 P_uptime Datatime 8 不允許 P_memo Text 16 不允許 P_type Int 4 不允許 P_pic text 16 不允許 S_user 表中存放的是會(huì)員信息，主要是會(huì)員的姓名，密碼 ，用戶編號(hào)，用戶性別，用戶地址，用戶 ，用戶 E_mail，用戶電話等信息內(nèi)容 等。 其主要信息 如表 36所示。 17 信息科學(xué) 與技術(shù)學(xué)院學(xué)士學(xué)位論文 表 36 會(huì)員信息表 列名 數(shù)據(jù)類型 長(zhǎng)度 允許空 User_ID Int 4 不允許 UserName nvarchar 50 允許 UserPass nvarchar 50 允許 U_name navrchar 50 允許 U_sex nvarchar 50 允許 U_tel nvarchar 50 允許 U_qq nvarchar 50 允許 U_ nvarchar 50 允許 U_address nvarchar 50 允許 U_regtime datatime 8 允許 S_message 表中存放的是客戶在線留言的信息，主要是顧客留言標(biāo)題，留言時(shí)間，留言內(nèi)容。如表 37 所示。 表 37 留言信息表 列名 數(shù)據(jù)類型 長(zhǎng)度 允許空 M_id Int 4 不允許 M_title Nvarchar 50 允許 M_message Text 16 允許 M_time Datatime 8 允許 M_an text 16 允許 數(shù)據(jù)庫(kù)鏈接代碼 % dim conn,SQLServerName,SQLDBUserName,SQLDBPassword,SQLDBName 18 信息科學(xué) 與技術(shù)學(xué)院學(xué)士學(xué)位論文 SQLServerName = (local) 39。服務(wù)器名稱或地址 SQLDBUserName = sa 39。數(shù)據(jù)庫(kù)帳號(hào) SQLDBPassword = 39。數(shù)據(jù)庫(kù)密碼 SQLDBName = shopdb 39。數(shù)據(jù)庫(kù)名稱 39。數(shù)據(jù)庫(kù)連接 On Error Resume Next 39。容錯(cuò)聲明 =true Set conn = () Provider=sqloledb。user id=amp。SQLDBUserNameamp。password=amp。SQLDBPasswordamp。initial catalog=amp。SQLDBNameamp。data source=amp。SQLServerNameamp。 If Err Then Set Conn = Nothing 無(wú)法連接到 MSSQL 數(shù)據(jù)源，給您造成不便敬請(qǐng)諒解！ End If % 本章小結(jié) 系統(tǒng)設(shè)計(jì) 是一個(gè)系統(tǒng)的重要部分 ， 主要就是給出了系統(tǒng)的功能模塊圖和 ER圖 ，分析得出 每個(gè) 實(shí)體之間的聯(lián)系。對(duì)數(shù)據(jù)信息進(jìn)行了邏輯結(jié)構(gòu)設(shè)計(jì)， 并根據(jù)邏輯結(jié)構(gòu)設(shè)計(jì)出關(guān)系表 。 19 信息科學(xué) 與技術(shù)學(xué)院學(xué)士學(xué)位論文 4 系統(tǒng)實(shí)現(xiàn) 在系統(tǒng)概要設(shè)計(jì)的基礎(chǔ)上，對(duì)結(jié) 構(gòu)進(jìn)一步精化和細(xì)化，稱為系統(tǒng)的詳細(xì)設(shè)計(jì)。本系統(tǒng)分為前臺(tái)系統(tǒng)和后臺(tái)系統(tǒng)兩個(gè)部分。前臺(tái)系統(tǒng)為普通注冊(cè)用戶提供使用系統(tǒng)的頁(yè)面，而后臺(tái)系統(tǒng)則為管理用戶提供系統(tǒng)進(jìn)行管理和維護(hù)的頁(yè)面。 系統(tǒng)前臺(tái)模塊設(shè)計(jì) 用戶注冊(cè)與登錄界面 該模塊的主要功能：當(dāng)用戶進(jìn)入該網(wǎng)站并想觀看動(dòng)漫時(shí)，必須要求用戶是注冊(cè)會(huì)員，否則沒法觀看動(dòng)漫，這就可以區(qū)分注冊(cè)會(huì)員和非注冊(cè)會(huì)員。這在一定程度上也實(shí)現(xiàn)了權(quán)限劃分。 圖 41 會(huì)員注冊(cè)信息界面 用戶登錄界面主要有以下幾個(gè)主要頁(yè)面： ， ， 。其中 是會(huì)員的注冊(cè)界面， 是注冊(cè)信息的補(bǔ)充，主要就是規(guī)定了表單內(nèi)容 20 信息科學(xué) 與技術(shù)學(xué)院學(xué)士學(xué)位論文 的限制條件已經(jīng)會(huì)員登錄網(wǎng)站以后對(duì)會(huì)員信息的修改。 是登錄的主要界面， 是用戶的注銷頁(yè)面。 當(dāng)用戶進(jìn)入網(wǎng)站主頁(yè)時(shí)，系統(tǒng)首先檢查用戶的 cookies 中是否保留該網(wǎng)站的用戶信息，如果有 的話，用戶 就不需要 輸入用戶 名，而是系 統(tǒng)自動(dòng)調(diào)用(“userid”), (“userid”)方法分別讀取 cookies 中的用戶名 和密碼。 再用 SQL 語(yǔ)句查詢用戶表 Suser 中的基本信息。 如果 cookies 中沒有用戶信息，那么就需要注冊(cè)會(huì)員（ 如圖 41 所示 ）。用戶注冊(cè)信息是要求填寫用戶名，密碼，問題和答案等一系列信息，注冊(cè)時(shí)要求用戶填寫完整的表單，否則系統(tǒng)將調(diào)用 腳本語(yǔ)言 alert(39。用戶名不能為空 39。)等 警告用戶，對(duì)于 格式也要進(jìn)行檢測(cè)。用戶填寫好注冊(cè)表并按下“注冊(cè)”時(shí)，系統(tǒng)使用以下代碼將注冊(cè)信息保存到 Suser 表中 ，相關(guān)代碼如下： strSql = select * from s_user where username=39。amp。session(name)amp。39。 strSql,conn,3,2 rs3(UserPass)=GetSqlSafeStr((request(password))) rs3(U_qq)=GetSqlSafeStr((request(U_qq))) rs3(U_Email)=GetSqlSafeStr((request(U_Email))) rs3(U_tel)=GetSqlSafeStr((request(U_tel))) rs3(U_name)=GetSqlSafeStr((request(U_name))) rs3(U_sex)=GetSqlSafeStr((request(U_sex))) rs3(U_address)=GetSqlSafeStr((request(U_address))) 注冊(cè)成功并輸入用戶名和密碼后， 就進(jìn)入系統(tǒng)總界面， 如果用戶輸入的 用戶名或密碼 有錯(cuò)的話，系統(tǒng)就調(diào)用腳本語(yǔ)言的方法： alert(39。用戶名不存在或密碼錯(cuò)誤 ！ )來提示用戶信息出錯(cuò)。用戶進(jìn)入系統(tǒng)后，系統(tǒng)調(diào)用 SQL 語(yǔ)句查詢用戶表 Suser 中的基本信息并顯示在頁(yè)面上。 已注冊(cè)的會(huì)員如果想要修改自己的信息的話，在會(huì)員的登錄界面可查看會(huì)員資料，如有修改可以進(jìn)入會(huì)員資料界面，進(jìn)行相關(guān)資料的修改并提交就可以了。 21 信息科學(xué) 與技術(shù)學(xué)院學(xué)士學(xué)位論文 系統(tǒng)首頁(yè) 用戶 成功登錄系統(tǒng)后他將先看到系統(tǒng)的首頁(yè)，首頁(yè)采用的色調(diào)是當(dāng)下社會(huì)女性比較鐘愛的粉色系，讓愛美的女 性有一種賞析悅目的感覺。 如圖 42 所示。 首頁(yè)的左邊是會(huì)員登錄模塊，圖片顯示的是會(huì)員已經(jīng)登錄的狀態(tài)。圖片的上方時(shí)導(dǎo)航欄目，方便用戶更好的查看網(wǎng)站信息。網(wǎng)站中間最醒目的地方為網(wǎng)站的推薦產(chǎn)品和最新上架的商品。會(huì)員點(diǎn)擊這些商品的圖片就可以直接跳轉(zhuǎn)到商品的介紹頁(yè)面。網(wǎng)站的右邊是新聞模塊，本網(wǎng)站主要提供一些護(hù)膚小秘訣，可以大大提高用戶對(duì)本網(wǎng)站的興趣，進(jìn)而成為網(wǎng)站的忠實(shí)客戶。 圖 42 系統(tǒng)首頁(yè) 為了快速的使會(huì)員快速的找到自己所需要的商品，系統(tǒng)在首頁(yè)添加了按分類搜索，該頁(yè)面提供了按“孕婦護(hù)膚”、“天然護(hù)膚” 、“兒童護(hù) 膚” 、“美容護(hù)膚” 、“面部護(hù)理”等方面的分類來進(jìn)行搜索，當(dāng)用戶沒有輸入任何內(nèi)容就按搜索按鈕，則系統(tǒng)默認(rèn)為此分類的所有產(chǎn)品并顯示出來。 中實(shí)現(xiàn)查詢功能的相關(guān)代碼如下： set rs=() if request(key) then 22 信息科學(xué) 與技術(shù)學(xué)院學(xué)士學(xué)位論文 if request(c_name)0 then sql=select * from VIEW2 where P_c_id=amp。request(c_name)amp。 and P_name like 39。%amp。request(key)amp。%39。order by p_id desc else sql=select*from VIEW2 where P_name like 39。%amp。request(key)amp。%39。 order by p_id desc end if else if request(c_name)0 then sql=select*from VIEW2 where P_c_id=amp。request(c_name)amp。 order by p_id desc else sql=select* from VIEW2 order by p_id desc end if end if 如果所查詢類別中暫時(shí)沒有商品則特使“暫時(shí)沒有商品” 系統(tǒng)首頁(yè)包括了網(wǎng)站的主要內(nèi)容， 里面包括了導(dǎo)航的設(shè)計(jì)，每個(gè)元素對(duì)應(yīng)了不同的界面，當(dāng)單擊這些項(xiàng)目時(shí)就會(huì)跳轉(zhuǎn)到各自對(duì)應(yīng)的頁(yè)面：全部商品、最新上架 、精品推薦 、新聞資訊 、幫助 、搜索 。除此之外， 還規(guī)定了首頁(yè)展示的最新上架商品個(gè)數(shù)、新聞顯示個(gè)數(shù)、推薦商品個(gè)數(shù)。主要代碼如下 ： set rsnews=()sqlnews=select top 20 * from S_news where n_type=1 order by N_id desc sqlnews,Conn,3,2 代碼說明從 Snews 中提取 id 從 1 到 20 的新聞的主要內(nèi)容標(biāo)題顯示在主頁(yè)上。 sql=select top 8 * from S_product order by P_id desc sql=select top 8 * from S_product where P_type=amp。typeidamp。 order by P_id desc 23 信息科學(xué) 與技術(shù)學(xué)院學(xué)士學(xué)位論文 代碼說明從 S_product 表中提取前 8 個(gè)商品顯示在商品展示欄目中。 讀取新聞和幫助信息的主要代碼如下： typeid=1 then typename1=[新聞 ] sql=select * from S_news where N_type=amp。typeidamp。 order by N_id desc else typename1=[幫助 ] sql=select * from S_news where N_type=amp。typeidamp。 order by N_id desc 購(gòu)物車界面 用戶查看商品后點(diǎn)擊購(gòu)買系統(tǒng)會(huì)提示先注冊(cè)成為會(huì)員才可以購(gòu)買商品并直接返回主頁(yè)進(jìn)行注冊(cè)其代碼為 (script lanuage=javascriptalert(39。請(qǐng)登錄！39。)。location=39。39。用戶注冊(cè)成為會(huì)員以后可以自由的瀏覽商品的信息，在看到滿意的商品時(shí)就可以單擊購(gòu)買，此時(shí)商品就會(huì)自動(dòng)添加到購(gòu)物車內(nèi) 。用戶可以去自己的購(gòu)物車查看自己已經(jīng)確定要購(gòu)買的商品，還可以繼續(xù)返回主頁(yè)購(gòu)買。 用戶可以更改購(gòu)買商品數(shù)量，只要在商品數(shù)量欄中改變數(shù)量再點(diǎn)擊下面更改數(shù)量的按鈕，此時(shí)商品的總價(jià)格就會(huì)自動(dòng)改變，不需要的訂單也去掉了。 等購(gòu)買完成只要單擊提交就生成訂單了。 如 43 所示 。 圖 43 購(gòu)物車 購(gòu)物車是電子商城中一個(gè)非常重要的模塊，它就像超市中的推車，看到喜歡的商品就把商品裝進(jìn)去，不喜歡再拿出來，而且可以隨意修改拿進(jìn)去的數(shù)量，并且查看購(gòu)物車時(shí)會(huì)把所有購(gòu)物車中的商品的信息顯示出來，并會(huì)顯示出每個(gè)物品的單價(jià) 24 信息科學(xué) 與技術(shù)學(xué)院學(xué)士學(xué)位論文 以及所有總價(jià)。一個(gè) 用戶對(duì)應(yīng)一個(gè)購(gòu)物車，這個(gè)在用戶購(gòu)物的始終是一致的。當(dāng)點(diǎn)擊購(gòu)買后系統(tǒng)進(jìn)入的購(gòu)物車，當(dāng)點(diǎn)擊加入購(gòu)物車控鈕后系統(tǒng)將商品放入了購(gòu)物車。實(shí)現(xiàn)如 43所示。流程如 44所示。 圖 44 購(gòu)物車