互联网程序设计实验指导书

1、.互联网程序设计上机实验指导书（2011 版）;.软件学院 DOT NET 教研室2011.8目录实验一C#循环结构程序设计、数组和函数编程应用3实验二HTML综合实验3实验三各种主要控件的使用、控件事件的使用6实验四状态管理对象的应用8实验五验证控件的使用10实验六母版页的使用12实验七数据库基本操作13实验八使用 DATASET进行数据库操作14实验九WEB 技术综合应用16;.实验一C#循环结构程序设计、数组和函数编程应用【实验目的】1、 通过上机操作掌握结构化设计的基本方法2、 理解顺序结构、选择结构和循环结构的基本概念3、 For、 foreach 语句的使用方法4、 通过本实验进一

2、步理解使用C# 2005 创建项目的一般步骤和常用编程技巧【实验内容】本试验中，将使用C#编写三个程序：1、 一个控制台应用程序，计算 100 以内奇数和与偶数和，主要考察对 循环语句 的使用。2、 一个 windows 程序，填充100 个元素的数组（使用随机数）然后使用MessageBox显示出来这100 个数。3、 一个控制台应用程序，编程比较string和 StringBuilder处理字符串操作的差别【实验步骤】1、打开 VS2008，注意根据需要新建相应的项目类型。2、第一个程序需要变量的定义，循环要注意起始界限。3、第二个程序需要用到Random 类的对象产生随机数填充数组4、第

3、三个程序需要使用DateTime.Now.Ticks 来比较操作前后的时间差。5、代码中使用的变量要规范命名。实验二HTML综合实验【实验目的】1、 通过本实验了解HTML 标记语言的基本语法格式2、 了解使用 HTML语言制作静态网页的基本技术3、 掌握 HTML 表格的设计方法4、 设计一个学生成绩查询的ASP.NET 网站【实验内容】1、 使用 HTML 语言，在 Windows “记事本”程序中编写 HTML 代码，制作学生成绩登记表，要求能在浏览器中正确显示字体、字型、字号等格式。2、 设计一个用于学生成绩查询的ASP.NET 网站。【实验步骤】1、 使用 Windows 记事本程序

4、制作网页1）编写 HTML 代码：启动Windows 附件中的记事本程序，编写HTML 代码;.2）保存 HTML 文件3）执行如图1-1图 1-12、 设计一个用于学生成绩查询的ASP.NET 2.0 网站1）设计要求：假设某学校现在有3 个班级，要求设计一个能在网络中通过IE 浏览器进行各班级学生成绩查询的ASP.NET 网站。设计时可采用Visual Studio 2005 或记事本为每个班级创建一个独立的静态页面 class1.htm、 class2.htm、 class3.htm。站点打开时首先显示列有所有班级名称的导航页default.aspx，用户通过单击希望查看的班级名称链接，

5、打开对应的班级查询网页。2）创建 ASP.NET 网站启动 VS 2005 新建一个ASP.NET 网站项目，新建3 个 HTML页文件：显示各班级学生成绩列表内容的静态网页class1.htm、 class2.htm、 class3.htm。或者，将事先已通过记事本完成的用于显示各班级学生成绩列表内容的静态网页 class1.htm、class2.htm、class3.htm 添加到网站中。可以直接将准备好的静态网页文件复制到网站所在的文件夹，也可在“解决方案资源管理器”窗口中，选择项目的保存位置后单击鼠标右键，在弹出的快捷菜单中执行“添加现有项”命令，选择需要添加的文件，单击【添加】按钮。

6、3）设计 WEB 页面切换到 default.aspx 的设计视图，执行布局菜单下的“插入表”命令，在对话框中用户可在可视化界面中设置HTML表格的各种属性，单击【确定】按钮将表格插入到页面当前光标位置4）设置对象属性分别选择页面中的3 个超链接控件， 在属性窗口中按表设计它们的初始属性。表 1-1 属性设置控件属性值说明HyperLink1IDlnkClass1、lnkClass2 、lnkClass3控件在程序中使用的名称HyperLink3Text网络一班、网络二班、网络三班空间上显示的文本NavigateUrlclass1.htm、class2.htm、class3.htm单击控件时跳

