1、簡單的動態網站設計本章要點 本章導讀 本章任務 上機實訓6.1 IIS的安裝與配置 安裝IIS IIS的配置6.2 表單的概述 插入表單 表單屬性 6.3 添加表單對象 創建文本字段 創建文本區域 創建復選框 創建單選按鈕 創建列表/菜單 創建按鈕 創建文件域6.4 數據庫的連接 創建數據庫 創建數據源 設置測試服務器 創建數據庫連接 6.5 數據庫的查詢創建記錄集 顯示數據庫記錄 插入數據庫記錄查詢數據庫記錄 本章介紹建立動態網站的方法。主要包括IIS的安裝和配置；創建Access數據庫；建立動態數據源和建立數據庫連接；創建表單和常用表單對象；創建記錄集；顯示、插入和查詢數據庫記錄的方法。1

2、. 能安裝和配置IIS；2. 能插入表單及常用表單對象；3. 能建立數據庫及數據表；4. 會創建數據源和建立數據庫連接；5. 學會創建記錄集；6. 能顯示、插入和查詢數據庫記錄。6.1 IIS的安裝與配置 (1) 選擇“開始設置控制面板添加或刪除程序”命令 。 (2) 彈出 “添加或刪除程序”對話框，單擊左側“添加/刪除Windows組件”按鈕，打開“Windows組件向導”對話框，選中“Internet信息服務”復選框，單擊“下一步”按鈕。 (3) 彈出 “所需文件”對話框，單擊“瀏覽”按鈕，打開 “查找文件”對話框，選擇IIS安裝文件目錄，單擊“打開”按鈕。 (4) 系統開始復制文件， I

3、IS組件安裝完畢后單擊“完成”按鈕。 1安裝IISWindows組件向導2IIS配置 (1) 選擇“開始設置控制面板管理工具Internet信息服務”命令，彈出“Internet信息服務”窗口，單擊對象左側的折疊按鈕，展開對象 。 (2) 右單擊“默認網站”，在彈出的菜單中選擇“屬性”命令， 彈出“默認網站屬性”對話框，選擇“主目錄”選項卡，單擊“本地路徑”右側“瀏覽”按鈕選擇站點文件夾，選擇“寫入”復選框， “Internet”信息服務對話框 “主目錄”對話框6.1 IIS的安裝與配置 (3) 選擇“文檔”選項卡，設置網站默認文檔的名稱。單擊“添加”按鈕可添加默認文檔，在“默認文檔”列表中單

4、擊“ ”按鈕，可調整當前選定文檔的順序，設置完畢后單擊“確定”按鈕。“文檔”對話框6.1 IIS的安裝與配置 要插入表單，首先將光標先定位到要插入表單位置，然后使用以下操作之一： 選擇菜單“插入記錄表單表單”命令。 單擊插入欄“表單”類別中的“表單”按鈕 “表單屬性”面板 1插入表單6.2 表單的概述2表單屬性插入表單后，在窗口下方出現“表單”屬性面板，如圖所示。 (1) 光標定位于表單域中要插入文本字段位置，選擇菜單“插入記錄表單文本域”命令，或單擊插入欄“表單”類別中的“文本字段”按鈕。 (2) 彈出“輸入標簽輔助功能屬性”對話框，如圖所示，完成相應設置，單擊“確定”按鈕。“輸入標簽輔助功

5、能屬性”對話框 1創建文本字段6.3 添加表單對象 (3) 選中插入的文本字段，出現“文本字段”屬性面板，如圖所示，完成設置。“文本字段”屬性面板 6.3 添加表單對象 字符寬度：指定文本字段的邊框寬度，單位是字符。 最多字符數：指定在文本字段中可以輸入的最大字符數。 類型：指定文本字段的類型，有單行、多行和密碼三種。選擇“多行”單選按鈕，文本字段出現滾動按鈕，選擇“密碼”單選按鈕，在瀏覽窗口中以“”號顯示輸入內容。 類：指定用于該文本字段的CSS樣式。 初始值：指定文本字段默認狀態下顯示的文本。 (1) 光標定位于表單域中要插入文本區域位置，選擇菜單“插入記錄表單文本區域”命令，或單擊插入欄

6、“表單”類別中的“文本區域”按鈕。 (2) 選中插入的文本區域，出現文本區域屬性面板，如圖所示，完成設置。2創建文本區域6.3 添加表單對象“文本區域”屬性面板 (1) 將光標定位到表單域中要插入復選框的位置，選擇菜單“插入記錄表單復選框”命令，或單擊插入欄“表單”類別中的“復選框”按鈕。 (2) 窗口中出現復選框，右移光標，輸入復選框的標簽文本，同樣方法創建其他復選框，選中復選框，出現復選框屬性面板，如圖6-19所示，完成設置。“復選框”屬性面板 6.3 添加表單對象3創建復選框 4創建單選按鈕 “單選按鈕”屬性面板 6.3 添加表單對象 (1) 將光標定位到表單域中要插入單選按鈕的位置，選

