网站设计实验指导书.doc

网站设计实验指导书马江平辽宁工程技术大学营销管理学院目 录实验1 HTML网页制作1实验2 VC#.NET基本程序设计4实验3 VC#.NET中类的设计7实验4 HTML控件和Web服务器控件的使用10实验5 验证控件的使用11实验6 访客计数器12实验7 数据库基本操作15实验8 使用DataSet对象访问数据18实验9 用户控件、自定义控件和Web服务的使用24实验10 ASP.NET安全机制26第28页实验1 HTML网页制作一、目的与要求1. 掌握HTML常用网页标记的使用。2. 掌握表格的建立方法。3. 掌握表单的建立方法。二、实验环境 任何一个文本编辑器、IE或者其它网页浏览器三、内容和步骤 【实验题1】在网页上创建一个课表。 步骤如下。 1. 打开记事本，输入如下代码，并以testl_1.html为文件名保存该文件：表格标记应用课表节次星期一星期二星期三星期四星期五1、2专业英语操作系统网络基础专业英语数据库3、4Java数据库实验Java操作系统5、6网络基础实验实验实验操作系统 2. 通过浏览器打开该文件，得到该程序的执行结果，如图l-1所示。图1-l “课表”网页运行结果【实验题2】创建一个新用户注册的表单。步骤如下。1. 打开记事本或其它文本编辑工具，添加如下代码，并以testl-2.html为文件名保存该文件；新用户注册 新用户注册姓 名：性 别：男女地 址：邮政编码：电 话：电子邮件：个人爱好：体育 音乐上网 旅游 返回2. 通过浏览器打开该文件，得到该程序的运行结果，如图1-2所示。图1-2 “新用户注册”运行结果四、思考与练习1. 网页的基本语法格式是什么?包含了哪些内容?2. 试使用HTML制作一个人主页，将接受教育的情况用表格在网页上列出来。实验2 VC#.NET基本程序设计一、目的与要求1. 掌握Visual C#NET语言的数据类型，熟悉定义各种数据类型的变量的方法。2. 熟练掌握if语句和SwitchCase语句。3. 熟练掌握visual C#.net中各种循环语句的使用。二、实验环境1. 计算机一台；2. Microsoft Visual Studio .NET 2005工具软件；三、内容和步骤 【实验题1】编程实现下述功能，并上机调试运行程序。 给出一个百分制成绩，要求输出其对应的成绩等级A，B，C，D，E。其中：90分(包括90分)以上为A，8089分为B，7079分为C，6069分为D，60分以下为E。 步骤如下。 1. 在VSNET主选单中选择：文件一新建一项目，在“模板”框中选择“ASENETWeb应用程序”选项，然后在“名称”文本框中输入Web应用程序的名称，单击“确定”按钮。 2. 设计程序主页面test2_1aspx界面，所包含的控件及属性列于表1中。在界面上放置两个Label控件，一个textbox控件和一个Button控件。表1-1 test2_1.aspx文件包含的控件及其属性控件类型名称标识属性属性值备注WEB控件LabelLabel1text请输入成绩WEB控件LabelLabel2text-显示等级WEB控件TextBoxTxtName-输入成绩WEB控件ButtonButton1text等级 3. 双击“等级”按钮，打开test2_1.aspx界面的代码设计器窗口。在buttonl_click事件处理器的编辑区中输入下列代码：private void Button1_Click(object sender, System.EventArgs e) int score ; string grade ; score=Convert.ToString(TextBox1.Text); If (score=90) grade=”A”; Else lf (score=80) grade=”B”; Else lf (score=70) grade=”C”; Else lf(score=60) grade=”D”; Else grade=”E”; Label2.Text=”该成绩的等级为：”+grade; 【实验题2】编程实现下述功能，并上机调试运行程序。 求1!+2!+3!+4!+5! 步骤如下:1. 在VS.NET中，新建一个Web应用程序。2. 设计程序主页面test2_2.aspx界面，如图2-1所示。图2-1 test2_2.aspx界面3. 双击“for”按钮，打开test2_2.aspx界面的代码设计器窗口。在buttonl_click事件处理器的编辑区中输入下列代码： private void Button1_Click(object sender, System.EventArgs e) int i,term,sum ; sum=0; term=1; For(i=1;i=5;i+) term=term*i; sum=sum+term; Labell.Text=”fornext的结果为：” Label2.Text=Convert.ToString (sum) 4. 对While按钮操作与上面的做法相同。在编辑区内输入代码： private void Button2_Click(object sender, System.EventArgs e) int i,term,sum; i=l; sum=0; term=1; While(i=5) term=term*i; sum=sum+term; i=i+l; Labell.Text=”do whileend while的结果为：”; Label2.Text= Convert.ToString (sum); 5. 保存文件，按F5键调试运行程序。在浏览器中单击“for”、“while”按钮，观看运行结果。四、思考与练习1. 比较C#中选择结构的几种格式的优缺点，并把实验一中的试题改有其它选择结构语句实现。2. 区分各种循环语句的使用方法。3. 输入一行字符，分别统计出其中英文字母、空格、数字和其他字符的个数。实验3 VC#.NET中类的设计一、目的与要求1掌握类的定义和使用。2掌握类的定义和对象的声明。3掌握具有不同访问属性的成员的访问方式。4观察构造函数和析构函数的执行过程。5. 定义一个类作为类的数据成员。二、实验环境 1. 计算机一台；2. Microsoft Visual Studio .NET 2005工具软件；三、内容和步骤【实验题1】完成下列的要求：1. 自定义一个类，名称为MyClass。2. 定义数据成员定义，定义一个常量成员，定义一个变量成员，定义一个静态变量成员。3. 定义类的方法成员，定义一个类的方法，定义一个成员方法。4. 实现构造函数，和析构函数。5. 在主函数中对以上成员进行正确的访问。步骤如下1.定义一个类名字为MyClass。实现要求的成员定义，可以参考如下代码，适当添加相应的其他成员定义：using System;class MyClasspublic MyClass() Console.WriteLine(Instance constructor);public MyClass(int value) MyField = value;Console.WriteLine(Instance constructor);MyClass() Console.WriteLine(Destructor);public const int MyConst = 12;public int MyField = 34;public void MyMethod()Console.WriteLine(MyClass.MyMethod);public int MyProperty get return MyField;set MyField = value;public int thisint index get return 0;set Console.WriteLine(this0 = 1, index, value);public event EventHandler MyEvent;public static MyClass operator+(MyClass a, MyClass b) return new MyClass(a.MyField + b.MyField);internal class MyNestedClass2.创建一个包含主函数的类来访问MyClass类 ，可以参考如下代码：class Teststatic void Main() / Instance constructor usageMyClass a = new MyClass();MyClass b = new MyClass(123);/ Constant usageConsole.WriteLine(MyConst = 0, MyClass.MyConst);/ Field usagea.MyField+;Console.WriteLine(a.MyField = 0, a.MyField);/ Method usagea.MyMethod();/ Property usagea.MyProperty+;Console.WriteLine(a.MyProperty = 0, a.MyProperty);/ Indexer usagea3 = a1 = a2;Console.WriteLine(a3 = 0, a3);/ Event usagea.MyEvent += new EventHandler(MyHandler);/ Overloaded operator usageMyClass c = a + b;static void MyHandler(object sender, EventArgs e) Console.WriteLine(Test.MyHandler);internal class MyNestedClass3.对以上代码进行添加修改，然后进行调试，使其能够正确运行，得到相应的正确结果。四、思考与练习1. 类中不同访问属性的成员访问方式是什么？2. 怎样定义一个类？如何声明一个对象？实验4 HTML控件和Web服务器控件的使用一、目的与要求1熟悉HTML服务器控件及其应用。2. 掌握WEB服务器控件及其应用。二、实验环境 (1) 计算机一台。(2) Microsoft Visual Studio .NET 2005工具软件。三、内容和步骤 【实验题】自选 步骤如下。 1.创建一个ASP.NET的Web应用项目。2.在窗体中用HTML控件进行界面设计。（1）打开“视图”“工具箱”选项，从“工具箱”的“HTML”选项卡中选取各种不同的控件。（2）打开“视图”“属性”选项，在“属性”窗口中设置控件的相应属性。（3）通过快捷菜单中的“作为服务器控件运行”菜单项将HTML标记转换为HTML Server控件。（4）编写代码和事件过程。（5）保存文件，按F5执行程序，查看执行结果。3.在窗体中用Web Server控件进行界面设计。（1）打开“视图”“工具箱”选项，从“工具箱”的“Web控件”选项卡中选取各种不同的控件。（2）打开“视图”“属性”选项，在“属性”窗口中设置控件的相应属性。（3）编写代码和事件过程。（4）保存文件，按F5执行程序，查看执行结果。四、思考与练习1.HTML Server控件与Web控件的区别是什么？实验5 验证控件的使用一、目的与要求掌握验证控件及其应用；二、实验环境 (1) 计算机一台；(2) Microsoft Visual Studio .NET 2005工具软件；三、内容和步骤 【实验题1】学习验证控件的使用方法，实验中我们使用了五个验证控件，其中有四个验证控件各对应一个TextBox控件。在实验中根据不同的验证控件显示出了不同的结果。 步骤如下。1. 在Web窗体上拖放五个TextBox控件、一个Button控件、五个label控件、一个RequireFieldValidator控件、一个CompareValidator控件、一个RangeValidator控件、一个RegularExpressionValidator控件、一个CustomValidator控件及一个ValidationSummary控件。2. 在TextBox控件中输入相关信息。让每个验证控件对应一个TextBox控件(ValidationSummary除外)。3. 分别设置各个验证控件的ErrorMessage属性的值。4. 保存并关闭文件，在浏览器中打开该Web页面，并在该页面的各个文本框中输入数据，显示结果如图5-1所示。图5-1 程序运行结果四、思考与练习1. 验证控件的作用是什么？实验6 访客计数器一、目的与要求1熟练掌握Application及Session对象的使用。2利用.NET内置对象实现显示当前网页的访客计数器。二、实验环境 1 计算机一台；2 Microsoft Visual Studio .NET 2005工具软件；三、内容和步骤【实验题1】使用Application对象统计网站的访问次数步骤如下。1新建一个Web应用项目。2创建程序主页面窗体TEST6_1.ASPX，页面上放置两个Label WEB控件，控件标识名分别为：Count、C_Time,Text属性为空，Count用于显示计数值，C_Time用于显示访问的当前时间。3在TEST6_1.ASPX页面的空白处双击，进入程序编辑窗口，在Pagp_load事件中输入以下程序代码：using System;using System.Data;using System.Configuration;using System.Collections;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;using System.Web.UI.HtmlControls;public partial class text6_1 : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e) Application.Lock(); ApplicationCounter= Convert.ToInt32(ApplicationCounter) + 1; Application.UnLock(); Count.Text = 您是第 + ApplicationCounter + 位访客！; C_Time.Text=最近一次浏览时期时间：+ System.DateTime.Now; 4编译、运行程序，结果如图6-1所示。连续单击“刷新”按钮，观察网页上访客人数的变化。图6-1程序运行结果【实验题2】使用Session对象统计您访问网站的次数步骤如下。1新建一个Web应用项目。2创建程序主页面窗体TEST6_2.ASPX，页面上放置两个Label WEB控件，控件标识名分别为：Count、C_Time,Text属性为空，Count用于显示计数值，C_Time用于显示访问的当前时间。3在TEST6_1.ASPX页面的空白处双击，进入程序编辑窗口，在Pagp_load事件中输入以下程序代码：using System;using System.Data;using System.Configuration;using System.Collections;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;using System.Web.UI.HtmlControls;public partial class text6_1 : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e) if (Session.IsNewSession) Sessioncounter = Convert.ToInt32(Sessioncounter) + 1; Label1.Text = 您是第 + SessionCounter + 位访客！; Label2.Text=最近一次浏览时期时间：+ System.DateTime.Now; 4编译、运行程序，结果如图6-2所示。连续单击“刷新”按钮，观察网页上访客人数的变化。图6-2程序运行结果四、思考与练习1Application和Session对象都可以用来记录客户的信息，它们有什么区别？2将计数器的值写入文本文件，从文件中读写计数器的值，改写上面的应用程序。实验7 数据库基本操作一、目的与要求1熟悉基本的数据库应用程序设计的流程；2熟悉如何利用ADO.NET来处理数据库类型的应用；二、实验环境 Visual Studio 2005或者Visual Web Developer Express EditionMicrosoft SQL 2005 Express Edition三、内容和步骤 【实验题】实现用户登录或新用户注册的功能 步骤如下。1在SQL SERVER 2005中创建一个use数据库，并在这个数据库中建立一个表member，member表包含二个字段，分别是name(PK,NVARCHAR(50), NOT NULL);password(NVARCHAR(20), NOT NULL) ;emil(NVARCHAR(50), NULL)。2新建一个Web应用项目。3创建用户登录或新用户注册的程序主页面窗体Tetst7_1.ASPX，页面界面如图7-1所示。页面上有三个Label、二个TextBox、三个Button共八个WEB控件。3进入程序编辑窗口，在三个按钮对应的事件中输入以下程序代码：private void Button1_Click(object sender, System.EventArgs e)/实现用户登录功能string User=this.TextBoxUser.Text.Trim();string Pwd=this.TextBoxPwd.Text.Trim();string strConn = server=localhostSqlExpress;database=use;uid=sa;pwd=;SqlConnection con=new System.Data.SqlClient.SqlConnection();SqlCommand myCommand = new SqlCommand(select * from member where user=+User+ and password=+Pwd+, con);Con.open();Int count= myCommand.ExecuteScalar();if(count=1)this.Label3.Text=恭喜，您已经成功登录!;elsethis.Label3.Text= alert(登录信息有误!);con.colse();private void Button2_Click(object sender, System.EventArgs e)/实现重置功能this.TextBoxUser.Text=;this.TextBoxPwd.Text=;private void Button3_Click(object sender, System.EventArgs e)/实现用户注册功能Response.Redirect(test7_2.aspx);4如果是新用户，单击注册，进入test7_2.aspx页面，页面界面如图7-2所示。图7-2 新用户注册5进入程序编辑窗口，对应按钮的事件中输入以下程序代码：protected void Button1_Click(object sender, System.EventArgs e)/实现用户注册的确认功能if(this.TextBoxUser.Text=)this.LabelMessage.Text= alert(您必须输入用户名!);else string User=this.TextBoxUser.Text;string strConn = server=localhostSqlExpress;database=use;uid=sa;pwd=;SqlConnection con=new System.Data.SqlClient.SqlConnection();SqlCommand myCommand = new SqlCommand(select * from member where user=+User+, con);Con.open();Int count= myCommand.ExecuteScalar();if(count!=0)this.LabelMessage.Text= alert(您输入的用户名已存在，请重新设置!);else if(this.TextBoxPwd.Text!=this.TextBoxRpwd.Text)this.LabelMessage.Text= alert(二次输入的密码不一致，请确认后重试!); elsethis.LabelMessage.Text=;try/设置命令参数(参数名、类型、长度、所示列名)this.myCommand.Parameters.Add(user,System.Data.SqlDbType.NChar,10,user);this.myCommand.Parameters.Add(Email,System.Data.SqlDbType.NChar,20,Email);this.myCommand.Parameters.Add(pwd,System.Data.SqlDbType.NChar,20,密码); this.myCommand.Parameters.Add(Email,System.Data.SqlDbType.NChar,20,Email);this.myCommand.ParametersEmail.Value=this.TextBoxEmail.Text;this.myCommand.Parameterspwd.Value=this.TextBoxPwd.Text;this.myCommand.CommandText=insert into memberInfo(user,passwor,Email) values(user, pwd, Email);/无返回值的数据查询进行记录更新this.myConnection.Open();this.myCommand.ExecuteNonQuery();this.myConnection.Close();this.LabelMessage.Text=您已经注册成功了!;catch(Exception Exc)this.LabelMessage.Text=Exc.Message;this.myConnection.Close();protected void Button2_Click(object sender, System.EventArgs e)/实现注册的重置功能this.TextBoxUser.Text=;this.TextBoxPwd.Text=;this.TextBoxRpwd.Text=; this.TextBoxEmail.Text=;this.LabelMessage.Text=请填写注册内容!;6编译、运行程序，观察结果。四、思考与练习1如何实现与数据库的连接？ 实验8 使用DataSet对象访问数据一、目的与要求1. 掌握DataAdapteter对象的创建和配置方法。2. 掌握通过DataAdapter对象创建DataSet对象的方法。3. 掌握将DataSet对象绑定到DataGrid控件进行数据显示的方法。二、实验环境1. 计算机一台；2. Microsoft Visual Studio .NET 2005工具软件；三、内容与步骤 【实验题1】本实验要求完成以下任务。 利用DataAdapteter对象和DataSet对象的方法。使用DataGrid控件进行数据显示。并实现 分页、编辑、删除、排序、选中行等。注意，使用数据库微软的FPNWIND数据库，可导入到SQL Server 数据库。创建步骤：1页面的创建在页面中加入 DadaGrid 控件 使用属性生成器做一些设置，实现分页、排序、编辑、删除等功能2数据库的连接（连接 FPNWIND.MDB 库，先导入到SQL Server中）现在SQL Server中建立数据库FPNWIND，然后把FPNWIND.MDB数据库中的所有数据都倒入其中。使用连接类DB.CS来集中连接数据库，连接的代码方法如下：public static SqlConnection createCon() return new SqlConnection(Server=.;DataBase=FPNWIND;uid=sa;pwd=;); 在每个页面中连接数据库时，加入下列代码即可。 SqlConnection conn=DB.createCon(); /对应上面类中的方法3先实现在DataGrid中的简单显示涉及的代码有：public DataSet ds=new DataSet();/建立数据集对象private void Page_Load(object sender, System.EventArgs e)/ 在此处放置用户代码以初始化页面if(!this.IsPostBack)BindGrid();private void BindGrid() /数据绑定方法SqlConnection con=DB.createCon();SqlDataAdapter sda=new SqlDataAdapter(select * from 供应商,con);sda.Fill(ds,emp); /装填数据集DataSet/和更新按钮有关，需要设置主键*this.DG1.DataKeyField=供应商ID;/索引关键字/*this.DG1.DataSource=ds.Tablesemp.DefaultView;this.DG1.DataBind();4再实现在DataGrid中的分页右键点击 DataGrid 利用“属性生成器”设置分页。private void DG1_PageIndexChanged(object source, System.Web.UI.WebControls.DataGridPageChangedEventArgs e) /分页 this.DG1.CurrentPageIndex=e.NewPageIndex; BindGrid();5实现编辑和删除右键点击 DataGrid 利用“属性生成器列按钮列”，添加:“编辑”和“删除”按钮，这时也需要添加“绑定列”便于确定列号。利用“属性”，选事件按钮（图标为闪电标志），选取“editCommand”事件，双击后，如下添加代码：private void DG1_EditCommand(object source, System.Web.UI.WebControls.DataGridCommandEventArgs e)this.DG1.EditItemIndex=e.Item.ItemIndex; BindGrid(); 可以编辑了，但还需要添加“更新”和“取消”按钮的代码。private void DG1_UpdateCommand(object source, System.Web.UI.WebControls.DataGridCommandEventArgs e)string empID=this.DG1.DataKeyse.Item.ItemIndex.ToString();string companyname = (TextBox)e.Item.Cells1.Controls0).Text;string 联系人姓名 = (TextBox)e.Item.Cells2.Controls0).Text;SqlConnection con=DB.createCon();SqlCommand cmd=new SqlCommand(update 供应商 set 公司名称= +companyname+, 联系人姓名=+联系人姓名+ where 供应商ID=+empID+,con);con.Open();cmd.ExecuteNonQuery();con.Close();this.DG1.EditItemIndex=-1;this.BindGrid();private void DG1_CancelCommand(object source, System.Web.UI.WebControls.DataGridCommandEventArgs e)this.DG1.EditItemIndex=-1;this.BindGrid();删除按钮的源代码：private void DG1_DeleteCommand(object source, System.Web.UI.WebControls.DataGridCommandEventArgs e)string SupID=this.DG1.DataKeyse.Item.ItemIndex.ToString();SqlConnection con=DB.createCon();SqlCommand cmd=new SqlCommand(delete 供应商 where 供应商ID=+SupID+,con);con.Open();cmd.ExecuteNonQuery();con.Close();this.DG1.EditItemIndex=-1;this.BindGrid();6实现排序右键点击 DataGrid 利用“属性生成器常规允许排序”，再利用“属性生成器列数据绑定列排序表达式”设置排序表达式。设置表达式后，在相应标题栏出现下划线。 然后，利用“属性”，选事件按钮（图标为闪电标志），选取“SortCommand”事件，双击后，如下添加代码：private void DG1_SortCommand(object source, System.Web.UI.WebControls.DataGridSortCommandEventArgs e)/排序/ViewStateOrder = ASC; /按递增排序，递减为：DSC 上行代码要放在此事件以外，可放在page_load事件中/双向排序：如果原来是降序则改为升序，反之亦然if(string)ViewStateOrder = DESC)ViewStateOrder = ASC;elseViewStateOrder = DESC;SqlConnection con=DB.createCon(); /连接 FPNWIND 库SqlDataAdapter sda=new SqlDataAdapter(select * from 供应商,con);/DataSet对象 ds 已经在前面定义);sda.Fill(ds,emp);/设定默认视图DefaultView来排序ds.Tablesemp.DefaultView.Sort=e.SortExpression+ +ViewStateOrder.ToString();this.DG1.DataSource=ds.Tablesemp.DefaultView;this.DG1.DataBind(); 7增加“超级链接列”设置超级链接。右键点击 DataGrid 利用“属性生成器列超级链接列”在表中设置超级链接。需要填写相关的“文本字段”和“URL字段”及“URL格式字符串”如：分别设为：“供应商ID“和“供应商ID”及“showDetails.aspx? empID=0”, showDetails.aspx为另一页面。在此页面中编写如下代码。以接收传递过来的信息。private void Page_Load(object sen