《网站设计实验指导书》由会员分享,可在线阅读,更多相关《网站设计实验指导书(30页珍藏版)》请在金锄头文库上搜索。
1、网站设计网站设计 实验指导书实验指导书马江平马江平辽宁工程技术大学营销管理学院辽宁工程技术大学营销管理学院第 2 页目目 录录实验 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第 1 页实验实验 1 HTML 网页制作网页制作一、目的与要求一、目的与要求1. 掌
2、握 HTML 常用网页标记的使用。 2. 掌握表格的建立方法。3. 掌握表单的建立方法。二、实验环境二、实验环境 任何一个文本编辑器、IE 或者其它网页浏览器三、内容和步骤三、内容和步骤【实验题 1】在网页上创建一个课表。步骤如下。1. 打开记事本,输入如下代码,并以 testl_1.html 为文件名保存该文件:表格标记应用课表节次星期一星期二星期三星期四星期五1、2 专业英语 操作系统 网络基础 专业英语 数据库3、4 Java 数据库 实验 Java 操作系统第 2 页5、6 网络基础 实验 实验 实验 操作系统2. 通过浏览器打开该文件,得到该程序的执行结果,如图 l-1 所示。图 1
3、-l “课表”网页运行结果【实验题 2】创建一个新用户注册的表单。 步骤如下。 1. 打开记事本或其它文本编辑工具,添加如下代码,并以 testl-2.html 为文件名保存该文件; 新用户注册新用户注册 姓 名: 性 别: 男 女地 址: 邮政编码: 电 话: 电子邮件: 个人爱好: 体育 音乐 上网 旅游第 3 页返回2. 通过浏览器打开该文件,得到该程序的运行结果,如图 1-2 所示。图 1-2 “新用户注册”运行结果四、思考与练习四、思考与练习1. 网页的基本语法格式是什么?包含了哪些内容? 2. 试使用 HTML 制作一个人主页,将接受教育的情况用表格在网页上列出来。第 4 页实验实
4、验 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 分(
5、包括 90 分)以上为A ,8089 分为B ,7079 分为C ,6069 分为D ,60 分 以下为E 。步骤如下。1. 在 VSNET 主选单中选择:文件一新建一项目,在“模板”框中选择“ASENET Web 应用程序”选项,然后在“名称”文本框中输入 Web 应用程序的名称,单击“确定” 按钮。2. 设计程序主页面 test2_1aspx 界面,所包含的控件及属性列于表 1 中。在界面上放 置两个 Label 控件,一个 textbox 控件和一个 Button 控件。 表 1-1 test2_1.aspx 文件包含的控件及其属性控件类型名称标识属性属性值备注WEB 控件LabelLa
6、bel1text请输入成绩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)g
7、rade=”A”;Else lf (score=80)grade=”B”;Else lf (score=70) grade=”C”;第 5 页Else lf(score=60)grade=”D”;Elsegrade=”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.
8、aspx 界面的代码设计器窗口。在 buttonl_click 事件处理器的编辑区中输入下列代码:private void Button1_Click(object sender, System.EventArgs e)int i,term,sum ;sum=0;term=1;For(i=1;i alert(登录信息有误!);“;con.colse();private void Button2_Click(object sender, System.EventArgs e)/实现重置功能this.TextBoxUser.Text=“;this.TextBoxPwd.Text=“;private
9、 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
10、.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 co
11、unt= myCommand.ExecuteScalar();第 17 页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“,S
12、ystem.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.Parameters“Email“.
13、Value=this.TextBoxEmail.Text;this.myCommand.Parameters“pwd“.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.LabelMessag
14、e.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=“请填写注册内
15、容!“;6编译、运行程序,观察结果。四、思考与练习四、思考与练习1如何实现与数据库的连接? 第 18 页实验实验 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 控件控件使用属性生成器做一些设置,实现分