第06讲信息收集页面设计PPT讲稿.ppt
第第0606讲信息收集页面设计讲信息收集页面设计第1页，共19页，编辑于2022年，星期日教学目标教学目标v掌握掌握CheckBox控件的使用；控件的使用；v掌握掌握CheckBoxList控件的使用；控件的使用；v掌握掌握RadioButton控件的使用；控件的使用；v掌握掌握RadioButtonList控件的使用；控件的使用；v掌握信息收集页面设计方法。掌握信息收集页面设计方法。第2页，共19页，编辑于2022年，星期日一、信息收集页面一、信息收集页面(1/2)(一一)信息收信息收集页面集页面这里示例在页面上使用CheckBoxList和RadioButtonList控件来进行网上调查。调查的结果可以在页面的右侧显示出来，并未将其保存到数据库。第3页，共19页，编辑于2022年，星期日(二二)信息收集页面设计步骤信息收集页面设计步骤1.建立ASP.NET应用程序项目。2.向页面中加入Web服务器控件，这里用了CheckBoxList、RadioButtonList控件、Label控件和Button。3.设置页面和控件的属性。4.编写后台代码将用户的选择意向显示出来。一、信息收集页面一、信息收集页面(2/2)第4页，共19页，编辑于2022年，星期日二、二、CheckBox控件控件(1/2)CheckBox控件称为核对框（检查框）。该控件在页面上表现为一个小方框，读者可以在控件上单击以确定是否勾选它。(一一)HTML标记标记(二二)常用属性常用属性1.Checked属性：属性：控件的选中状态，其值为true时已勾选，为false时未勾选。这个属性有两种用法：获取这个属性值，判断用户是否是勾选了控件。例如:if(CheckBox1.Checked)第5页，共19页，编辑于2022年，星期日设置这个属性值，使控件被选中或去掉选中。例如：CheckBox1.Checked=true;/使控件CheckBox1被勾选或者CheckBox1.Checked=false;/去掉控件CheckBox1的勾选2.Text属性：属性：方框边的说明性文字。3.TextAlign属性：属性：指示Text放在方框的右边还是左边，默认值为Right。(三三)常用事件常用事件CheckedChanged事件：事件：勾选状态发生变化后激发。当控件的勾选状态发生改变后立即要实现的功能，其处理代码写在这个事件中。二、二、CheckBox控件控件(2/2)第6页，共19页，编辑于2022年，星期日三、三、CheckBoxList控件控件(1/3)CheckBoxList控件称为成组核对框，它与CheckBox控件的区别在于它是成组使用的，读者可以在一组控件上勾选多项或一项都不勾选。常用属性常用属性Items属性：属性：核对框列表中项的集合。该属性一般通过ListItem集合编辑器进行编辑。单击CheckBoxList属性窗口中Items属性后的打开按钮“”，可以启动ListItem集合编辑器，如后图。第7页，共19页，编辑于2022年，星期日注意：窗口右部“杂项”中selected项用来确定当前项目的初始选中状态。Items集合还带有下一级的方法和属性，常用的几个是Add、Insert、RemoveAt、Clear方法和Count属性，其使用方法基本同DropDownList控件。三、三、CheckBoxList控件控件(2/3)第8页，共19页，编辑于2022年，星期日RepeatColumns属性：属性：用于布局的列数。默认为一列布局，也可多列布局。RepeatDirection属性：属性：指定布局的方向。默认为Vertical(垂直布局)，也可选择Horizontal（水平布局）。上图中正在编辑的CheckBoxList控件的HTML标记为：软件技术计算机网络多媒体技术信息管理系统三、三、CheckBoxList控件控件(3/3)第9页，共19页，编辑于2022年，星期日四、四、RadioButton控件控件(1/2)RadioButton控件称为单选钮。当它单个使用时，依据其小圆内是否有黑心确定用户的意向；当它成组使用时，一组单选钮具有互斥性，有且只有一个钮被选中，被称为单选。(一一)HTML标记标记(二二)常用属性常用属性1.Checked属性：属性：控件的选中状态，其值为true时选中，为false时未选中。这个属性有两种用法：获取这个属性值，判断用户是否是选中了控件。例如:if(RadioButton1.Checked)设置这个属性值，使控件被选中或去掉选中。例如：RadioButton1.Checked=true;/使控件RadioButton1被选中RadioButton1.Checked=false;/去掉控件RadioButton1的选中状态第10页，共19页，编辑于2022年，星期日2.Text属性：属性：圆圈旁的说明文字。3.TextAlign属性：属性：指示Text放在方框的右边还是左边，默认值为Right。4.GroupName属性：属性：控件组的名字。当控件成组使用时才具有互斥性，能实现多中选一。为达此效果，需要将多个RadioButton控件的GroupName属性设置到同一个组名，于是这一组控件就有了互斥性。可以使用多个组，每组内各控件的GroupName属性值相同，各组间的GroupName属性不同。(三三)常用事件常用事件CheckedChanged事件：事件：选中状态发生变化后激发。当控件的选中状态发生改变后立即要实现的功能，其处理代码写在这个事件中。RadioButton控件单个使用没有什么意义，因为此时用户一旦选择了它，想要反悔就不可能了，一般多是成组使用。四、四、RadioButton控件控件(2/2)第11页，共19页，编辑于2022年，星期日五、五、RadioButtonList控件控件(1/3)RadioButtonList控件称为单选钮组，较之RadioButton控件，它的主要特点是判别选中性简单，数据绑定方便。(一一)HTML标记标记C语言语言C+语言语言C#语言语言Java语言语言第12页，共19页，编辑于2022年，星期日(二二)常用属性常用属性Items属性：属性：控件列表的项目集合。该属性一般使用ListItem集合编辑器进行编辑，其编辑方法同CheckBoxList控件的Items属性。Items集合还带有下一级的方法和属性，常用的几个是Add、Insert、RemoveAt、Clear方法和Count属性，其使用方法基本同DropDownList控件。DataSource属性：属性：要绑定的数据源，一般是一个数据集。DataMember属性：属性：要绑定的数据集中的表。DataTextField属性：属性：向控件提供项目文本的数据表的字段。DaraValueField属性：属性：向控件项目提供值的数据表的字段。五、五、RadioButtonList控件控件(2/3)第13页，共19页，编辑于2022年，星期日RepeatColumns属性：属性：控件项目布局的列数。RepeatDirection属性：属性：控件项目布局的方向，垂直或水平布局。TextAlign属性：属性：指示文本在控件的右边还是左边。SelectedIndex属性：属性：选择项的索引号。SelectedValue属性：属性：选择项的值。SelectedItem属性：属性：被选择的项，通常使用其下一级的属性SelectedItem.Text，它就是被选择项的文本。(三三)常用事件常用事件SelectedIndexChanged方法：方法：当控件的选择项发生改变后激发。当控件的选择项发生改变后立即要实现的功能代码写在这个事件的处理程序中，记得一并修改其AutoPostBack属性为True。五、五、RadioButtonList控件控件(3/3)第14页，共19页，编辑于2022年，星期日六、信息收集页面设计六、信息收集页面设计(1/5)(一一)网上问卷网上问卷调查页面调查页面设计一个网上问卷调查页面，使用RadioButtonList控件实现单选操作，CheckBoxList控件实现多选操作，Button控件实现提交。第15页，共19页，编辑于2022年，星期日(二二)后台代码后台代码在Button1_Click（提交按钮单击）事件处理程序中，分别判别3个选择控件的选中状态并构造答案字符串。控件RadioButtonList1用于单选，一组项目是互斥的，它的选择状态的判断就比较简单。而控件CheckBoxList1和CheckBoxList2用于多选，判断其选中状态时必须使用循环遍历每个项目。PrivatevoidButton1_Click(objectsender,System.EventArgse)stringanswer1=”您的年龄层次是：”;answer1+=RadioButtonList1.SelectedItem.Text;LabelAnswer1.Text=answer1;intn=0;六、信息收集页面设计六、信息收集页面设计(2/5)第16页，共19页，编辑于2022年，星期日stringanswer2=”您经常参加的体育活动有：”;for(intI=0;ICheckBoxList1.Items.Count;I+)if(CheckBoxList1.ItemsI.Selected)answer2+=CheckBoxList1.ItemsI.Text+”、”;n+;answer2=answer2.Substring(0,answer2.Length-1);if(n=0)answer2=”您什么体育活动都不参加”;六、信息收集页面设计六、信息收集页面设计(3/5)第17页，共19页，编辑于2022年，星期日LabelAnswer2.Text=answer2;n=0;stringanswer3=”您喜欢的电视节目类型有：”;for(intI=0;ICheckBoxList2.Items.Count;I+)if(CheckBoxList2.ItemsI.Selected)answer3+=CheckBoxList2.ItemsI.Text+”、”;n+;六、信息收集页面设计六、信息收集页面设计(4/5)第18页，共19页，编辑于2022年，星期日answer3=answer3.Substring(0,answer3.Length-1);if(n=0)answer3=”您什么类型的电视节目都不喜欢”;LabelAnswer3.Text=answer3;一般来说，调查收集到的结果需要保存到数据库，以便做出统计分析。为了突出程序的重点，本示例没有设计这个功能。读者若有意这样做也不是难事，因为得到了读者的答案后，向数据库插入记录就是了。六、信息收集页面设计六、信息收集页面设计(5/5)第19页，共19页，编辑于2022年，星期日
