ASP实验三 Web窗体和控件

《ASP.NET程序设计》实 验 报 告

学院： 临沂大学

专业：

报告人：

学号：

班级：

实验三 Web窗体和控件

一、目的与要求

1、掌握用C#编程语言和ASP.NET创建Web应用程序的过程； 2.掌握各类控件的使用方法

二、实验仪器

Windows操作系统，Microsoft Visual Studio .NET 2010。

三、实验内容

1. 编程实现会员注册应用程序，因数据库操作还没有学习，在此应用程序中，用户的注册信息不添加到数据库中，只是在另一个界面中将用户的注册信息显示出来即可。

四、实验过程及结果

1.控制台应用程序

（1）启动.NET 2010。

（2）在“文件”菜单上找到“新建”->“项目”，打开“新建项目”对话框。 （3）在模板一栏选择“Web应用程序”，在名称一栏输入项目的名称。

(4）新建web窗体Reg.aspx文件

Html主要代码为

12px;FONT-FAMILY:Tahoma;

BORDER-COLLAPSE:

collapse\align=\

注意标记(**)项目为必填项

(**)

id=\

runat=\ErrorMessage=\请输入您的真实性名\ControlToValidate=\

\

BackColor=\

id=\id=\id=\

runat=\runat=\runat=\

     日： CssClass=\年 CssClass=\月 CssClass=\日

Font-Size=\

ControlToValidate=\

id=\runat=\ErrorMessage=\请输入7位或8位电话号码

ValidationExpression=\

alidator>

\

ControlToValidate=\

id=\runat=\ErrorMessage=\请输入7位或8位电话号码

ValidationExpression=\

id=\

runat=\

alidator>

CssClass=\

id=\请输入11位手机号码\ControlToValidate=\

ValidationExpression=\

id=\请输入六位邮政编码\ControlToValidate=\

ValidationExpression=\

Width=\

id=\请输入正确E_mail地址\ControlToValidate=\

arExpressionValidator>

ValidationExpression=\

Width=\

id=\

runat=\

ImageUrl=\

后台c#代码为：

5．后台代码文件代码如下： using System;

using System.Collections; using System.ComponentModel; using System.Data; using System.Drawing; using System.Web;

using System.Web.SessionState; using System.Web.UI;

using System.Web.UI.WebControls; using System.Web.UI.HtmlControls;

namespace 注册新会员 {

///

public class User_Reg : System.Web.UI.Page {

protected System.Web.UI.WebControls.TextBox txtName; protected System.Web.UI.WebControls.RequiredFieldValidator protected System.Web.UI.WebControls.RegularExpressionValidator protected System.Web.UI.WebControls.TextBox txtPwd; protected System.Web.UI.WebControls.RequiredFieldValidator

RequiredFieldValidator1; RegularExpressionValidator1;

RequiredFieldValidator3;

protected System.Web.UI.WebControls.TextBox txtPwd2;

protected System.Web.UI.WebControls.CompareValidator CompareValidator1; protected System.Web.UI.WebControls.ImageButton next; protected System.Web.UI.WebControls.Panel panel1; protected System.Web.UI.WebControls.TextBox txtUname; protected System.Web.UI.WebControls.RequiredFieldValidator protected System.Web.UI.WebControls.RadioButtonList rltSex; protected System.Web.UI.WebControls.DropDownList ddlYear; protected System.Web.UI.WebControls.DropDownList ddlMonth; protected System.Web.UI.WebControls.DropDownList ddlDay; protected System.Web.UI.WebControls.TextBox txtUjob; protected System.Web.UI.WebControls.TextBox txtUtel1; protected System.Web.UI.WebControls.TextBox txtUtel2; protected System.Web.UI.WebControls.TextBox txtUtel3; protected System.Web.UI.WebControls.TextBox txtUaddr; protected System.Web.UI.WebControls.TextBox txtUzip;

protected System.Web.UI.WebControls.RegularExpressionValidator protected System.Web.UI.WebControls.TextBox txtUemail; protected System.Web.UI.WebControls.RegularExpressionValidator protected System.Web.UI.WebControls.TextBox txtUicq; protected System.Web.UI.WebControls.TextBox txtUqq; protected System.Web.UI.WebControls.ImageButton btnOK; protected System.Web.UI.WebControls.Panel panel2; protected System.Web.UI.WebControls.Panel panel3; protected System.Web.UI.WebControls.Label lblname; protected System.Web.UI.WebControls.Label Label1; protected System.Web.UI.WebControls.Label Label2; protected System.Web.UI.WebControls.Label Label3; protected System.Web.UI.WebControls.Label Label4; protected System.Web.UI.WebControls.Label Label5; protected System.Web.UI.WebControls.Label Label6; protected System.Web.UI.WebControls.Label Label7; protected System.Web.UI.WebControls.Label Label8; protected System.Web.UI.WebControls.Label Label9; protected System.Web.UI.WebControls.Label Label10; protected System.Web.UI.WebControls.Label Label11; protected System.Web.UI.WebControls.Label Label12;

protected System.Web.UI.WebControls.ImageButton ImageButton1; protected System.Web.UI.WebControls.Panel panel; private ArrayList alYear; private ArrayList alMonth;

RequiredFieldValidator2;

RegularExpressionValidator2;

RegularExpressionValidator3;

protected System.Web.UI.WebControls.RegularExpressionValidator protected System.Web.UI.WebControls.RegularExpressionValidator protected System.Web.UI.WebControls.RegularExpressionValidator protected System.Web.UI.WebControls.RegularExpressionValidator protected System.Web.UI.WebControls.CheckBoxList cblUlike; protected System.Web.UI.WebControls.Label Label13; private ArrayList alDay; { }

#region Web 窗体设计器生成的代码

override protected void OnInit(EventArgs e) { }

//

// CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。 //

InitializeComponent(); base.OnInit(e);

// 在此处放置用户代码以初始化页面 if(!Page.IsPostBack) { }

alYear=new ArrayList(); alMonth=new ArrayList(); alDay=new ArrayList();

for(int i=1972;i<1989;i++)

alYear.Add(i.ToString()); alMonth.Add(i.ToString()); alDay.Add(i.ToString()); for( int i=1;i<=12;i++) for(int i=1;i<32;i++) ddlYear.DataSource=alYear; ddlYear.DataBind();

ddlMonth.DataSource=alMonth; ddlMonth.DataBind(); ddlDay.DataSource=alDay; ddlDay.DataBind();

panel2.Visible=false;

private void Page_Load(object sender, System.EventArgs e)

RegularExpressionValidator4; RegularExpressionValidator5; RegularExpressionValidator6; RegularExpressionValidator7;

///

private void InitializeComponent() { }

#endregion

private void ImageButton1_Click(object sender, { }

private void next_Click(object sender, System.Web.UI.ImageClickEventArgs e) { }

private void btnOK_Click(object sender, System.Web.UI.ImageClickEventArgs e) {

if(Page.IsValid) {

panel3.Visible=true; panel2.Visible=false;

lblname.Text=txtName.Text.ToString(); Label1.Text=txtUname.Text.ToString();

Label2.Text=rltSex.SelectedItem.Text.ToString(); Label3.Text=ddlYear.SelectedItem.Text.ToString()+\年 { }

panel1.Visible=false; panel2.Visible=true;

if(Page.IsValid) panel.Visible=false; panel1.Visible=true;

this.ImageButton1.Click += new this.next.Click += new this.btnOK.Click += new

this.Load += new System.EventHandler(this.Page_Load);

System.Web.UI.ImageClickEventHandler(this.ImageButton1_Click); System.Web.UI.ImageClickEventHandler(this.next_Click); System.Web.UI.ImageClickEventHandler(this.btnOK_Click);

System.Web.UI.ImageClickEventArgs e)

\月\日\

Label4.Text=txtUjob.Text.ToString(); Label5.Text=txtUtel1.Text.ToString(); Label6.Text=txtUtel2.Text.ToString();

}

} }

}

Label7.Text=txtUtel3.Text.ToString(); Label8.Text=txtUaddr.Text.ToString(); Label9.Text=txtUzip.Text.ToString(); Label10.Text=txtUemail.Text.ToString(); Label11.Text=txtUicq.Text.ToString(); Label12.Text=txtUqq.Text.ToString(); Label13.Text=\

for (int i=0;i

if (cblUlike.Items[i].Selected) { }

Label13.Text+=cblUlike.Items[i].Text;

（6）运行应用程序(ctrl + F5)。

五、实验总结

通过此次实验，明白了什么是后台，前端和后台之间是怎么交换数据，后台怎么控制前端，这些都是基础，对于了解这一过程有很大的帮助。

本文来源：https://www.bwwdw.com/article/vs32.html