【正文】 Studio .NET 都會自動為一個 Web 窗體創(chuàng)建兩個獨(dú)立的文件：用于保存 HTML設(shè)計的 .aspx 文件，以及用于保存代碼的后置代碼文 件。由于 允許開發(fā)人員用自己選擇的編程語言來編寫代碼，因此后置代碼文件的擴(kuò)展名取決于其使用的語言（諸如 . 或 .）。 使用面向?qū)ο缶幊陶Z言 C 允許使用不同的開發(fā)語言，甚至允許你在一個項目中使用不同的語言編寫不同的元素，但在本電子商務(wù)網(wǎng)站設(shè)計中并不使用該功能。我將使用微軟最新的程序設(shè)計語言 C進(jìn)行開發(fā)設(shè)計。 使用 SQL Server 2021 數(shù)據(jù)庫 本網(wǎng)站設(shè)計將使用 新一代的關(guān)系數(shù)據(jù)庫管理（ RDBMS）領(lǐng)域的“選手” —— SQL Server 2021 來存儲與網(wǎng)站相關(guān)的所有信息，它將通過應(yīng)用系統(tǒng)的業(yè)務(wù)邏輯動態(tài)地放置到 Web 頁面上。簡單地說，所有與商品、門類、用戶、購物車相關(guān)的數(shù)據(jù)，都將由SQL Server 來存儲和管理。 在和 SQL Server 通信的過程中，將通過一種名為 TSQL 的語言，它是 SQL Server提供的 SQL 方言。 SQL（即結(jié)構(gòu)化查詢語言）是一種用來和數(shù)據(jù)庫交互的語言。 圖 42 展示了三層架構(gòu)中各層將使用的開發(fā)技術(shù)。 SQL Sever 包含了應(yīng)用系統(tǒng)的數(shù)據(jù)（存儲過程包含了訪問和維護(hù)數(shù)據(jù)的程序邏輯），并且負(fù)責(zé)實際的數(shù)據(jù)存儲。 12 圖 42 三層架構(gòu)開發(fā)示意圖 實現(xiàn)網(wǎng)站的骨架 由于本論文重點(diǎn)放在網(wǎng)站建設(shè)技術(shù)的研究上，因此我采用了一個簡單的 Web 設(shè)計，這樣可以是論文的焦點(diǎn)集聚于網(wǎng)站的技術(shù)細(xì)節(jié)。 BalloonShop 網(wǎng)站中的所有頁面（包括首頁）均具有如圖 43 所示的結(jié)構(gòu)。在后面的內(nèi)容中，我將會在這個設(shè)計上添加更多組件（諸如登錄框、購物車匯總框等），但現(xiàn)在只是一些文字片段。 表示層 Web 窗體 Web 用戶控件 母版頁 業(yè)務(wù) 層 C 類 SQL Server 數(shù)據(jù)層 SQL Server 存儲過程 數(shù)據(jù) SQL Server 數(shù)據(jù)存 儲 13 圖 43 BalloonShop 網(wǎng)站模塊 商品目錄的詳細(xì)結(jié)構(gòu)將在后面的文 章中完成，但現(xiàn)在我們已經(jīng)知道，網(wǎng)站中的每個頁面上將顯示出來主要的門類列表。還應(yīng)在訪問者瀏覽器中看到每個頁面上都顯示一個網(wǎng)站的標(biāo)題。 在后面的內(nèi)容中，我將創(chuàng)建以下內(nèi)容來實現(xiàn)這個結(jié)構(gòu)： ? 包含所有 Web 網(wǎng)站頁面的通用結(jié)構(gòu)的母版頁； ? 一些使用母版頁的 Web 窗體，用來實現(xiàn) Web 網(wǎng)站的各種位置，諸如主頁、門類頁面、搜索結(jié)構(gòu)頁面等； 一些實現(xiàn)功能片段重用的 Web 用戶控件（諸如門類列表框、分類列表框、搜索框、標(biāo)題欄等）。 創(chuàng)建 Visual Studio 2021 項目并實現(xiàn)母版頁的設(shè)計 創(chuàng)建 BalloonShop 項目 （ 1）啟動 Visual Studio 2021，選擇 文件 — 新建 — 網(wǎng)站。在打開的對話框中，從模板面板中選擇 Web 網(wǎng)站，并在語言欄中懸著 Visual C。在位置組合框中，選擇文件系統(tǒng)，并在磁盤上選擇一個物理位置，如 E:\BalloonShop。在這種情況下，該 Web 應(yīng)用系統(tǒng)將會使用 Visual Studio 2021 中集成的 Web 服務(wù)器來執(zhí)行。如圖所示。 （ 2）點(diǎn)擊確定。 Visual Studio 將在你指定的 BalloonShop 文件夾中創(chuàng)建這個新項目。在這個新項目中包 含一個默認(rèn)創(chuàng)建的名為 的窗體，如圖 45。 （ 3）在調(diào)試模式中，按 F5 執(zhí)行該項目。在此時， Visual Studio 將會提示（如圖 所示 ）在 （實際上此時 文件還不存在）。點(diǎn)擊 ok 按鈕，以允許 Visual Studio 啟用調(diào)試模式。 14 （ 4）當(dāng)該項目執(zhí)行時，將打開一個新的 IE 空白頁。關(guān)閉這個窗體使項目從執(zhí)行態(tài)中止。 到這里，已經(jīng)完成了創(chuàng)建電子商務(wù)商店的第一步。 5 電子商務(wù)網(wǎng)站的創(chuàng)建 設(shè)計 路線圖 本章將用 Web 用戶控 件把門類列表展現(xiàn)在界面中，同時還將分析這些控件的工作原理。在上一章節(jié)中，我們描述了將要在 Web 應(yīng)用程序中使用的三層架構(gòu)。作為網(wǎng)站的一部分，商品目錄也不例外，該組件（包括門類列表）將分成三個邏輯層。如圖所示，本章將完成門類列表功能組件的每一層實現(xiàn)。 圖 51 三層架構(gòu)設(shè)計路線圖 我們將從數(shù)據(jù)庫開始一直到表示層，完成門類列表的開發(fā)： （ 1）在數(shù)據(jù)庫中創(chuàng)建 Department 表。用于存放于商品門類相關(guān)的數(shù)據(jù)。 （ 2）在庫中添加 GetDepartments 存儲過程，它是應(yīng)用程序中數(shù)據(jù)層的程 序邏輯。 （ 3）在業(yè)務(wù)層創(chuàng)建門類列表組件。 （ 4）最后，開發(fā) Web 用戶控件 ，為訪問者動態(tài)顯示門類列表。 15 創(chuàng)建數(shù)據(jù)表 上一章節(jié)的操作中已經(jīng)創(chuàng)建了 BalloonShop 數(shù)據(jù)庫。在接下來的操作中，我們將在該數(shù)據(jù)庫中添加一些與商品信息相關(guān)的表。 創(chuàng)建門類（ Department）數(shù)據(jù)表 （ 1）在 Visual Studio 中，用數(shù)據(jù)庫資源管理器窗口打開 之前 創(chuàng)建的BalloonShop 數(shù)據(jù)連接。 （ 2）展開 BalloonShop 數(shù)據(jù)庫連接節(jié)點(diǎn)，右擊表節(jié)點(diǎn)，然后選 擇添加新表。 （ 3）顯示一個可以給新表添加列的窗體。使用這個窗體，添加三列，其屬性如表 51 所示。 表 51 Department 數(shù)據(jù)表 設(shè)計 字段名稱 數(shù)據(jù)類型 其他屬性 DepartmentID Int 主鍵，標(biāo)識列 Name Varchar(50) 不允許為 NULL 值 Description Varchar(1000) 可為 NULL 值 （ 4）現(xiàn)在一切就緒，可以保存新創(chuàng)建的表。當(dāng)詢問時，輸入 Department 作為表名。 （ 5）在數(shù)據(jù)庫中完成表的創(chuàng)建操作之后，就可以打開它以便添加一些數(shù)據(jù)了。 創(chuàng)建商品分類（ Category）數(shù)據(jù)表 創(chuàng)建 Category 表的方法和前面創(chuàng)建 Department 表的方法基本是一樣的。其表設(shè)計如下： 表 52 Category 數(shù)據(jù)表設(shè)計 字段名 數(shù)據(jù)類型 其他屬性 CategoryID Int 主鍵，標(biāo)識列 DepartmentID Int 不允許為空 Name Varchar(50) 不允許為空 Description Varchar(1000) 允許為空 創(chuàng)建 Category 表后，就可以給它添加一些數(shù)據(jù)。 創(chuàng)建商品（ Product）數(shù)據(jù) 表 現(xiàn)在，已經(jīng)在數(shù)據(jù)庫中添加了分類和門類表，下一步就是添加商品表。這次和添加分類表不一樣，因為在 Product 和 Category 之間，必須實現(xiàn)多對多關(guān)系。 16 （ 1） 使用前面介紹的步驟，創(chuàng)建一個新的 Product 表，其字段如 下 表所示。 表 53 Product 數(shù)據(jù)表設(shè)計 字段名 數(shù)據(jù)類型 其他屬性 ProductID Int 主鍵，標(biāo)識列 Name Varchar(50) 不允許為 Null Description Varchar(1000) 不允許為 Null Price Money 不允許為 Null Image1FileName Varchar(50) 默認(rèn) Image2FileName Varchar(50) 默認(rèn) OnCatalogPromotion Bit 不允許為 Null OnDepartmotion Bit 不允許為 Null （ 2）為了在 Product 和 Category 之間實現(xiàn)多對多的關(guān)系，需要創(chuàng)建一個包含兩個字段的表。這兩個字段分別為 ProductID 和 CategoryID，保存為 ProductCateg