7、擇菜單“插入記錄表單單選按鈕”命令，或單擊插入欄“表單”類別中的“單選按鈕”按鈕。 (2) 窗口中出現單選按鈕，右移光標，輸入單選按鈕的標簽文本，同樣方法創建其他單選按鈕。 (3) 選中單選按鈕，顯示單選按鈕屬性面板，如圖所示，完成設置。 列表和菜單的創建方法基本相同，具體操作是： (1) 光標定位于表單中要插入列表/菜單位置，選擇菜單“插入記錄表單列表/菜單”命令，或單擊插入欄“表單”類別中的“列表/菜單”按鈕。 (2) 選中列表框，顯示列表/菜單屬性面板，如圖所示，完成設置。“列表/菜單”屬性面板 6.3 添加表單對象 5創建列表/菜單 6創建按鈕 (1) 光標定位于表單中要插入按鈕位置，

8、選擇菜單“插入記錄表單按鈕”命令，或單擊插入欄“表單”類別中的“按鈕”按鈕。 (2) 選中按鈕，顯示按鈕屬性面板，如圖所示，完成設置。 “按鈕”屬性面板 6.3 添加表單對象 動作：指定單擊按鈕后執行的動作。有以下三個選項： 提交表單：單擊此按鈕，可將表單數據發送到服務器。 重設表單：單擊此按鈕，可將表單內容恢復到初始狀態。 無：單擊此按鈕，可執行一個腳本程序。 (1) 將光標定位到表單域中要插入按鈕的位置，選擇菜單“插入記錄表單文件域”命令，或單擊插入欄“表單”類別中的“文件域”按鈕，窗口中出現文件域。 (2) 選中文本域，顯示文件域屬性面板，如圖所示，完成設置。 7創建文件域“文件域”屬性

9、面板 6.3 添加表單對象6.4 數據庫的連接1創建數據庫 (1) 選擇“開始程序Microsoft OfficeMicrosoft Office Access 2003”命令，啟動Access程序。 (2) 選擇“文件新建”命令，單擊“空數據庫” 。 (3) 彈出“文件新建數據庫”對話框，選擇文件保存位置，輸入文件名，單擊“創建”按鈕。 (4) 打開數據庫窗口，選擇“表”對象，雙擊“使用設計器創建表”，打開表設計器窗口，在“字段名稱”框中輸入字段名，“數據類型”框中選擇字段數據類型，同樣方法輸入其他數據，單擊“關閉”按鈕，保存數據表。 （5）雙擊打開剛創建的數據表，在數據表視圖中輸入表中的數

10、據，單擊“保存”按鈕。 (1) 選擇“開始設置控制面板管理工具數據源（ODBC）”命令。 (2) 彈出“ODBC數據管理器”對話框，選擇“系統DSN”選項卡，單擊“添加”按鈕，彈出“創建新數據源”對話框，在列表中選擇“Microsoft Access Driver (*.mdb)”,單擊“完成”按鈕。 (3) 彈出“ODBC Microsoft Access 安裝”對話框，在“數據源名”文本框中輸入一個名稱，單擊“選擇”按鈕，打開 “選擇數據庫”對話框，選擇前面創建的Access數據庫文件，單擊“確定”按鈕。 (4) 回到“ODBC數據管理器”對話框，單擊“確定”按鈕。 2創建數據源“ODBC

11、 Microsoft Access 安裝”對話框6.4 數據庫的連接創建新數據源 (1) 選擇菜單“站點管理站點”命令，彈出 “管理站點”對話框，選擇站點，單擊“編輯”按鈕。 (2) 彈出“站點定義”對話框，選擇“高級”選項卡，在“分類”列表中選擇“測試服務器”，完成設置，如圖所示，單擊“確定”按鈕。 (3) 回到“管理站點”對話框，單擊“完成”按鈕。6.4 數據庫的連接3設置測試服務器測試服務器4創建數據庫連接 (1) 選擇菜單“窗口數據庫”命令，打開“數據庫”面板。 (2) 在數據庫面板上單擊添加按鈕，在彈出的菜單中選擇“數據源名稱”命令。 (3) 彈出“數據源名稱”對話框，完成設置。 (

12、4) 單擊“測試”按鈕，如果成功則出現“連接成功”對話框，如果連接失敗，請對該數據源進行檢查。單擊“確定”按鈕。 (5) 回到“數據源名稱”對話框，單擊“確定”按鈕。“數據源名稱”對話框 6.4 數據庫的連接“數據庫”面板 1創建記錄集 (1) 選擇菜單“窗口綁定”命令，或單擊“應用程序”面板中“綁定”選項卡，打開“綁定”面板。 (2) 在“綁定”面板上單擊添加按鈕，在彈出菜單中選擇“記錄集（查詢）”命令。 (3) 彈出“記錄集”對話框，如圖所示，完成設置。 (4) 單擊“測試”按鈕進行查詢，單擊“確定”按鈕將記錄集添加到“綁定”面板的可用源中。 6.5 數據庫的查詢 綁定面板 “記錄集”對話

