【asp源码栏目提醒】:网学会员asp源码为您提供ASP NETWeb应用程序设计教程 第4章 构建基本Web页面 - 计算机教材参考,解决您在ASP NETWeb应用程序设计教程 第4章 构建基本Web页面 - 计算机教材学习中工作中的难题,参考学习。
第4章构建基本Web页面4.1 服务器控件概述4.2 显示文本信息4.3 提交页面4.4 收集用户输入信息4.5 显示图像4.6 列表显示4.7 超级链接4.1 服务器控件概述4.1.1 服务器控件基本知识
ASP.NET服务器控件封装了页面元素以及能够完成相关功能并且运行在服务器端的对象。
ASP.NET服务器控件分为HTML服务器控件Web 服务器控件验证控件用户控件Web部件AJAX控件4.1.2 HTML服务器控件HTML服务器控件是与HTML标记相对应的服务器端控件具有属性、方法和事件可以对其编程从而解决了无法利用程序直接控制HTML标记的问题。
任何HTML标记可以通过添加属性runat“server”和id转换为HTML服务器控件。
例如 4.1.2 HTML服务器控件HTML服务器控件HTML标记名称控件事件HtmlAnchor超级链接ServerClickHtmlButton按钮ServerClickHtmlSelect列表框ServerChangeHtmlTextArea多行文本框ServerChangeHtmlInputButton按钮ServerClickHtmlInputCheckBox复选框ServerChangeHtmlInputRadioButton单选按钮ServerChangeHtmlInputText 和单行文本框ServerChangeHtmlInputHidden隐藏框ServerChangeHtmlInputImage图像ServerClickHtmlInputFile上载文件HtmlForm表单HtmlImage图像HtmlGenericControl任何其它没有对应控件的标记如 等4.1.3 Web服务器控件1. Web服务器控件的共有属性Attributes获取服务器控件标记上表示的所有属性名称和值对的集合。
只能在编程时使用此属性。
BackColor控件的背景色。
BorderStyle控件的边框样式。
CssClass分配给控件的级联样式表CSS 类。
Style为控件设置CSS样式属性。
Enabled控件是否被禁用。
Font控件显示的字体。
ForeColor控件的前景色。
4.2 显示文本信息4.2.1 Label控件用于在页面上显示静态文本。
语法格式为 1. 显示静态文本使用Text属性指定要在控件中显示的内容例如 例4-1 显示当前日期4.2.2 Literal控件在页面上显示静态文本。
语法格式 Mode属性决定是否编码其输出。
取值为PassThrough直接显示控件内容而不进行编码。
Encode先编码然后再显示控件内容。
Transform直接删除设备例如手机不支持的标记然后再显示控件内容。
例4-2 获取用户IP地址并用Literal控件显示该IP地址4.3 提交页面三个用于向服务器提交页面的控件Button、LinkButton和ImageButton控件。
4.3.1 Button控件显示一个按钮默认为提交按钮。
利用提交按钮可以向服务器端提交整个页面。
语法格式 4.3.1 Button1. Click事件当点击按钮时引发Click事件。
与之相关的事件处理过程void Submit_ClickObject sender EventArgs elblMsg.TextHello
ASP.NET 4.3.1 Button2. Command事件如果希望页面上的按钮共用一个事件处理过程则可以使用Command事件。
如何区分用户点击了哪个按钮使用CommandName属性。
CommandArgument属性可以向Command事件处理过程传递附加信息例4-3 简易四则运算器4.3.1 Button3. 引发客户端按钮单击事件控件的OnClientClick属性允许我们添加JavaScript代码当单击按钮时就会在客户端运行这些代码。
例4-4 利用OnClientClick属性弹出确认框4.3.2 LinkButton与Button控件类似但它的外观显示为超级链接而不是按钮。
在单击LinkButton时引发Click事件而不是超级链接的页面跳转。
语法格式控件的属性、方法和事件与Button控件完全相同使用方法也一样。
4.3.3 ImageButton与Button控件类似但使用定制的图像作为按钮的外观。
语法格式ImageUrl属性指定所使用的图像。
控件的事件处理过程第二个参数类型为ImageClickEventArgs它提供鼠标单击处的坐标e.X和e.Y。
例4-5 文本编辑器4.4 4.4.1 TextBox控件用于显示单行文本框、多行文本框和密码框。
语法格式为4.4.1 TextBox1. 设置显示模式TextMode属性SingleLine显示为单行文本框此为默认值MultiLine显示为多行文本框Password显示为密码框。
例如4.4.1 TextBox2. 获取控制焦点使用Focus方法可以使文本框获得控制焦点。
例如protected void Page_Loadobject sender EventArgs eTextBox1.Focus3. 设置是否自动换行当TextBox控件显示为多行文本框时若设置TextBox控件的Wrap属性值为true则文本框会自动换行。
例如 4.4.1 TextBox4. 自动完成为AutoCompleteType属性赋相应值。
5. 其它常用属性Columns属性以字符为单位指定文本框的显示宽度。
MaxLength属性在文本框中允许输入的最多字符数。
Rows属性指定多行文本框的显示行数。
例如 4.4.1 TextBox6. TextChanged事件当文本框中的内容发生改变且控制焦点移出文本框时该事件被引发。
如果希望该事件能够立即被响应则应该设置TextBox控件的AutoPostBack属性为true。
例4-6 用户登录4.4.2 CheckBox显示为复选框它允许用户在真和假之间做出选择。
语法格式1. 确定复选框是否被选中Checked属性取值为true时表示复选框被选中为false表示未选中。
例如CheckBox1.Checked true4.4.2 CheckBox2. 改变复选框的文本排列方向TextAlign属性设置复选框的文本显示在复选框的哪一边边。
例如3. CheckedChanged事件当复选框的状态改变由选中变为未选中或反之时该事件被引发。
例4-7 多选题4.4.3 RadioButton控件显示为单选按钮。
语法格式GroupName属性使多个单选按钮形成一组组成互斥按钮。
例如4.5 在页面上显示图像。
语法格式1. 显示指定图像把图像文件的路径赋值给ImageUrl属性即可显示指定的图像。
例如 例4-8 无限风光4.6 五个列表显示控件ListBox、DropDownList、RadioButtonList、CheckBoxList和BulletedList控件。
4.6.1 ListBox控件显示为列表框允许从一个给定的选项列表中选择一项或多项。
语法格式Item 1……4.6.1 ListBox1. 定义列表项控件是列表项的一个容器。
每个列表项均由ListItem对象所创建。
列表项的常用属性为Text属性列表项所显示的文字内容。
Value属性与列表项关联的值通常是一些能被程序处理的值。
Selected属性确定列表项是否被选中。
例如显示一个价格列表十一元五角八元三角4.6.1 ListBox2. 单选还是多选SelectionMode属性:Single允许单选Multiple允许多选。
用户可以使用Ctrl或Shift键配合进行多选。
例如3. 获取选定项若列表框为单选则使用SelectedIndex、SelectedItem和SelectedValue属性获取用户所选项。
如Image1.ImageUrl /images/ DropDownList1.SelectedValue.ToString .jpg若列表框为多选则获取选定项foreach ListItem li in ListBox1.Itemsifli.Selected//判断该列表项是否被选中lblMsg.Text li.Text //输出选中列表项4.6.1 ListBox4. 添加或删除列表项控件的Items属性是一个集合属性保存了列表框中的所有列表项每个列表项均是ListItem对象。
可以使用两种方法添加或删除列表项。
1使用Visual Studio.NET集成开发环境的属性窗口。
2使用代码动态添加或删除列表项5. SelectedIndexChanged事件当用户所选的列表项发生改变时引发该事件。
例4-9 装机清单4.6.2 DropDownList显示为下拉列表框用户可以从列表框中选择一项。
语法格式Item 1Item 2……控件的属性、方法和事件与ListBox控件均一样所不同的是DropDownList控件只允许单选不允许多选。
例4-10 选课4.6.3 CheckBoxList生成一组复选框相当于多个CheckBox控件。
语法格式Item 1 ……控件是多个复选框的一个容器。
每个复选框均由ListItem对象所创建。
CheckBoxList控件的属性、方法和事件与ListBox控件几乎一样。
4.6.3 CheckBoxList1. 显示多列复选框使用RepeatColumns属性设定在一行中显示多少列复选框。
例如12344.6.3 CheckBoxList2. 复选框在页面上的布局方式RepeatLayoutTable默认设置以表格布局方式呈现Flow以流式布局方式呈现。
RepeatDirectionVertical复选框以垂直方式呈现。
Horizontal以水平方式呈现。
4.6.4 RadioButtonList生成一组单选按钮相当于多个RadioButton控件。
语法格式Item 1……控件是多个单选按钮的一个容器。
每个单选按钮均由ListItem对象所创建。
控件的属性、方法和事件与CheckBoxListItem控件一样。
例4-11 单选题4.6.5 BulletedList控件显示一个有序或无序列表相当于HTML的或标记。
语法格式 Item1Item2Item3 4.6.5 BulletedList控件1. 设置项目符号样式BulletStyle属性列表项前的项目符号样式取值为NotSet未设置Numbered数字LowerAlpha小写字母、UpperAlpha大写字母LowerRoman小写罗马数字、UpperRomanDisc实心圆、Circle圆圈、Square实心正方形CustomImage自定义图像。
4.6.5 BulletedList控件2. 为列表指定一个起始编号FirstBulletNumber属性有序列表的起始编号。
如果是无序列表即BulletStyle 属性值为Disc、Square、Circle 或CustomImage则忽略FirstBulletNumber属性的值。
例如 CVB 4.6.5 BulletedList控件3. 设置列表项的显示模式DisplayMode属性将列表项内容显示为文本、超级链接或LinkButton。
取值为Text列表项的内容显示为文本HyperLink列表项的内容显示为超级链接此时必须使用Value属性指定超级链接的URLLinkButton列表项的内容显示为LinkButton当用户单击LinkButton时可以触发BulletedList控件的Click事件。
4.7 超级链接4.7.1 HyperLink控件为页面添加超级链接相当于标记。
语法格式 1. 文本超级链接Text属性为超级链接设置文本标题。
例如 4.7.1 HyperLink2. 图像超级链接ImageUrl属性指定图像文件的路径从而显示一个带有超级链接的图像。
例如 3. 指定URLNavigateUrl属性指定单击HyperLink 控件时链接到的URL。
4.7.1 HyperLink4. 指定目标窗口Target属性指定单击HyperLink 控件时加载目标网页的窗口或框架。
取值为_blank、_self、_top、_parent或_search。
例4-12 使用搜索引擎4.7.2 ImageMap控件热区图像上的一个区域该区域有超级链接功能。
当用户单击图像的不同区域热区时会产生回发或导航到不同的URL上。
一个ImageMap控件就相当于多个图像超级链接。
利用它可以实现网站导航、网站地图、游戏地图、各种流程图等。
语法格式热区4.7.2 ImageMap控件1. 指定图像ImageUrl属性指定控件上所显示图像的图像文件的路径。
例如2. 设置热区ImageMap控件提供三种类型的热区1圆形区域热区由CircleHotSpot定义。
语法格式4.7.2 ImageMap控件其中Radius属性定义半径X和Y属性定义圆心坐标。
2矩形区域热区由RectangleHotSpot定义。
语法格式4.7.2 ImageMap控件其中Left和Top属性定义矩形的左上角坐标Right和Bottom属性定义矩形的右下角坐标。
3多边形区域热区由PolygonHotSpot定义。
语法格式其中Coordinates属性用于定义多边形各点的坐标。
ImageMap控件提供一个HotSpots属性利用它可以获取ImageMap控件的所有热区。
4.7.2 ImageMap控件3. 设置热区的行为方式HotSpotMode属性修改热区的行为方式。
行为方式为1NotSet未设置这是默认项。
单击热区后会跳转到指定的URL地址。
2Navigate跳转。
单击热区后会跳转到指定的URL地址。
设置热区的NavigateUrl属性以设定跳转的URL地址。
4.7.2 ImageMap控件3PostBack回发。
单击热区后会触发ImageMap控件的Click事件。
设置热区的PostBackValue属性为热区指定名称。
由于所有热区共用一个Click事件因此必须通过热区的PostBackValue属性值来区分是哪个热区引发了Click事件。
4Inactive无操作。
图像将没有热区功能仅显示一幅普通图像。
例如4.7.2 ImageMap控件 例4-13 软件生命周期
上一篇:
ASP实验报告实验2
下一篇:
临床前药物安全性评价中毒性病理学新技术的应用