【正文】 否與已注冊的用戶名有沖突，如果沖突，提示插入信息失敗，否則注冊成功。數(shù)據(jù)存儲過程及后臺很簡單，不做敘述。 網(wǎng)站留言 在本網(wǎng)站中，用戶登入網(wǎng)站后可以點擊頁頭導航欄中的網(wǎng)站留言，發(fā)表留言信息。網(wǎng)站留言頁面運行結(jié)果如圖39所示。圖39 網(wǎng)站留言頁面運行結(jié)果（1）前臺頁面設計該頁主要使用的控件及用途如表318所示。表318 網(wǎng)站留言頁使用控件控件類型控件名稱數(shù) 量用 途標準TextBox1輸入用戶信息標準RequiredFieldValidator1驗證用戶信息是否為空標準Button3驗證用戶信息是否格式正確標準FreeTextBox1執(zhí)行添加、重置下面對主要控件的屬性設置做簡單介紹：RequiredFieldValidator控件屬性設置ControlToValidate屬性設置為要驗證控件的ID，這里為TextBox的ID，ErrorMassage屬性設置為“主題不能為空?！盉utton控件屬性設置重置和返回按鈕的CausesValidation屬性設置為false，不觸發(fā)驗證控件。FreeTextBox控件屬性設置SupportFolder屬性設置為“aspent_client/FreeTextBox/”，ButtonSet屬性設置為“Office 2003”，Language屬性設置為“zh”。（2）后臺功能設計首先需要定義CommonClass和DBClass類對象，以便調(diào)用。在Page_Load事件中判斷用戶是否已經(jīng)登錄。若已經(jīng)登錄，可以進入網(wǎng)站留言頁面，否則彈出對話框提示登錄。當用戶寫完相關信息，點擊提交按鈕完成向數(shù)據(jù)庫提交數(shù)據(jù)的操作，其中FreeTextBox和TextBox的用法是一樣的，只是FreeTextBox并非是系統(tǒng)內(nèi)部自帶的控件，而屬于外部引用的控件。 我的留言頁面 對于應登錄的用戶，可以在導航欄中點擊“我的留言”項，進入我的留言頁面，即MyWord也對留言信息進行查看、回復、刪除管理。頁面運行結(jié)果如圖310所示。圖310 留言信息查看頁面（1）前臺頁面設計該頁主要使用的控件及用途如表319所示。表319 我的留言頁使用控件控件類型控件名稱數(shù) 量用 途標準Label2顯示頁數(shù)標準LinkButton4執(zhí)行翻頁跳轉(zhuǎn)功能（2）后臺功能設計首先需要定義CommonClass和DBClass類對象，以便調(diào)用。在Page_Load事件中判斷用戶是否已經(jīng)登錄。若已經(jīng)登錄，可以進入我的留言頁面，否則彈出對話框提示登錄。需要調(diào)用dlBind方法綁定Dtalist并顯示信息。Datalist翻頁功能與goodslist中顯示商品信息翻頁功能一致，在此不做重復敘述。該頁面具有刪除留言功能，主要通過Datalist控件中的LinkButton控件來實現(xiàn)的，將LinkButton按鈕的CommandName屬性設置為delete，然后在Datalist控件的DeleteCommand事件中編寫如下代碼完成刪除功能。 后臺主要功能模塊設計 后臺登錄模塊設計 網(wǎng)站前臺任何頁面底部都設置了進入后臺登錄頁的后臺入口。后臺登錄主要是用來進入網(wǎng)站后臺的用戶進行安全性的檢索，以防止非法用戶進入該系統(tǒng)內(nèi)高。同時與前臺登錄一樣，使用了偽隨機驗證碼技術，防止惡意登錄。后臺登錄頁面運行結(jié)果如圖311所示。圖311 后臺登錄頁面運行結(jié)果（1）前臺頁面設計該頁主要使用的控件及用途如表320所示。表320 我的留言頁使用控件控件類型控件名稱數(shù) 量用 途標準TextBox4用于輸入登錄信息標準Button2執(zhí)行登錄、取消功能標準Label1顯示驗證碼下面對主要控件的屬性設置做簡單介紹：TextBox控件屬性設置密碼TextBox的TextMode屬性設置為Pssword，以保護輸入密碼的安全性。（2）后臺功能代碼首先需要定義CommonClass和DBClass類對象，以便調(diào)用。在Page_Load事件中，調(diào)用CommonClass類的RandomNumfangfa，顯示偽隨機驗證碼。當用戶輸入完登錄信息，單擊登錄按鈕，在該按鈕的click事件下，首先判斷用戶是否輸入了合法的信息，如果輸入的信息合法，則進行網(wǎng)站后臺登錄，否則彈出對話框，提示用戶重新輸入。 商品管理模塊設計 商品管理模塊主要包括對商品的添加和管理（對商品進行檢索、修改和刪除操作），下面只對商品添加做以說明。因為商品管理就是添加一個模糊查詢，然后將模糊查詢的結(jié)果通過點擊跳轉(zhuǎn)的修改頁面，之后與商品添加類似。 在網(wǎng)站后臺管理模塊中，單擊菜單欄中的商品添加按鈕，將會在功能執(zhí)行區(qū)中打開如圖312所示的添加商品界面，在該界面中用戶可以根據(jù)實際需要添加商品信息。圖312 添加商品信息（1）前臺頁面設計該頁主要使用的控件及用途如表321所示。表321 商品添加頁使用控件控件類型控件名稱數(shù) 量用 途標準Button2執(zhí)行保存和重置商品功能標準DropDownList2綁定商品類別名、圖像名稱標準TextBox6輸入商品信息標準ImageMap1顯示商品圖片標準CheckBox3是否推薦、熱銷、打折下面對主要控件的屬性設置做簡單介紹：ImageMap控件屬性設置ImageUrl屬性不進行設置，在Page_Load事件中直接由程序獲取DropDownList所選項的圖品的相對地址進行初始化顯示。（2）后臺功能設計首先需要定義CommonClass和DBClass類對象，以便調(diào)用。在Page_Load事件中，調(diào)用ddlClassBind類的ddlUrlBind，用于綁定商品類別名和商品提供選擇的圖片。當用戶輸入完商品的相關信息后，單擊保存按鈕可以將商品信息插入商品信息表中。 訂單管理模塊設計 訂單管理模塊主要包括訂單的管理（訂單的檢索、修改和刪除），就是說客戶提交訂單之后的所有交易送貨行為的信息都要通過這里進行信息的修改存儲，是網(wǎng)站后臺功能的核心。 在網(wǎng)站后臺管理模塊中，單擊菜單欄中的訂單管理下的任何一個按鈕，都會在功能執(zhí)行區(qū)域內(nèi)打開訂單的搜索管理，和與按鈕內(nèi)容相匹配的訂單信息的GridView列表。如圖313所示。圖313 訂單信息管理頁面 當用戶點擊訂單信息后面的管理按鈕，將會在功能執(zhí)行區(qū)域中打開如圖314所示的訂單詳細信息界面，管理員可以在該界面中查詢訂單的詳細信息，并且可以根據(jù)目前的交易進度來修改訂單的狀態(tài)。圖314 訂單詳細信息界面（1）前臺頁面設計該頁主要使用的控件及用途如表32323所示。表322 訂單管理頁使用控件控件類型控件名稱數(shù) 量用 途標準Button1執(zhí)行訂單關鍵項搜索標準Label1顯示訂單狀態(tài)標準TextBox2輸入關鍵字、訂單號標準GridView1顯示訂單信息表323 訂單詳細信息頁使用控件控件類型控件名稱數(shù) 量用 途標準Button1執(zhí)行修改功能標準CheckBox3顯示是否確認、發(fā)貨、歸檔數(shù)據(jù)Repeater1顯示訂單中商品信息（2）后臺功能設計首先需要定義CommonClass、OrderClass和DBClass類對象，以便調(diào)用。在Page_Load事件中，調(diào)用自定義方法pageBind分類顯示訂單信息，綁定至GridView控件進行顯示。當用戶輸入關鍵信息后，點擊搜索按鈕，將會觸發(fā)該按鈕的Click事件，該事件下調(diào)用自定義方法gvSearchBind綁定查詢信息后的訂單信息（首先獲取查詢條件，容納后調(diào)用OrderClass類的ExactOrderSearch方法，查詢符合條件的商品信息，并綁定到GridView控件上）。GridView的分頁方式要比Datalist容易實現(xiàn)，在此不敘述了。而GridView控件中，當用戶點擊某個訂單的刪除按鈕時，首先要判斷訂單是否被確認或歸檔，如果沒有被確認（說明訂單沒有被管理員肯定有效），或已經(jīng)歸檔（說明該次交易流程已經(jīng)結(jié)束），則將該訂單從數(shù)據(jù)庫中刪除。當用戶單擊GridView的管理按鈕時，會跳轉(zhuǎn)至訂單詳細頁面，即OrderModify，管理員可以查看并修改訂單相關信息。這里沒有被確認的訂單只能被確認，確認過的而沒有發(fā)貨的訂單，只能修改成已發(fā)貨，已經(jīng)發(fā)貨而沒有歸檔的訂單只能被修改為已歸檔，即管理員也只能按照交易的流程逐步修改訂單的狀態(tài)，以防出錯。4圖片制作 這部分不是什么重點內(nèi)容，之所以單獨拿出來寫是因為制作與網(wǎng)站相關圖片的工作是比較獨立的，卻又是架構(gòu)一個網(wǎng)站所不能缺少的。在Adobe Photoshop CS2主要是進行繪制圖片及對圖片進行效果處理的工作。本次制作主要進行了圖形標志的繪制，圖片效果的優(yōu)化處理和修飾，常用到色彩漸變，高亮，浮雕等修飾手法，并進行了大規(guī)模的文字修飾。對于本網(wǎng)站建設總體來說工作量并不大。具體的制作流程如下：1. 2. 點擊文件菜單中的新建選項，新建一個圖層。在屬性中可以設置圖片的相關參數(shù)，如圖片的大小，分辨率，底色，以配合網(wǎng)頁的顯示。3. 先設定好圖層的底色，并通過漸變等模式修改圖片的底色風格，并通過圖層屬性來進一步改變圖層整體的風格。4. 新建一個圖層，再從網(wǎng)絡資源中需找合適的修飾圖片加入至此圖層中，并作進一步的融合修飾。5. 繼續(xù)新建圖層，加入需要的文字信息，并通過圖層屬性設置文字風格。6. 最后合并圖層，完成圖片制作。以下是部分圖片范例，參見圖41至44所示。圖41 網(wǎng)站圖片范例1圖42 網(wǎng)站圖片范例2圖43 網(wǎng)站圖片范例3圖44 網(wǎng)站圖片范例45總結(jié)本次設計，B2C電子商城——新人圖書交易網(wǎng)（隨心購物在線），完成了互聯(lián)網(wǎng)上購買商品的基本功能，例如網(wǎng)站前臺提供用戶會員的注冊、登錄、和修改個人信息，展示推薦商品類別及最新商品，全面展示了網(wǎng)站所有的圖書商品，各類商品的搜索及查看詳情，以及購物車功能；網(wǎng)站后臺提供給管理員對會員、商品、倉庫、訂單及管理員信息的查詢及修改的功能等。論文圍繞著這些主要功能精練，詳細的闡述。首先提出了系統(tǒng)分析，針對本次設計的極大模塊進行了列舉。其次對數(shù)據(jù)庫的結(jié)構(gòu)和基本內(nèi)容給出了簡單的描述。并給出了功能結(jié)構(gòu)圖，清晰的體現(xiàn)了本設計各個功能模塊之間的聯(lián)系和功能關系。最后對每部分功能的難點的實現(xiàn)，配合代碼，進行了逐步細致的講解。特別對每部分功能的結(jié)構(gòu)劃分清晰的排列出，并制作了相應的流程圖，能更清楚的了解各個功能的結(jié)構(gòu)。本次設計的系統(tǒng)其實還有許多不足之處，比如最新圖書商品的排版沒有做到美化，對齊格式尚有些問題，數(shù)據(jù)庫表的構(gòu)建比較繁瑣，其實當初可以合并掉一個，用戶注冊沒有找回密碼功能等。雖然本次設計已經(jīng)結(jié)束，但這些問題依然是具有去認識、去探討、去解決的價值的。通過本次設計學習和論文的寫作，使我感到自身知識的不牢固、不深刻，使我認識到只有不斷學習、進步才能適應時代的發(fā)展。但這次設計讓我對網(wǎng)頁設計的基本結(jié)構(gòu)有了更深入的了解，從概括到詳細的描述，對總體的分析設計有了更清晰的思路。通過論文的編寫，把設計的思想和內(nèi)容完整清晰的進行了描述，更深刻的體會了設計的中心思想。6致謝 感謝導師對我的指導與幫助，自設計開始以來，他便一絲不茍解決著我各方面的疑難問題，并時刻在設計的過程中指導著我，使我的課題慢慢“柳暗花明”，為我設計的方向指明了道路。感謝同學為我提供的技術上的幫助以及物質(zhì)和精神上的支持，是你們使我有了點燈熬夜苦讀的動力，是你們讓我燃起了做好這項設計的激情。最后感謝所有幫助、支持、鼓勵過我的人，感謝大家！7參考文獻[1] 張金霞，HTML網(wǎng)頁設計參考手冊，第1版，清華大學出版社，2006[2] 張躍廷， ，第1版，人民郵電出版社，2008[3] 顧彥玲， 從入門到精通，第1版，清華大學出版社，2008[4] 王珊，數(shù)據(jù)庫系統(tǒng)概論，第4版，高等教育出版社，