Web程序設計（第2版） 電子教案 16-0423控件屬性-調(diào)查問卷網(wǎng)頁程序

教案課程名稱：動態(tài)網(wǎng)頁制作（Web程序設計）0課題：任務二設計調(diào)查問卷網(wǎng)頁程序0課時：2課時0主講教師：某某某教師0學校：某某某學校0日期：2020年04月23日00

教案教學對象某學校某專業(yè)授課日期2020年04月23日使用教材Web程序設計（第二版）出版單位電子工業(yè)出版社課題控件屬性任務二設計調(diào)查問卷網(wǎng)頁程序計劃學時2學時教學目標知識目標：服務器控件功能作用。技能目標：完成設計調(diào)查問卷網(wǎng)頁程序任務，掌握配套技能。使用CheckBox控件服務器控件CheckBoxList控件屬性和事件制作頁面，掌握相應語句和運用的技能。態(tài)度目標：端正態(tài)度，配合伙伴完成任務。德育目標：養(yǎng)成良好的團隊協(xié)作精神，學會彼此配合協(xié)作完成項目任務，成果分享。教學重點難點重點：完成設計調(diào)查問卷網(wǎng)頁程序任務，掌握配套技能。難點：完成設計調(diào)查問卷網(wǎng)頁程序任務，熟練掌握配套技能。教學設計說明1、教學內(nèi)容以崗位工作任務出現(xiàn)，為學生將來快速融入崗位工作打基礎。2、教學重點是培養(yǎng)學生熟練的操作技能。3、通過訓練與強調(diào)，突破關鍵點。4、訓練結束后，接軌企業(yè)實際，施工任務單技術歸檔的填寫，是崗位標準化技能訓練的一部分。教學活動流程教學步驟與內(nèi)容教學組織形式教學方法達成目標1、新課導入復習：循環(huán)語句。導入新課：任務二設計調(diào)查問卷網(wǎng)頁程序以提問的方式展開與學生的互動，引出本課堂教學內(nèi)容。項目串聯(lián)教學法通過復習，回憶表單與循環(huán)語句。2、講解示范任務二設計調(diào)查問卷

任務描述囯慶假日即將來臨，公司為了營造公司文化，加強團隊建設，公司行政部門考慮在國慶假日中舉行一次公司活動。但是準備什么活動好呢？行政部門想到是否可以讓IT部門幫助在網(wǎng)站做一個調(diào)查問卷。讓全公司的員工來設計一個公司的活動。行政部門經(jīng)理將想法和IT經(jīng)理談了之后。IT經(jīng)理非常支持，將任務分派給技術最好的小明工程師，要求他能全力配合行政部門完成這個調(diào)查問卷的任務。任務分析小明工程師從IT經(jīng)理知道了任務的情況，他決定設計這個調(diào)查頁面。他先從行政部門將調(diào)查問卷的問題需求了解到。1教師做中教2學生做中學3運用多媒體教學手段4輔助教學運用VMware虛擬機技術與真實環(huán)境相結合項目串聯(lián)教學法控件與控件屬性按照要求設計出網(wǎng)頁與程序3、操作訓練安排學生按照施工任務訓練，掌握相關技能。通過任務二設計調(diào)查問卷，完成設計調(diào)查問卷程序的工作任務，來學習相關控件屬性和事件運用的技能方法。填寫施工技術文檔，培養(yǎng)企業(yè)崗位真實工作場景。1教師做中教2學生做中學3運用多媒體教學手段4輔助教學運用VMware虛擬機技術與真實環(huán)境相結合項目串聯(lián)教學法通過任務訓練使學生掌握控件與屬性，掌握運用控件的技能方法4、課堂小結\教師點評對項目任務完成過程中情況回顧，強調(diào)本次課程重點，問題關鍵點強調(diào)。利用多媒體等手段，強調(diào)知識與技能要點進行總結，并布置課后的作業(yè)內(nèi)容。全體