7、转的目标URLTarget_blank打开新网页时的目标框架5）编写程序代码;.6）测试运行结果;.实验三 各种主要控件的使用、 控件事件的使用【实验目的】1、熟悉在Microsoft Visual Studio.Net中建立项目的方法。2、掌握常用的Html 服务器控件和Web服务器控件的主要属性和它们的使用方法。【实验内容】1、设计一个ASP.NET 项目，实现如下功能：通过一个组合列表框选择或输入姓名，通过复选框选择其爱好，然后显示“欢迎你，爱好* 的 * ”的信息。其中 * 代表爱好， * 代表姓名。2、利用 Web 服务器控件及C#程序完成以下功能：1）制作一个用户登陆界面2）验证用

8、户名和密码是否正确，若正确给出欢迎信息，并可以输入留言，否则，给出错误提示。【实验步骤】ASP.Net 项目的建立流程1）启动 Visual Studio 2005，进入操作界面之后，点击“文件” “新建” “网站”，如下图。（ 2）点击之后，进入如下提示框，要求选择模板为“ASP.Net 网站”，之后输入位置，位置可以选择，也可以新输入，如下图;.之后系统为您生成相应的文件及目录A ）（ C ）（ B ）A 区）可以切换到某一个已打开文件内容下。B 区）浏览或者刷新该项目的所有文件，可以双击打开文件内容C 区）第一行的内容含义为实验四状态管理对象的应用【实验目的】通过本试验进一步掌握 App

9、lication 和 Session 对象的特点和使用方法， 理解 Application 对象和 Session 对象在应用程序中保存用户数据的基本原理。【实验内容】注：至少选做1 题。1设计一个简易网上聊天室用户访问网站时首先打开登录页面（ Default.aspx）。在输入了用户名和相应的密码后，进入聊天页面（ chat.htm ）。页面通过框架分为上下两部分，上方显示聊天文字信息，下方显示一个输入聊天信息的表单，用户在输入了信息后单击 提交 按钮即可将信息发布到上方窗口。当用户进入聊天页面时，屏幕上显示“* 进入聊天室” （ * 为用户昵称）的信息。若用户在登录时忘记输入用户名或密码是

10、弹出出错提示，如图 6-2 所示；若输入的用户名或密码不正确，弹出出错信息，如图6-3所示。图 6-1登录聊天室;.图 6-2 忘记输入用户名或密码是时的提示图 6-3 用户名或密码出错时的提示图 6-4 聊天页面2设计一个站点计数器要求：使用 Session 对象设计一个站点计数器，将来访人数存放在放在站点内的 counter.txt 文件中，该数字不会因服务器或网站的重新启动而丢失；程序运行时要将当前会话的 ID 值显示到页面中，注意比较SessionID值的变化。【实验步骤】以简易网上聊天室为例。设计登录页面（ Default.aspx ）新建一个 ASP.NET网站，向页面中添加一个用

11、于布局的HTML表格，向表格中添加必要的说明文字。添加两个文本框TestBox1和 TestBox2 ，添加一个连接按钮控件LinkButton1。适当调整各控件的大小及位置，页面设计效果如图5-1 所示。设置 Defalt.aspx 中控件的属性设置用户名文本框TestBox1 的 ID 属性为 txtUsername ；设置密码文本框的ID 性为 txtPassword ， TextMode 属性为 Password （将文本框设为密码框） ；设置连接按钮LinkButton1的 ID 属性为 lbtnLogin， Text 属性为“进入聊天室” 。编写 Default.aspx 中包含的

12、程序代码添加并配置全局配置文件（ Global.aspx ）在解决方案资源管理器中，右键单击网站名称，在弹出的快捷菜单中执行“添加命令，然后选择“全局应用程序类”模板，单击添加按钮。添加用于显示聊天信息的页面（ main.aspx ）通过解决方案资料管理器向网站中添加一个新Web窗体，将其命名为main.aspx 。切换到设计视图，向页面中添加一个用于显示聊天信息的标签控件。将标签的ID 属性设置为 lblMsg,Text属性设置为空。设置发送聊天信息的页面（ send.aspx ）向网站中添加一个新的Web 窗体，向页面中添加一个用于显示用户名的标签控件;.Label1 ，添加一个用于输入聊