13、框 創建記錄集后，記錄集就會出現在“綁定”面板的可用內容源中，只需將記錄集中的字段拖到頁面上，就可以在頁面上顯示數據庫記錄。顯示數據庫記錄有顯示一條記錄和顯示多條記錄兩種情況。 (1) 顯示一條記錄 如果數據庫記錄中的字段很多，可以在頁面中只顯示一條記錄，并將字段按垂直方向排列，方法是： 在頁面中插入多行兩列表格，在表格的第一列中輸入文本表示字段名。 單擊記錄集左側的“”按鈕，展開記錄集，拖動字段到表格第二列相應的單元格中。2顯示數據庫記錄 6.5 數據庫的查詢 (2) 顯示多條記錄 使用“重復區域”行為可以在頁面中顯示多條記錄，方法是： 在頁面中插入兩行多列表格，在表格的第一行中輸入文本表示

14、字段名。 單擊記錄集左側的“ ”按鈕，展開記錄集，依次拖動字段到表格第二行相應的單元格中。 選擇表格第二行，在“服務器行為”面板中單擊添加按鈕，在彈出菜單中選擇“重復區域”命令。服務器行為 6.5 數據庫的查詢 (1)選擇“插入記錄表單表單”命令，在頁面中插入一個表單。 (2) 在表單中插入一個2列多行的表格，用于對齊表單對象。表格的行數應比數據庫表的字段數多出兩個，分別用于輸入表單標題和放置按鈕。 (3) 將表格第一行兩個單元格合并，輸入標題文本。在第一列輸入文本，表示字段名，在第二列插入相應表單對象，用于輸入數據。將表格最后一行兩個單元格合并，選擇“插入記錄表單按鈕”命令，在屬性面板“值”

15、框中輸入“插入記錄”，在“動作”選項中選擇“提交表單”。再插入一個按鈕，屬性面板“值”框中輸入“重新填寫”，在“動作”選項中選擇“重設表單”。2插入數據庫記錄 6.5 數據庫的查詢 (4) 在“服務器行為”面板中單擊“添加”按鈕，在彈出的菜單中選擇“插入記錄”命令。 (5) 彈出“插入記錄”對話框，完成設置，單擊“確定”按鈕。 “插入記錄”對話框6.5 數據庫的查詢4查詢數據庫記錄 (1) 創建搜索頁面 創建搜索頁面時，需在頁面中插入一個表單，表單中放置一些表單對象，用于用戶輸入搜索內容。另外，表單中應有一個“提交”按鈕，用于將搜索內容傳送到服務器。 例如，建立搜索頁面sousuo.html，

16、要求輸入姓名能夠在結果頁面jieguo.asp中顯示該生的詳細信息，方法如下： 新建一個頁面，保存為sousuo.html。選擇“插入記錄表單表單”命令，在頁面中插入一個表單。選中表單，在屬性面板的“動作”文本框中輸入結果頁面的文件名“jieguo.asp”，“方法”列表中選擇“POST”，如圖所示。“表單”屬性面板 6.5 數據庫的查詢 在表單中輸入“請輸入要查找學生的姓名：”，插入一個文本字段，在屬性面板的“文本域”文本框中輸入名稱“sousuoxm”，“字符寬度”框輸入值：8，“類型”選擇“單行”，如圖所示。6.5 數據庫的查詢“文本域”屬性面板 插入一個按鈕，在“值”框中輸入“查詢”，“動作”選項選擇“提交表單”。 “按鈕”屬性面板 (2) 創建結果頁面 新建一個asp動態網頁，保存為jieguo.asp。插入表格，輸入文本。 6.5 數據庫的查詢表格 在“綁定”面板上單擊 “添加”按鈕，在彈出的菜單中選擇“記錄集（查詢）”命令，彈出“記錄集”對話框，在“名稱”框中輸入記錄名稱“rschaxun”，在“連接”列表中選擇一個數據庫連接，“表格”列表選擇從中搜索數據的數據庫表“student”，“列”中選