講授對項目任務完成過程中情況回顧，強調(diào)本次課程重點，問題關鍵點強調(diào)。課外作業(yè)編寫一個頁面程序。其功能是將一個零件添加入庫。頁面上具有如下信息：零件的編號、品名、規(guī)格、零件說明、產(chǎn)地、制造廠商、零件圖片、采購日期、入庫日期、經(jīng)辦人等信息。要求輸入完成后，在同一頁面的下方就顯示零件的信息。教學回顧通過本次課，能熟悉相關概念，培養(yǎng)學生動手操作能力以及完成任務過程中遇到問題、思考問題和解決問題的能力；培養(yǎng)學生正確認識本門課程學習的意義及遵守行業(yè)規(guī)范的職業(yè)道德規(guī)范和綜合職業(yè)素養(yǎng)。

在本任務使用許多列表控件，下面一一做介紹。（1）CheckBox控件的屬性和事件CheckBox控件在Web窗體頁上創(chuàng)建復選框，該復選框允許用戶在true或false狀態(tài)之間切換。通過設置Text屬性，可以指定要在該控件中顯示的標題。標題可顯示在復選框的右側或左側。設置TextAlign屬性可以指定標題顯示在哪一側。 Checked：該值表示復選框是否被選中，返回true表示選中，false表示未選中。 Text：設置復選框相關聯(lián)的文本顯示。 CheckedChanged：在CheckBox控件狀態(tài)發(fā)生改變時，觸發(fā)該事件?？梢跃帉懗绦蛱幚戆l(fā)生的事件。CheckBox控件的語法格式如下：1<asp:CheckBoxAutoPostBack="True|False"Checked="True|False"Enabled="True|False"EnableViewState="True|False"Height="size"ID="string"OnCheckedChanged="CheckedChangedeventhandler"runat="server"Text="string"Visible="True|False"Width="size"/>注：默認情況下，在單擊CheckBox控件時不會自動向服務器發(fā)送窗體。若要啟用自動發(fā)送，請將AutoPostBack屬性設置為true。（2）CheckBoxList控件屬性和事件CheckBoxList用于在頁面上創(chuàng)建復選框組，是一個CheckBox的集合。如果在一選項有多個選擇是可以使用該控件。CheckBoxList控件還支持數(shù)據(jù)綁定。若要將該控件綁定到數(shù)據(jù)源，請首先創(chuàng)建一個數(shù)據(jù)源（如DataSourceControl對象）以包含要在該控件中顯示的項。下一步，使用DataBind方法將該數(shù)據(jù)源綁定到CheckBoxList控件。使用DataTextField和DataValueField屬性分別指定將數(shù)據(jù)源中的哪個字段綁定到控件中每個列表項的Text和Value屬性?，F(xiàn)在，CheckBoxList控件將顯示數(shù)據(jù)源中的信息。它有如下主要屬性： DataSource：設置CheckBoxList的數(shù)據(jù)源。 DataTextField：設置為CheckBoxList各項提供文件內(nèi)容的數(shù)據(jù)源字段 DateValueField：設置為CheckBoxList各項提供值的數(shù)據(jù)源字段 Items：設置ListItem各項其屬性 SelectIndex：獲得CheckBoxList控件中選定項的最低序號索引 SelectItem：獲得CheckBoxList索引最小的選定項 SelectValue：獲得CheckBoxList控件中選定項的值。當CheckBoxList需要添加項時，需要使用控件的編輯項，打開ListItem編輯器。如圖3-2-3，圖3-2-3所示圖3-2-3CheckBoxList編輯項圖3-2-3ListItem編輯器CheckBoxLlist的語句格式如下：1<asp:CheckBoxListAutoPostBack="True|False"DataMember="string"DataSource="string"DataSourceID="string"DataTextField="string"DataTextFormatString="string"DataValueField="string"Enabled="True|False"EnableViewState="True|False"ID="string"runat="server"SelectedIndex="integer"SelectedValue="string"Visible="True|False"Width="size"……>//第一個復選框的文字2<asp:ListItemEnabled="True|False"Selected="True|False"Text="string"Value="string"/>//第二個復選框的文字3<asp:ListItemEnabled="True|False"Selected="True|False"Text="string"Value="string"/>……</asp:CheckBoxList>（3）RadioButton控件RadioButton服務器控件在Web窗體頁上創(chuàng)建一個單選按鈕。通過設置Text屬性指定要在控件中顯示的文本。該文本可顯示在單選按鈕的左側或右側。設置TextAlign屬性以控制該文本顯示在哪一側。如果為每個RadioButton控件指定了相同的GroupName，則可以將多個單選按鈕分為一組。將單選按鈕分為一組將只允許從該組中進行互相排斥的選擇。RadioButton的語法格式如下：<asp:RadioButtonAccessKey="string"AutoPostBack="True|False"Checked="True|False"Enabled="True|False"EnableViewState="True|False"GroupName="string"ID="string"OnCheckedChanged="CheckedChangedeventhandler"OnDataBinding="DataBindingeventhandler"runat="server"Text="string"Visible="True|False"Width="size"/>下面的示例演示如何使用RadioButton控件為用戶提供一組互斥的選項。1<asp:RadioButtonID="Radio1"Text="Typical"Checked="True"GroupName="RadioGroup1"runat="server"/>2Thisoptioninstallsthefeaturesmosttypicallyused.<i>Requires1.2MBdiskspace.</i><br/>3<asp:RadioButtonID="Radio2"Text="Compact"GroupName="RadioGroup1"runat="server"/>4Thisoptioninstallstheminimumfilesrequiredtoruntheproduct.<i>Requires350KBdiskspace.</i><br/>5<asp:RadioButtonID="Radio3"runat="server"Text="Full"GroupName="RadioGroup1"/>6Thisoptioninstallsallfeaturesfortheproduct.<i>Requires4.3MBdiskspace.</i>7<asp:ButtonText="Submit"OnClick="SubmitBtn_Click"runat="server"/>注：RadioButton鼠標單擊是會觸發(fā)CheckedChanged事件。（4）RadioButtonList控件RadioButtonList控件是一個單選項列表框控件，是一組RadioButton的集合，它們之前選擇是互斥的。RadioButtonList可以直接用ListItem編輯器來添加項，也可以通過綁定數(shù)據(jù)源添加選項。RadioButtonList語法格式如下：1<asp:RadioButtonListAutoPostBack="True|False"DataMember="string"DataSource="string"DataSourceID="string"DataTextField="string"DataTextFormatString="string"DataValueField="string"Enabled="True|False"OnDataBinding="DataBindingeventhandler"OnDataBound="DataBoundeventhandler"OnDisposed="Disposedeventhandler"OnInit="Initeventhandler"runat="server"Style="string"Visible="True|False"Width="size">2<asp:ListItemEnabled="True|False"Selected="True|False"Text="string"Value="string"/></asp:RadioButtonList>注意：使用RadioButton控件。對于使用數(shù)據(jù)綁定創(chuàng)建一組單選按鈕，RadioButtonList控件更方便，而單個RadioButton控件則可以更好地控制布局。（5）ListBox控件ListBox控件是一個靜態(tài)列表框，在頁面上創(chuàng)建一個列表供訪問者選擇其中的一項或多項。與CheckBoxList一樣和RadioButtonList控件一樣，它可以使用ListItem編輯器來添加選項，或是通過綁定數(shù)據(jù)源添加選項。其屬性與其它列表控件類似，不再重復敘述。ListBox控件的語法格式如下：1<asp:ListBoxAutoPostBack="True|False"DataMember="string"DataSource="string"Enabled="True|False"ID="string"runat="server"SelectedIndex="integer"SelectedValue="string"Visible="True|False"Width="size">2<