二篇 Web Form <table style="background-color: <%=Back Color%>; font: 1Opt verdana, border-width: 1 border-style solid; border-color: black; " cellspacing=15 <td<b>用户名:</b<td <td><ASP: Text Box id="User Name" runat="server">></td> <td><b>密码:</><td td><ASP: Text Box id="Pass" TextMode="Password" runat= server"/></td> <td>< ASP Button Text="提交” =server"/>< 在这个文件中,我们设置了控件的属性。使之能在 page. aspx中调用 程序的运行如图 每登录演示 口区 文件)编辑)查看Q收藏A)工具)帮助① 登录 用户名: 密码 的完成 □ s Internet 第6页共132页
第二篇 Web Form 第 6 页 共 132 页 <center> <table style="background-color:<%=BackColor%>;font: 10pt verdana;border-width:1; border-style:solid;border-color:black;" cellspacing=15> <tr> <td><b>用户名: </b></td> <td><ASP:TextBox id="UserName" runat="server"/></td> </tr> <tr> <td><b>密码: </b></td> <td><ASP:TextBox id="Pass" TextMode="Password" runat="server"/></td> </tr> <tr> <td></td> <td><ASP:Button Text="提交" runat="server"/></td> </tr> </table> </center> 在这个文件中，我们设置了控件的属性。使之能在 page.aspx 中调用 程序的运行如图：
二篇 Web Form 登录演示 区 文件①)编辑)查看Q)收藏A)工具〔)帮助QD 登录 用户名:小李 密码 用户名:小李 密码: password ]完成 在下一个例子中,我们将使用Page_ Onload事件,来执行数据绑定: 文件 databind. aspx代码如下 !-源文件: formlweb页面简介 databind. aspx-> <html> < title>数据绑定演示<ttle <script language=VB"runat="server"> Sub Page Load (sender As object, e As EventArgs) If Not IsPost back then Dim values as Array List= new Array ListO values. Add("北京") values. Add("上海") values. Add("杭州") values. Add("成都") values. Add("重庆") values. Add("西安") DropDownl. Data Source= values Drop Downl Data Bind End if End Sub 定义按钮的单击事件 Sub Submit Btn Click(sender As Object, e As EventArgs) 结果显示 Label 1. Text="你选择的城市是:"+ Drop Downl. Selectedltem.Text End St 第7页共132页
第二篇 Web Form 第 7 页 共 132 页 在下一个例子中，我们将使用 Page_OnLoad 事件，来执行数据绑定： 文件 databind.aspx 代码如下： <!--源文件：form\web 页面简介\databind.aspx--> <html> <head> <title>数据绑定演示</title> <script language="VB" runat="server"> Sub Page_Load(sender As Object, e As EventArgs) If Not IsPostBack Then Dim values as ArrayList= new ArrayList() values.Add ("北京") values.Add ("上海") values.Add ("杭州") values.Add ("成都") values.Add ("重庆") values.Add ("西安") DropDown1.DataSource = values DropDown1.DataBind End If End Sub ‘定义按钮的单击事件 Sub SubmitBtn_Click(sender As Object, e As EventArgs) ’结果显示 Label1.Text = "你选择的城市是： " + DropDown1.SelectedItem.Text End Sub
二篇 Web Form </script> <head> < center><h3>< font face=" Verdana">数据绑定演示</font><h3></ center <form runat=server enter><asp: DropDownList id="Drop Downl"runat="server"/></center> <center><asp: button Text="EX"OnClick="SubmitBtn Click"runat=server/></center> <center>asp: Label id=Labell font-name="Verdana"font-size="1Opt"runat="server"/</center> form> 程序运行效果如图 当我们点击“提交”按钮时: 数据绑定演示 □回区 文件￠)编辑)查看Q收藏)工具)” 数据绑定演示 包完成 : Internet 数据绑定演示 件①)编辑C)查看Q收藏④)工具)” 数据绑定演示 北京 提交 你选择的城市是:北京 谷完成 59 Internet 贝
第二篇 Web Form 第 8 页 共 132 页 </script> </head> <body> <center><h3><font face="Verdana">数据绑定演示</font></h3></center> <form runat=server> <center><asp:DropDownList id="DropDown1" runat="server" /></center> <center><asp:button Text="提交" OnClick="SubmitBtn_Click" runat=server/></center> <p> <center><asp:Label id=Label1 font-name="Verdana" font-size="10pt" runat="server" /></center> </form> <body> </html> 程序运行效果如图： 当我们点击“提交”按钮时：
二篇 Web Form 在下面的例子中,我们将用 page load事件来对数据库进行连接 我们还要说明的是如果使用SQL语句对数据库进行操作的时候,就需要在页面中导入 tem Data和 System Data. SQL名字控件,文件 pagedata,aspx的代码如下: %( Import Namespace="System. Data"%> <% Import Namespace="System. Data. SQL"%> 程序代码如下( pagedata aspx) <!-源文件: formlweb页面简介 -lpagedata aspx-> <%( Import Namespace="System. Data"%> <%(@ Import Namespace="System. Data. SQL"%> <script language="VB"runat="server"> Sub Page Load(Src As Object, EAs EventArgs) Dim ds as dataSet Dim My Connection As SQLConnection Dim My Command As SQLDataSet Command 同数据库进行连接,采用 sql server数据库 My Connection= New SQLConnection("server=iceberg; uid=sa pwd=; database=info") 执行SQL操作 MyCommand=New SQLDataSetCommand("select from infor", My Connection) My Command. Fill Set(ds, "infor") My Data Grid DataSource=ds. Tables("infor"). DefaultView My Data Grid. DataBindo h3>< font face=" Verdana"> Page load事件演示</font></h3> ASP: Data Grid id="My Data Grid"runat="server Width="600 Back Color="white" border Color="black" CellPadding=3 CellSpacing="0 Header Style-Back Color="#aaaadd Maintain State=false </html> 第9页共132页
第二篇 Web Form 第 9 页 共 132 页 在下面的例子中，我们将用 page_load 事件来对数据库进行连接： 我们还要说明的是如果使用 SQL 语句对数据库进行操作的时候，就需要在页面中导入 System.Data 和 System.Data.SQL 名字控件，文件 pagedata.aspx 的代码如下： <%@ Import Namespace="System.Data" %> <%@ Import Namespace="System.Data.SQL" %> 程序代码如下（pagedata.aspx）： <!--源文件：form\web 页面简介\pagedata.aspx--> <%@ Import Namespace="System.Data" %> <%@ Import Namespace="System.Data.SQL" %> <html> <script language="VB" runat="server"> Sub Page_Load(Src As Object, E As EventArgs) Dim DS As DataSet Dim MyConnection As SQLConnection Dim MyCommand As SQLDataSetCommand ‘同数据库进行连接，采用 sql server 数据库 MyConnection = New SQLConnection("server='iceberg';uid=sa;pwd=;database=info") ‘执行 SQL 操作 MyCommand = New SQLDataSetCommand("select * from infor",MyConnection) DS = New DataSet() MyCommand.FillDataSet(ds, "infor") MyDataGrid.DataSource=ds.Tables("infor").DefaultView MyDataGrid.DataBind() End Sub </script> <center> <body> <h3><font face="Verdana">Page_load 事件演示</font></h3> <ASP:DataGrid id="MyDataGrid" runat="server" Width="600" BackColor="white" BorderColor="black" ShowFooter="false" CellPadding=3 CellSpacing="0" Font-Name="Verdana" Font-Size="8pt" HeaderStyle-BackColor="#aaaadd" MaintainState="false" /> /body> </center> </html>
二篇 Web Form 在这个程序中,我们在 page load事件中,我们做了哪些事呢? ①与数据库连接。在这个例子中,我们使用 SQL Server作为后台数据库。在这个库中,我 们建立了info数据库,在数据库中有一张 infor表。 ②执行SQL操作 ③将筛选后的数据显示出来 我们再来看看程序运行的效果 Pae1a事件演示 文件)编辑)查看Q收藏)工具①)帮助Qp 虚·翻我翻鼎 Page_load事件演示 Sex 信意 夏 22135 英鬲 包完成 上面就是对 Page load事件的介绍,相信大家通过例子能对该事件有个理解。 213.3.2事件处理 这一阶段处理表单的事件。你可以处理特定的事件,也可以在表单需要校验的情况下 根据 Is valid属性判定页面的输入是否有效。 Web Forn提供了一些具有验证功能的服务器控件。这些控件提供了一套简单易用并且 很强大的功能能检査输入时是否有错误。而且,还能显示提示信息给用户 对于每个控件来说,都有一特定的属性,来验证输入的值是否有效。我们来看一下对输 入控件需要验证的属性 控件 需要验证的属性 HtmlInput Text alue HtmITextAreahtm value HtmISe Value HtmlInput File Value TextBox Text DropDownList I SelectedItem RadioButton list Selectedltem 第10页共132页
第二篇 Web Form 第 10 页 共 132 页 在这个程序中，我们在 page_load 事件中，我们做了哪些事呢？ ① 与数据库连接。在这个例子中，我们使用 SQL Server 作为后台数据库。在这个库中，我 们建立了 info 数据库，在数据库中有一张 infor 表。 ② 执行 SQL 操作 ③ 将筛选后的数据显示出来 我们再来看看程序运行的效果： 上面就是对 Page_load 事件的介绍，相信大家通过例子能对该事件有个理解。 2.1.3.3.2 事件处理 这一阶段处理表单的事件。你可以处理特定的事件，也可以在表单需要校验的情况下， 根据 IsValid 属性判定页面的输入是否有效。 Web Form 提供了一些具有验证功能的服务器控件。这些控件提供了一套简单易用并且 很强大的功能能检查输入时是否有错误。而且，还能显示提示信息给用户。 对于每个控件来说，都有一特定的属性，来验证输入的值是否有效。我们来看一下对输 入控件需要验证的属性： 控件 需要验证的属性 HtmlInputText Value HtmlTextAreaHtm Value HtmlSelect Value HtmlInputFile Value TextBox Text ListBox SelectedItem DropDownList SelectedItem RadioButtonList SelectedItem