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

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

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

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

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

在本任務(wù)使用許多列表控件，下面一一做介紹。（1）CheckBox控件的屬性和事件CheckBox控件在Web窗體頁上創(chuàng)建復(fù)選框，該復(fù)選框允許用戶在true或false狀態(tài)之間切換。通過設(shè)置Text屬性，可以指定要在該控件中顯示的標題。標題可顯示在復(fù)選框的右側(cè)或左側(cè)。設(shè)置TextAlign屬性可以指定標題顯示在哪一側(cè)。 Checked：該值表示復(fù)選框是否被選中，返回true表示選中，false表示未選中。 Text：設(shè)置復(fù)選框相關(guān)聯(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控件時不會自動向服務(wù)器發(fā)送窗體。若要啟用自動發(fā)送，請將AutoPostBack屬性設(shè)置為true。（2）CheckBoxList控件屬性和事件CheckBoxList用于在頁面上創(chuàng)建復(fù)選框組，是一個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：設(shè)置CheckBoxList的數(shù)據(jù)源。 DataTextField：設(shè)置為CheckBoxList各項提供文件內(nèi)容的數(shù)據(jù)源字段 DateValueField：設(shè)置為CheckBoxList各項提供值的數(shù)據(jù)源字段 Items：設(shè)置ListItem各項其屬性 SelectIndex：獲得CheckBoxList控件中選定項的最低序號索引 SelectItem：獲得CheckBoxList索引最小的選定項 SelectValue：獲得CheckBoxList控件中選定項的值。當(dāng)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"……>//第一個復(fù)選框的文字2<asp:ListItemEnabled="True|False"Selected="True|False"Text="string"Value="string"/>//第二個復(fù)選框的文字3<asp:ListItemEnabled="True|False"Selected="True|False"Text="string"Value="string"/>……</asp:CheckBoxList>（3）RadioButton控件RadioButton服務(wù)器控件在Web窗體頁上創(chuàng)建一個單選按鈕。通過設(shè)置Text屬性指定要在控件中顯示的文本。該文本可顯示在單選按鈕的左側(cè)或右側(cè)。設(shè)置TextAlign屬性以控制該文本顯示在哪一側(cè)。如果為每個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ù)源添加選項。其屬性與其它列表控件類似，不再重復(fù)敘述。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<