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

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

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

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

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

在本任務(wù)使用許多列表控件，下面一一做介紹。（1）CheckBox控件的屬性和事件CheckBox控件在Web窗體頁上創(chuàng)建復(fù)選框，該復(fù)選框允許用戶在true或false狀態(tài)之間切換。通過設(shè)置Text屬性，可以指定要在該控件中顯示的標(biāo)題。標(biāo)題可顯示在復(fù)選框的右側(cè)或左側(cè)。設(shè)置TextAlign屬性可以指定標(biāo)題顯示在哪一側(cè)。 Checked：該值表示復(fù)選框是否被選中，返回true表示選中，false表示未選中。 Text：設(shè)置復(fù)選框相關(guān)聯(lián)的文本顯示。 CheckedChanged：在CheckBox控件狀態(tài)發(fā)生改變時(shí)，觸發(fā)該事件。可以編寫程序處理發(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"/>注：默認(rèn)情況下，在單擊CheckBox控件時(shí)不會自動向服務(wù)器發(fā)送窗體。若要啟用自動發(fā)送，請將AutoPostBack屬性設(shè)置為true。（2）CheckBoxList控件屬性和事件CheckBoxList用于在頁面上創(chuàng)建復(fù)選框組，是一個(gè)CheckBox的集合。如果在一選項(xiàng)有多個(gè)選擇是可以使用該控件。CheckBoxList控件還支持?jǐn)?shù)據(jù)綁定。若要將該控件綁定到數(shù)據(jù)源，請首先創(chuàng)建一個(gè)數(shù)據(jù)源（如DataSourceControl對象）以包含要在該控件中顯示的項(xiàng)。下一步，使用DataBind方法將該數(shù)據(jù)源綁定到CheckBoxList控件。使用DataTextField和DataValueField屬性分別指定將數(shù)據(jù)源中的哪個(gè)字段綁定到控件中每個(gè)列表項(xiàng)的Text和Value屬性。現(xiàn)在，CheckBoxList控件將顯示數(shù)據(jù)源中的信息。它有如下主要屬性： DataSource：設(shè)置CheckBoxList的數(shù)據(jù)源。 DataTextField：設(shè)置為CheckBoxList各項(xiàng)提供文件內(nèi)容的數(shù)據(jù)源字段 DateValueField：設(shè)置為CheckBoxList各項(xiàng)提供值的數(shù)據(jù)源字段 Items：設(shè)置ListItem各項(xiàng)其屬性 SelectIndex：獲得CheckBoxList控件中選定項(xiàng)的最低序號索引 SelectItem：獲得CheckBoxList索引最小的選定項(xiàng) SelectValue：獲得CheckBoxList控件中選定項(xiàng)的值。當(dāng)CheckBoxList需要添加項(xiàng)時(shí)，需要使用控件的編輯項(xiàng)，打開ListItem編輯器。如圖3-2-3，圖3-2-3所示圖3-2-3CheckBoxList編輯項(xiàng)圖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"……>//第一個(gè)復(fù)選框的文字2<asp:ListItemEnabled="True|False"Selected="True|False"Text="string"Value="string"/>//第二個(gè)復(fù)選框的文字3<asp:ListItemEnabled="True|False"Selected="True|False"Text="string"Value="string"/>……</asp:CheckBoxList>（3）RadioButton控件RadioButton服務(wù)器控件在Web窗體頁上創(chuàng)建一個(gè)單選按鈕。通過設(shè)置Text屬性指定要在控件中顯示的文本。該文本可顯示在單選按鈕的左側(cè)或右側(cè)。設(shè)置TextAlign屬性以控制該文本顯示在哪一側(cè)。如果為每個(gè)RadioButton控件指定了相同的GroupName，則可以將多個(gè)單選按鈕分為一組。將單選按鈕分為一組將只允許從該組中進(jìn)行互相排斥的選擇。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控件為用戶提供一組互斥的選項(xiàng)。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鼠標(biāo)單擊是會觸發(fā)CheckedChanged事件。（4）RadioButtonList控件RadioButtonList控件是一個(gè)單選項(xiàng)列表框控件，是一組RadioButton的集合，它們之前選擇是互斥的。RadioButtonList可以直接用ListItem編輯器來添加項(xiàng)，也可以通過綁定數(shù)據(jù)源添加選項(xiàng)。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控件更方便，而單個(gè)RadioButton控件則可以更好地控制布局。（5）ListBox控件ListBox控件是一個(gè)靜態(tài)列表框，在頁面上創(chuàng)建一個(gè)列表供訪問者選擇其中的一項(xiàng)或多項(xiàng)。與CheckBoxList一樣和RadioButtonList控件一樣，它可以使用ListItem編輯器來添加選項(xiàng)，或是通過綁定數(shù)據(jù)源添加選項(xiàng)。其屬性與其它列表控件類似，不再重復(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<