ASPNET纸质大作业

延安大学ASP.NET期末作业学号：1060414014016姓名：秦红志班级：信息14学期：2017.3-2017-71实现步骤网站由3个ASP.NET网页组成，分别为登录界面（Default.aspx）、注册界面（Sign.aspx）、通讯录管理查询界面（Txgl.aspx）。一、设计登录界面（Default.aspx）1)设计Web页面新建一个ASP.NET网站，在Default.aspx页面中添加1个Panel控件Panel1，向Panel控件中添加用于布局的HTML表格。添加必要的说明文字，2个文本框TextBox1和TextBox2；2个必须项验证控件RequireField1和RequireField1；1个正则表达式验证控件RegularExpressValidator1；1个验证摘要控件ValidationSummary1；3个超链接控件HyPerLink1~HyperLink3；两个命令按钮控件Button1、Button2，之间用空格拉开距离，页面布局如图1所示。图1设计登录界面2)设置对象属性在设计视图中分别选中各控件，并在属性窗口中设置其属性。各控件的属性值设置情况见表1。2表1各控件对象的属性设置控件ID属性属性值说明HyperLink1NavigateUrl~/Default.aspx?NewTheme=Default超链接向DefaultUrl传递名为NewTheme的变量Text默认超链接1控件上显示的文本HyperLink2NavigateUrl~/Default.aspx?NewTheme=Green超链接向DefaultUrl传递名为NewTheme的变量Text绿色超链接2控件上显示的文本HyperLink3NavigateUrl~/Default.aspx?NewTheme=Blue超链接向DefaultUrl传递名为NewTheme的变量Text蓝色超链接3控件上显示的文本TextBox1IDTUser文本框1在程序中使用的名称TextBox2IDTPass文本框2在程序中使用的名称TextModePassword文本框2字符以“●”显示Button1IDBLogin按钮1在程序中使用的名称Text登录按钮1控件上显示的文本Button2IDBSign按钮2在程序中使用的名称Text注册按钮2控件上显示的文本CausesValidationFalse用于执行按钮命令时让验证控件失效控件ID属性属性值说明RequiredFieldValidator1ControlToValidateTUser设置验证控件控制对象为TUserText用户名不能为空验证失败时控件显示的文本ErrorMessage请您输入用户名验证失败时用于显示在验证摘要控件中的错误信息RequiredFieldValidator2ControlToValidateTPass设置验证控件控制对象为TPassText密码不能为空验证失败时控件显示的文本ErrorMessage请您输入密码验证失败时用于显示在验证摘要控件中的错误信息DisplayDynamic设置验证控件显示方式为动态RegularExpressionValidator1ControlToValidateTPass设置验证控件控制对象为TPassValidationExpression\d{6,12}设置正则表达式，表示输入字符长度范围Text密码长度在6-12位验证失败时控件显示的文本ErrorMessage密码位数不在6-12内验证失败时用于显示在验证摘要控件中的错误信息DisplayDynamic设置验证控件显示方式为动态3)登录界面各功能实现方法及代码：i.登录界面换主题功能的实现方法：3创建1个名为images的文件夹，将事先准备好的背景图片复制到该文件夹中。a)添加主题和级联样式表文件在解决方案资源管理器中，向网站中添加Default、Green和Blue3个主题文件夹。向各主题文件夹中添加同名的主题文件Default.skin、Green.skin和Blue.skin。向主题文件夹中添加同名的级联样式表文件Default.css、Green.css和Blue.css，将images文件夹拖入到App_Theme文件夹中。各主题文件和级联样式表文件内容如下。Default.skin的代码如下所示:asp:Panelrunat=server/Default.css文件的代码如下：#login{background-color:#F5FBFB;}使用“复制”、“修改”的方法基于Default.skin创建Green.skin文件，其代码如下所示：Green.skin的代码如下所示:asp:Panelrunat=server/Green.css文件的代码如下：#login{background-image:url(../images/2.jpg);}#msg{background-image:url(../images/2.jpg);}使用“复制”、“修改”的方法基于Default.skin创建Blue.skin文件，其代码如下所示：Blue.skin的代码如下所示:asp:Panelrunat=server/Blue.css文件的代码如下：#login{background-image:url(../images/3.jpg);color:White;}#msg{background-image:url(../images/3.jpg);4color:White;}b)编写程序代码切换到Default.aspx的源视图，在@Page指令中添加对默认主题的引用：%@PageLanguage=C#…StylesheetTheme=Default%双击页面空白区域，切换到Default.aspx.cs的代码编辑窗口，在窗口中输入如下代码。页面装入时执行的事件代码如下：protectedvoidPage_PreInit()//Page_PerInit事件发生在Page_Load事件之前，此时StyleSheetTheme属性值尚未应用{//获取由“？”传递来的变量值，并赋给页面（this）的Theme属性。//页面@Page指令中设置的StyleSheetTheme属性值将被Theme属性覆盖this.Theme=Request.QueryString[NewTheme];}ii.登录功能实现方法：登录用户信息存放在Access数据库ad.accdb的User表中，包括Uno、Uname、Upart、Uphone、Usex、Upass和Ulevel7个字段，分别用于存放员工号、姓名、部门、电话、性别、密码、用户级别。如图2所示。图2User表的内容编写程序代码切换到Default.apsx的代码窗口编写事件处理代码。由于登录用到了数据库连接与访问的对象，因此在代码区最上方添加对相应命名空间的引用。usingSystem.Data.OleDb;usingSystem.Data.SqlClient;页面装入时执行的事件代码如下：protectedvoidPage_Load(objectsender,EventArgse){this.Title=通讯录查询系统登录;TUser.Focus();}“登录”按钮被单击时执行的事件代码如下：protectedvoidBLogin_Click(objectsender,EventArgse){//将文本框中输入的信息存放在下面的字符串当中stringusername=TUser.Text;5stringpassword=TPass.Text;//连接语句stringstr=Provider=Microsoft.ACE.OLEDB.12.0;DataSource=+Server.MapPath(App_Data/ad.accdb);OleDbConnectionConn=newOleDbConnection(str);Conn.Open();OleDbCommandcmd=Conn.CreateCommand();//输入SQL语句cmd.CommandText=SELECT*FROM[User]WHEREUname=username;cmd.Parameters.Add(newOleDbParameter(@Uname,username));OleDbDataReaderreader=cmd.ExecuteReader();//判断用户名是否合法if(reader.Read()==true){//读取该用户名的密码信息与用户级别信息stringpwd=reader.GetString(reader.GetOrdinal(Upass));stringlel=reader.GetString(reader.GetOrdinal(Ulevel));if(pwd==password){//密码合法时将用户密码确认信息与用户级别信息存入session中Session[pass]=yes;Session[Level]=lel;//跳转到通讯管理界面Response.Redirect(./Txgl.aspx);Conn.Close();}else{//密码错误时对话框提醒信息Response.Write(scriptlanguage=javascriptalert('密码错误')/script);TPass.Text=;return;}}else{//用户名不存在时对话框信息Response.Write(scriptlanguage=javascriptalert('用户名错误')/script);TUser.Text=;TPass.Text=;return;}6“注册”按钮被单击时执行的事件代码如下：protectedvoidBSign_Click(objectsender,EventArgse){Response.Redirect(./Sign.aspx);}二、设计注册界面（Sign.aspx）1)设计Web页面在网站中添加一个新的Web窗体，在页面中添加1个用于布局的HTML表格。如图3所示，在页面中添加必要的文字说明。添加4个TextBox控件TextBox1~TextBox4；添加1个下拉列表DropDownList控件;1个RadioButtonList控件；1个按钮控件Button1。5个必须项验证控件RequireField1~RequireField5；2个正则表达式验证控件RegularExpressValidator1；1个比较验证控件CompareValidator。图3Sign.aspx界面设计2)设置对象属性用户名、手机号、密码、确认密码后的TextBox的ID属性分别设置为Uname、UPhone、Upass、Uconfirm。Upass、Uconfirm的TextMode属性都设为Password。Button按钮的ID属性设为SignOK，Text属性设为注册。验证控件的属性值设置情况见表2。表2各控件对象的属性设置控件ID属性属性值RequiredFieldValidator1ControlToValidateUnameForeColorRedText*请您输入用户名RequiredFieldValidator2ControlToValidateDropDownList1ForeColorRedText*请您选择部门InitialValue-选择部门-7控件ID属性属性值RequiredFieldValidator3ControlToValidateUphoneForeColorRedText*请您输入手机号DisplayDynamicRequiredFieldValidator4ControlToValidateUpassForeColorRedText*请输入密码DisplayDynamicRequiredFieldValidator5Contr