Web程序设计（第2版） 电子教案 16-0423控件属性-调查问卷网页程序

教案课程名称：动态网页制作（Web程序设计）0课题：任务二设计调查问卷网页程序0课时：2课时0主讲教师：某某某教师0学校：某某某学校0日期：2020年04月23日00

教案教学对象某学校某专业授课日期2020年04月23日使用教材Web程序设计（第二版）出版单位电子工业出版社课题控件属性任务二设计调查问卷网页程序计划学时2学时教学目标知识目标：服务器控件功能作用。技能目标：完成设计调查问卷网页程序任务，掌握配套技能。使用CheckBox控件服务器控件CheckBoxList控件属性和事件制作页面，掌握相应语句和运用的技能。态度目标：端正态度，配合伙伴完成任务。德育目标：养成良好的团队协作精神，学会彼此配合协作完成项目任务，成果分享。教学重点难点重点：完成设计调查问卷网页程序任务，掌握配套技能。难点：完成设计调查问卷网页程序任务，熟练掌握配套技能。教学设计说明1、教学内容以岗位工作任务出现，为学生将来快速融入岗位工作打基础。2、教学重点是培养学生熟练的操作技能。3、通过训练与强调，突破关键点。4、训练结束后，接轨企业实际，施工任务单技术归档的填写，是岗位标准化技能训练的一部分。教学活动流程教学步骤与内容教学组织形式教学方法达成目标1、新课导入复习：循环语句。导入新课：任务二设计调查问卷网页程序以提问的方式展开与学生的互动，引出本课堂教学内容。项目串联教学法通过复习，回忆表单与循环语句。2、讲解示范任务二设计调查问卷

任务描述囯庆假日即将来临，公司为了营造公司文化，加强团队建设，公司行政部门考虑在国庆假日中举行一次公司活动。但是准备什么活动好呢？行政部门想到是否可以让IT部门帮助在网站做一个调查问卷。让全公司的员工来设计一个公司的活动。行政部门经理将想法和IT经理谈了之后。IT经理非常支持，将任务分派给技术最好的小明工程师，要求他能全力配合行政部门完成这个调查问卷的任务。任务分析小明工程师从IT经理知道了任务的情况，他决定设计这个调查页面。他先从行政部门将调查问卷的问题需求了解到。1教师做中教2学生做中学3运用多媒体教学手段4辅助教学运用VMware虚拟机技术与真实环境相结合项目串联教学法控件与控件属性按照要求设计出网页与程序3、操作训练安排学生按照施工任务训练，掌握相关技能。通过任务二设计调查问卷，完成设计调查问卷程序的工作任务，来学习相关控件属性和事件运用的技能方法。填写施工技术文档，培养企业岗位真实工作场景。1教师做中教2学生做中学3运用多媒体教学手段4辅助教学运用VMware虚拟机技术与真实环境相结合项目串联教学法通过任务训练使学生掌握控件与属性，掌握运用控件的技能方法4、课堂小结\教师点评对项目任务完成过程中情况回顾，强调本次课程重点，问题关键点强调。利用多媒体等手段，强调知识与技能要点进行总结，并布置课后的作业内容。全体

讲授对项目任务完成过程中情况回顾，强调本次课程重点，问题关键点强调。课外作业编写一个页面程序。其功能是将一个零件添加入库。页面上具有如下信息：零件的编号、品名、规格、零件说明、产地、制造厂商、零件图片、采购日期、入库日期、经办人等信息。要求输入完成后，在同一页面的下方就显示零件的信息。教学回顾通过本次课，能熟悉相关概念，培养学生动手操作能力以及完成任务过程中遇到问题、思考问题和解决问题的能力；培养学生正确认识本门课程学习的意义及遵守行业规范的职业道德规范和综合职业素养。

在本任务使用许多列表控件，下面一一做介绍。（1）CheckBox控件的属性和事件CheckBox控件在Web窗体页上创建复选框，该复选框允许用户在true或false状态之间切换。通过设置Text属性，可以指定要在该控件中显示的标题。标题可显示在复选框的右侧或左侧。设置TextAlign属性可以指定标题显示在哪一侧。 Checked：该值表示复选框是否被选中，返回true表示选中，false表示未选中。 Text：设置复选框相关联的文本显示。 CheckedChanged：在CheckBox控件状态发生改变时，触发该事件。可以编写程序处理发生的事件。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控件时不会自动向服务器发送窗体。若要启用自动发送，请将AutoPostBack属性设置为true。（2）CheckBoxList控件属性和事件CheckBoxList用于在页面上创建复选框组，是一个CheckBox的集合。如果在一选项有多个选择是可以使用该控件。CheckBoxList控件还支持数据绑定。若要将该控件绑定到数据源，请首先创建一个数据源（如DataSourceControl对象）以包含要在该控件中显示的项。下一步，使用DataBind方法将该数据源绑定到CheckBoxList控件。使用DataTextField和DataValueField属性分别指定将数据源中的哪个字段绑定到控件中每个列表项的Text和Value属性。现在，CheckBoxList控件将显示数据源中的信息。它有如下主要属性： DataSource：设置CheckBoxList的数据源。 DataTextField：设置为CheckBoxList各项提供文件内容的数据源字段 DateValueField：设置为CheckBoxList各项提供值的数据源字段 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窗体页上创建一个单选按钮。通过设置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鼠标单击是会触发CheckedChanged事件。（4）RadioButtonList控件RadioButtonList控件是一个单选项列表框控件，是一组RadioButton的集合，它们之前选择是互斥的。RadioButtonList可以直接用ListItem编辑器来添加项，也可以通过绑定数据源添加选项。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控件。对于使用数据绑定创建一组单选按钮，RadioButtonList控件更方便，而单个RadioButton控件则可以更好地控制布局。（5）ListBox控件ListBox控件是一个静态列表框，在页面上创建一个列表供访问者选择其中的一项或多项。与CheckBoxList一样和RadioButtonList控件一样，它可以使用ListItem编辑器来添加选项，或是通过绑定数据源添加选项。其属性与其它列表控件类似，不再重复叙述。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<