13、天文字的文本框控件TextBox1 和一个按钮控件Button1如图 2 所示。设置标签控件Label1 的 ID 属性为 lblName ，Text 属性为空；设置文本框TextBox1的 ID 属性为 txtMsg ， TextMode 属性为 MultiLine （能显示多行文本） ；设置按钮控件Button1 的 ID 属性为 btnSubmit ，Text 属性为“提交” 。7.编写 send.aspx 中包含的程序代码8.设计框架网页 chat.htm在 Windows 附件中的 “记事本” 程序中输入如下HTML代码， 并以 chat.htm为文件名进行保存，设计完毕的网页必须保

14、存到站点文件夹中。实验五验证控件的使用【实验目的】熟练掌握验证控件的使用方法和各种属性的意义。【实验内容】参考以下样张进行设计：【实验步骤】一、在原有基础上添加如下样张所示的验证控件：;.RequiredFieldValidator 控件RegularExpressionValidator 控件RequiredFieldValidator 控件RegularExpressionValidator 控件RequiredFieldValidator 控件CompareValidator 控件RequiredFieldValidator 控件RegularExpressionValidator 控件

15、CompareValidator 控件RegularExpressionValidator 控件二、进行有关属性设置和编码实现如下要求：提示：样张只对用户登录昵称进行截图举例，其它部分请自行补充完成。三、验证通过，显示用户填写信息如下：;.实验六母版页的使用【实验目的】1、掌握母版页的建立、应用。2、掌握如何用DIV+CSS 进行版面布局设计。3、掌握如何将静态网页转成动态网页。4、掌握样式在ASPX 页面中的应用。【实验内容】建立网站的母版页，并且利用该母版页建立网站内容页：注册页面。【实验步骤】1、在一个目录下放置之前实验中设置的静态的网页代码2、在 VS 中打开该网站。3、观察各HTML

16、 页面的代码。4、利用 index.html 改造成母版页：1）在网站中创建母版页。2）打开母版页及页。3）复制 index.html 中 以后的代码至母版页相应位置中。4）在 中放入一个Contentplaceholder 控件。5）“挖掉” Main 层中的内容，替换成一个Contentplaceholder 控件。6)在 的起止处放入一个form id= ”form1 ” runat=”server”.7)删除多余的form 标记5、利用上述母版页生成注册功能的内容页。1）利用上述母版页生成一个内容页，命名为Register.aspx。2）打开 register.html，复制可用的代码

17、。3）将静态HTML 控件换成相应的WEB 服务器控件（包括验证控件）。4）删除多余的FORM 标记。;.实验七数据库基本操作【实验目的】通过本实验让学生复习有关数据库的基本操作，这些操作可以再 WinForm 下也可以再 ASP.NET 下面完成【实验内容】编写一个用户注册网页，实现从网页表单中取出数据；判断输入是否正确，如果错误，进行报错； 如果正确， 将数据存入数据库中，另外通过Name_show.aspx 进行显示现有用户。【实验步骤】（ 1） Name_Input.aspx 页面为输入用户名和密码，点击“添加”按钮入库，跳转到Name_show.aspx 页面；(2) Name_sh

18、ow.aspx 页面的内容为将库中所有的数据全显示出来；修改列和删除列都用模板列， 在里面嵌入一个Label 控件。在该页面点击删除连接，利用网页进入Name_del.aspx删除该用户；点击修改链接，则进入密码修改界面（Name_chg.aspx），进行用户密码修改（ 3）Name_del.aspx ，在页面启动时删除参数传来的ID 号之后，回到Name_show.aspx页面4）Name_chg.aspx ，表单界面与 Name_Input.aspx 类似，在页面启动时，按参数传来的 ID 号进行加载，点击“修改”按钮保存新信息入库，然后跳转到Name_show.aspx 页面；（ 5）数

19、据库的表名、字段名如下图所示用户名 :abcde添 加密码 :*Name_Input.aspx编号姓名密码修改删除1张三123456修改删除2李四432344修改删除3王五32432修改删除入库提取 DBMSName_show.aspx删除记录 (Name_del.aspx?id=xxx)修改记录 (Name_chg.aspx?id=xxx)数据库设计，建立一个数据库MyUsers.mdb ，表为 Cuser，表结构如下：;.实验八使用 DataSet 进行数据库操作【实验目的】1） 了解和掌握ADO.net 数据库组件及相关对象的基本概念和使用方法。2） 掌握使用 DataSet 对象【实验

20、内容】在 ASP.NET 环境中创建一个简易的留言板网站。设已创建了一个Access 数据库文件msg.mdb，其中包含有用于存放用户留言内容的message 表和存放用户登录数据的userinfo表。程序具体要求如下。1. 用户登录身份验证2. 查看和发表留言3. 新用户注册4. 忘记密码的处理注：也可以使用Oracle 、 SQL Server 2000/2005等数据库系统。【实验步骤】1.用户登陆功能的实现（register.aspx）（ 1）设计 WEB 页面新建一个 APS.NET网站，将准备好的数据库文件复制到系统自动创建的App_Data 文件夹中。向页面中添加一个用于布局的H

21、TML表格。向表格中添加必要的说明文字，添加2 个文本框控件TextBox1 和 TextBox2 ，添加 3 个按钮控件Button1Button3。适当调整各控件的大小及位置。（ 2）设置对象属性Default.aspx 页面中的控件初始属性设置如表。表 7-1 属性设置;.（ 3）编写事件代码首先，在代码窗口最上方命名空间引用区中使用下列代码引入OleDb 命名空间：using System.Data.OleDb;然后，在此页面装入时执行的事件过程及各控件的触发事件过程中填入代码，详细代码见程序，就不在此详述。2.查看和发表留言功能的实现（msg.aspx）（ 1）设计 WEB 页面向网

22、站中添加新的WEB窗体，并命名为msg.aspx 。向页面中添加一个用于布局的HTML表格。向页面中添加必要的说明文字，添加一个用于显示留言列表的GirdView 控件，添加1 个标签控件Label1 ，添加 1 个用于填写留言文本的文本框控件TextBox1 和 3 个按钮控件Button1Button3。（ 2）设置对象属性msg.aspx 页面中的控件初始属性值见下表。表 7-2 属性设置（ 3）编写事件代码首先，在代码窗口最上方命名空间引用区中使用下列代码引入OleDb 命名空间：using System.Data.OleDb;然后，在此页面装入时执行的事件过程及各控件的触发事件过程中

23、填入代码，详细代码见程序。3.新用户注册功能的实现（ 1）设计 WEB 页面向网站中添加新的WEB 窗体，并命名为register.aspx。向页面中添加一个用于布局的HTML 表格。向页面中添加必要的说明文字，添加5 个文本框控件TextBox1TextBox5 ，添加 1 个链接按钮控件LinkButton1控件和 2 个按钮控件Button1 、 Button2 。适当调整各控件的大小及位置。（ 2）设置对象属性设置 register.aspx 页面中的控件初始属性值见下表。表 7-3 属性设置;.（ 3）编写事件代码首先，在代码窗口最上方命名空间引用区中使用下列代码引入OleDb 命名

24、空间：using System.Data.OleDb;然后，在此页面装入时执行的事件过程及各控件的触发事件过程中填入代码，详细代码见程序。4.恢复遗忘密码功能的实现（recover.aspx）（1）设计 Web 页面通过解决方案资源管理器，向网站中添加一个新Web 窗体并将其命名为recover.aspx。切换到设计视图，向页面中添加一个用于布局的HTML表格。向页面中添加必要的说明文字，添加一个标签控件Label1，添加 2 个文本框控件TextBox1 、TextBox2 和 2 个按钮控件Button1 、 Button2 。向表格的最后一行添加一个容器控件Panel1，并向其中添加一个

25、用于布局的 HTML 表格，向表格中添加“请输入新密码：”“确认新密码： ”等说明文字，添加2 个文本框控件 TextBox3 、 TextBox4 ，添加 1 个按钮控件 Button3 ，适当调整各控件的大小及位置。2）设置对象属性页面中各控件的初始属性设置如表。表 7-4 属性设置（3）编写事件代码首先，在代码窗口最上方命名空间引用区中使用下列代码引入OleDb 命名空间：using System.Data.OleDb;在所有事件过程之外声明一个字符串变量strAnswer 来存放从数据库中读取的问题“答案”。其他详细代码见程序。string strAnswer;实验九Web 技术综合应

26、用【实验目的】通过使用 ASP.NET 设计并开发一个Web 学习论坛，进一步掌握ADO.NET 操作数据库;.的机制，掌握 ASP.NET 验证控件的用法，理解服务器端对象的功能和用法，学习开发一个综合的 Web 综合应用系统。【实验内容】按照步骤实现所给的 Web 学习论坛，理解该网站的运行机制；对 Web 学习论坛的网站内容和功能进行扩充。【实验步骤】1. 打开 SQL Server 2000，新建一个数据库名为Forum 。打开老师给的 “实验四” 文件夹下的 Forum.sql 文件，在 SQL Server 中执行该文件， 生成三个表，分别是 Users，Poster 和 Repl

27、y 。分别记录注册用户记录，帖子记录和回复记录。三个表之间存在三个外码，找到并思考为什么建立这三个外码。3. 使用VS2005新建一个ASP.NET 网站 “实验四 ”，语言选择Visual C#，删除生成的“Defaulat.aspx ”文件。4. 在 “解决方案资源管理器”中，在网站根目录下添加新项，选择“Web 配置文件 ”。在新生成的 Web.Config 文件中，加入数据库的连接字符串。方法为：将改为6. 在 “解决方案资源管理器”中，在网站根目录下添加新项，选择“Web 窗体 ”，命名为Register.aspx，在其中加入四个asp:TextBox 控件和一个asp:Button

28、 控件。四个asp:TextBox的 id 分别为： UserName， Password， ConfirmPassword 和 Email ，分别代表用户输入的用户名，密码，确认密码，邮箱。 Asp:Button 控件的 id 为 btnSubmit ，Text 属性为注册。7本例中，我们采用 ASP.NET 自带的 Validator 控件进行数据验证，如下图。我们用到的三种控件为： RequiredFieldValidator 验证非空输入框， CompareValidator 验证两个输入框是否相等， RegularExpressionValidator 验证输入框是否符合某种格式。从

29、“工具箱” -“验证”组中拖一个 RequiredFieldValidator 控件到 UserName 的右部，设置其属性： ControlToValidate 为 UserName，ErrorMessage 为“用户名不能为空” 。;.从“工具箱” -“验证”组中拖一个 RequiredFieldValidator 控件到 Password 的右部，设置其属性： ControlToValidate 为 Password，ErrorMessage 为“密码不能为空” 。从“工具箱” -“验证”组中拖一个 CompareValidator 控件到 ConfirmPassword 的右部，设置其

30、属性： ControlToV alidate 为 ConfirmPassword ， ControlToCompare 为 Password，ErrorMessage 为“两次密码输入不一致”。11. 从“工具箱” -“验证”组中拖一个 RequiredFieldValidator 控件到 Emai 的附近，设置其 属 性 ： ControlToValidate 为 Email ， ErrorMessage 为 “ 邮 箱 格 式 不 正 确 ”， 在ValidationExpression属性中，点击” ”，在弹出的“正则表达式编辑器”中选择“Internet;.电子邮件地址” ，单击“确定

31、” 。将“ Register.aspx”设为起始页，按 F5 调试运行，故意输入不符合要求的数据，查看源代码，体会 ASP.NET 的 Validation 控件的运行机制。在 ” Register.aspx中，加”入一个 asp:Label 控件， id 为 Message，用来显示一些信息。在“设计” 视图中， 双击 btnSubmit 按钮，在“ Register.aspx.cs”文件的 ”btnSubmit_Click ”添加代码，将用户注册信息插入数据库的 Users 表中。用户注册后，系统向用户注册的邮箱发送一份邮件，其中包含一个确认字符串，用户点击某个链接后，才能完成注册。调试运行 Register.aspx，用自己的邮箱进行注册， 然后去邮箱里查看服务器发送的邮件。再将系统中设置的发件人邮箱设为自