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

1、精品文档 可修改 互联网程序设计上机实验指导书互联网程序设计上机实验指导书 （2011 版） 精品文档 可修改 软件学院DOT NET 教研室 2011.8 目目 录录 实验一实验一C#C#循环结构程序设计、数组和函数编程应用循环结构程序设计、数组和函数编程应用.3 3 实验二实验二HTMLHTML 综合实验综合实验.3 3 实验三实验三各种主要控件的使用、控件事件的使用各种主要控件的使用、控件事件的使用.5 5 实验四实验四状态管理对象的应用状态管理对象的应用.7 7 实验五实验五验证控件的使用验证控件的使用.9 9 实验六实验六母版页的使用母版页的使用.1111 实验七实验七数据库基本操作

2、数据库基本操作.1212 实验八实验八使用使用 DATASETDATASET 进行数据库操作进行数据库操作 .1313 实验九实验九WEBWEB 技术综合应用技术综合应用.1515 精品文档 可修改 实验一实验一C#C#循环结构程序设计、数组和函循环结构程序设计、数组和函 数编程应用数编程应用 【实验目的实验目的】 1、 通过上机操作掌握结构化设计的基本方法 2、 理解顺序结构、选择结构和循环结构的基本概念 3、 For、foreach 语句的使用方法 4、 通过本实验进一步理解使用 C# 2005 创建项目的一般步骤和常用编程技巧 【实验内容实验内容】 本试验中，将使用 C#编写三个程序：

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

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

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

6、的导航页 default.aspx，用户通过单击希望查看的班级名称链接，打开对应的 班级查询网页。 2）创建 ASP.NET 网站 启动 VS 2005 新建一个 ASP.NET 网站项目，新建 3 个 HTML 页文件：显 示各班级学生成绩列表内容的静态网页 class1.htm、class2.htm、class3.htm。 或者，将事先已通过记事本完成的用于显示各班级学生成绩列表内容的静 态网页 class1.htm、class2.htm、class3.htm 添加到网站中。可以直接将准备好的 静态网页文件复制到网站所在的文件夹，也可在“解决方案资源管理器”窗口 中，选择项目的保存位置后单

7、击鼠标右键，在弹出的快捷菜单中执行“添加现 有项”命令，选择需要添加的文件，单击【添加】按钮。 3）设计 WEB 页面 切换到 default.aspx 的设计视图，执行布局菜单下的“插入表”命令，在对 话框中用户可在可视化界面中设置 HTML 表格的各种属性，单击【确定】按 钮将表格插入到页面当前光标位置 4）设置对象属性 分别选择页面中的 3 个超链接控件，在属性窗口中按表设计它们的初始属性。 表 1-1 属性设置 控件属性值说明 ID lnkClass1、lnkClass2、lnkClass3控件在程序中使用的名称 HyperLink1 HyperLink3Text 网络一班、网络二班、

8、网络三班空间上显示的文本 精品文档 可修改 NavigateUrl class1.htm、class2.htm、class3.htm单击控件时跳转的目标 URL Target_blank 打开新网页时的目标框架 5）编写程序代码 6）测试运行结果 精品文档 可修改 实验三实验三各种主要控件的使用、控件事件各种主要控件的使用、控件事件 的使用的使用 【实验目的实验目的】 1、熟悉在 Microsoft Visual Studio.Net 中建立项目的方法。 2、掌握常用的 Html 服务器控件和 Web 服务器控件的主要属性和它们的使用方法。 【实验内容实验内容】 1、设计一个 ASP.NET

9、项目，实现如下功能： 通过一个组合列表框选择或输入姓名，通过复选框选择其爱好，然后显示“欢迎你， 爱好*的*”的信息。其中*代表爱好，*代表姓名。 2、利用 Web 服务器控件及 C#程序完成以下功能： 1）制作一个用户登陆界面 2）验证用户名和密码是否正确，若正确给出欢迎信息，并可以输入留言，否则，给出错 误提示。 【实验步骤实验步骤】 ASP.NetASP.Net 项目的建立流程项目的建立流程 （1 1）启动）启动 VisualVisual StudioStudio 20052005，进入操作界面之后，点击，进入操作界面之后，点击“文件文件”“”“新建新建”“”“网站网站” ， 如下图。如

10、下图。 （2 2）点击之后，进入如下提示框，要求选择模板为）点击之后，进入如下提示框，要求选择模板为“ASP.Net“ASP.Net 网站网站” ，之后输入位置，之后输入位置， 位置可以选择，也可以新输入，位置可以选择，也可以新输入，如下图 精品文档 可修改 之后系统为您生成相应的文件及目录 （A 区）可以切换到某一个已打开文件内容下。 （B 区）浏览或者刷新该项目的所有文件，可以双击打开文件内容 （C 区）第一行的内容含义为 实验四实验四状态管理对象的应用状态管理对象的应用 【实验目的实验目的】 通过本试验进一步掌握 Application 和 Session 对象的特点和使用方法，理解 A

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

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

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

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

15、个用于显示用户名的标签控件 精品文档 可修改 Label1，添加一个用于输入聊天文字的文本框控件 TextBox1 和一个按钮控件 Button1 如图 2 所示。 设置标签控件 Label1 的 ID 属性为 lblName，Text 属性为空；设置文本框 TextBox1 的 ID 属性为 txtMsg，TextMode 属性为 MultiLine（能显示多行文本） ；设置按钮控件 Button1 的 ID 属性为 btnSubmit，Text 属性为“提交” 。 7. 编写 send.aspx 中包含的程序代码 8. 设计框架网页 chat.htm 在 Windows 附件中的“记事本”

16、程序中输入如下 HTML 代码，并以 chat.htm 为文 件名进行保存，设计完毕的网页必须保存到站点文件夹中。 实验五实验五验证控件的使用验证控件的使用 【实验目的实验目的】 熟练掌握验证控件的使用方法和各种属性的意义。 【实验内容实验内容】 参考以下样张进行设计： 【实验步骤实验步骤】 一、在原有基础上添加如下样张所示的验证控件： 精品文档 可修改 二、进行有关属性设置和编码实现如下要求： 提示：样张只对用户登录昵称进行截图举例，其它部分请自行补充完成。 三、验证通过，显示用户填写信息如下： RequiredFieldValidator 控件 RegularExpressionValid

17、ator 控件 RequiredFieldValidator 控件 RegularExpressionValidator 控件 RequiredFieldValidator 控件 CompareValidator 控件 RequiredFieldValidator 控件 RegularExpressionValidator 控件 CompareValidator 控件 RegularExpressionValidator 控件 精品文档 可修改 实验六实验六母版页的使用母版页的使用 【实验目的实验目的】 1、掌握母版页的建立、应用。 2、掌握如何用 DIV+CSS 进行版面布局设计。 3、掌握

18、如何将静态网页转成动态网页。 4、掌握样式在 ASPX 页面中的应用。 【实验内容实验内容】 建立网站的母版页，并且利用该母版页建立网站内容页：注册页面。 【实验步骤实验步骤】 1、在一个目录下放置之前实验中设置的静态的网页代码 2、在 VS 中打开该网站。 3、观察各 HTML 页面的代码。 4、利用 index.html 改造成母版页： 1）在网站中创建母版页。 2）打开母版页及页。 3）复制 index.html 中以后的代码至母版页相应位置中。 4）在中放入一个 Contentplaceholder 控件。 5） “挖掉”Main 层中的内容，替换成一个 Contentplacehol

19、der 控件。 精品文档 可修改 6)在的起止处放入一个form id=”form1” runat=”server”. 7)删除多余的 form 标记 5、利用上述母版页生成注册功能的内容页。 1）利用上述母版页生成一个内容页，命名为 Register.aspx。 2）打开 register.html，复制可用的代码。 3）将静态 HTML 控件换成相应的 WEB 服务器控件（包括验证控件） 。 4）删除多余的 FORM 标记。 实验七实验七数据库基本操作数据库基本操作 【实验目的实验目的】 通过本实验让学生复习有关数据库的基本操作，这些操作可以再 WinForm 下也可以再 ASP.NET

20、下面完成 【实验内容实验内容】 编写一个用户注册网页，实现从网页表单中取出数据；判断输入是否正确，如果错误， 进行报错；如果正确，将数据存入数据库中，另外通过 Name_show.aspx 进行显示现有用户。 【实验步骤实验步骤】 （1）Name_Input.aspx 页面为输入用户名和密码，点击“添加”按钮入库，跳转到 Name_show.aspx 页面； (2)Name_show.aspx 页面的内容为将库中所有的数据全显示出来；修改列和删除列都用 模板列，在里面嵌入一个 Label 控件。在该页面点击删除连接，利用网页进入 Name_del.aspx 删除该用户；点击修改链接，则进入密码

21、修改界面（Name_chg.aspx） ，进行 用户密码修改 （3）Name_del.aspx，在页面启动时删除参数传来的 ID 号之后，回到 Name_show.aspx 页面 （4）Name_chg.aspx，表单界面与 Name_Input.aspx 类似，在页面启动时，按参数传来 的 ID 号进行加载，点击“修改”按钮保存新信息入库，然后跳转到 Name_show.aspx 页面； （5）数据库的表名、字段名如下图所示 Name_Input.aspx 编号姓名密码修改删除 abcde *密密 码码: 添添 加加 用户名用户名: 入库入库 提取提取DBMS 精品文档 可修改 Name_s

22、how.aspx 删除记录(Name_del.aspx?id=xxx)修改记录(Name_chg.aspx?id=xxx) 数据库设计，建立一个数据库 MyUsers.mdb，表为 Cuser，表结构如下： 实验八实验八使用使用 DataSetDataSet 进行数据库操作进行数据库操作 【实验目的实验目的】 1） 了解和掌握 ADO.net 数据库组件及相关对象的基本概念和使用方法。 2） 掌握使用 DataSet 对象 【实验内容实验内容】 在 ASP.NET 环境中创建一个简易的留言板网站。设已创建了一个 Access 数据库文件 msg.mdb，其中包含有用于存放用户留言内容的 mes

23、sage 表和存放用户登录数据的 userinfo 表。 程序具体要求如下。 1.用户登录身份验证 2.查看和发表留言 3.新用户注册 4.忘记密码的处理 注注：也可以使用 Oracle、SQL Server 2000/2005 等数据库系统。 【实验步骤实验步骤】 1. 1.用户登陆功能的实现（用户登陆功能的实现（register.aspxregister.aspx） （1）设计 WEB 页面 新建一个 APS.NET 网站，将准备好的数据库文件复制到系统自动创建的 App_Data 文 件夹中。向页面中添加一个用于布局的 HTML 表格。向表格中添加必要的说明文字，添加 2 个文本框控件

24、TextBox1 和 TextBox2，添加 3 个按钮控件 Button1Button3。适当调整各控 件的大小及位置。 1 张三 123456 修改删除 2 李四 432344 修改删除 3 王五 32432 修改删除 精品文档 可修改 （2）设置对象属性 Default.aspx 页面中的控件初始属性设置如表。 表 7-1 属性设置 （3）编写事件代码 首先，在代码窗口最上方命名空间引用区中使用下列代码引入 OleDb 命名空间： using System.Data.OleDb; 然后，在此页面装入时执行的事件过程及各控件的触发事件过程中填入代码，详细代 码见程序，就不在此详述。 2.

25、2.查看和发表留言功能的实现（查看和发表留言功能的实现（msg.aspxmsg.aspx） （1）设计 WEB 页面 向网站中添加新的 WEB 窗体，并命名为 msg.aspx。向页面中添加一个用于布局的 HTML 表格。向页面中添加必要的说明文字，添加一个用于显示留言列表的 GirdView 控件， 添加 1 个标签控件 Label1，添加 1 个用于填写留言文本的文本框控件 TextBox1 和 3 个按钮 控件 Button1Button3。 （2）设置对象属性 msg.aspx 页面中的控件初始属性值见下表。 表 7-2 属性设置 （3）编写事件代码 首先，在代码窗口最上方命名空间引用

26、区中使用下列代码引入 OleDb 命名空间： using System.Data.OleDb; 然后，在此页面装入时执行的事件过程及各控件的触发事件过程中填入代码，详细代 码见程序。 3. 3.新用户注册功能的实现新用户注册功能的实现 （1）设计 WEB 页面 向网站中添加新的 WEB 窗体，并命名为 register.aspx。向页面中添加一个用于布局的 精品文档 可修改 HTML 表格。向页面中添加必要的说明文字，添加 5 个文本框控件 TextBox1TextBox5， 添加 1 个链接按钮控件 LinkButton1 控件和 2 个按钮控件 Button1、Button2。适当调整各控

27、 件的大小及位置。 （2）设置对象属性 设置 register.aspx 页面中的控件初始属性值见下表。 表 7-3 属性设置 （3）编写事件代码 首先，在代码窗口最上方命名空间引用区中使用下列代码引入 OleDb 命名空间： using System.Data.OleDb; 然后，在此页面装入时执行的事件过程及各控件的触发事件过程中填入代码，详细代 码见程序。 4. 4.恢复遗忘密码功能的实现（恢复遗忘密码功能的实现（recover.aspxrecover.aspx） （1）设计 Web 页面 通过解决方案资源管理器，向网站中添加一个新 Web 窗体并将其命名为 recover.aspx。切

28、换到设计视图，向页面中添加一个用于布局的 HTML 表格。向页面中添加 必要的说明文字，添加一个标签控件 Label1，添加 2 个文本框控件 TextBox1、TextBox2 和 2 个按钮控件 Button1、Button2。向表格的最后一行添加一个容器控件 Panel1，并向其中添 加一个用于布局的 HTML 表格，向表格中添加“请输入新密码：” “确认新密码：”等说 明文字，添加 2 个文本框控件 TextBox3、TextBox4，添加 1 个按钮控件 Button3，适当调整 各控件的大小及位置。 （2）设置对象属性 页面中各控件的初始属性设置如表。 表 7-4 属性设置 （3）

29、编写事件代码 首先，在代码窗口最上方命名空间引用区中使用下列代码引入 OleDb 命名空间： using System.Data.OleDb; 在所有事件过程之外声明一个字符串变量 strAnswer 来存放从数据库中读取的问题 精品文档 可修改 “答案” 。 其他详细代码见程序。 string strAnswer; 实验九实验九WebWeb 技术综合应用技术综合应用 【实验目的实验目的】 通过使用 ASP.NET 设计并开发一个 Web 学习论坛，进一步掌握 ADO.NET 操作数据 库的机制，掌握 ASP.NET 验证控件的用法，理解服务器端对象的功能和用法，学习开发一 个综合的 Web

30、综合应用系统。 【实验内容实验内容】 1. 按照步骤实现所给的 Web 学习论坛，理解该网站的运行机制； 2. 对 Web 学习论坛的网站内容和功能进行扩充。 【实验步骤实验步骤】 1. 打开 SQL Server 2000，新建一个数据库名为 Forum。 2. 打开老师给的“实验四”文件夹下的 Forum.sql 文件，在 SQL Server 中执行该文件，生 成三个表，分别是 Users，Poster 和 Reply。分别记录注册用户记录，帖子记录和回复记录。 三个表之间存在三个外码，找到并思考为什么建立这三个外码。 3. 使用 VS2005 新建一个 ASP.NET 网站“实验四”

31、，语言选择 Visual C#，删除生成的 “Defaulat.aspx”文件。 4. 在“解决方案资源管理器”中，在网站根目录下添加新项，选择“Web 配置文件” 。 5. 在新生成的 Web.Config 文件中，加入数据库的连接字符串。方法为：将 改为 6. 在“解决方案资源管理器”中，在网站根目录下添加新项，选择“Web 窗体” ，命名为 Register.aspx，在其中加入四个 asp:TextBox 控件和一个 asp:Button 控件。四个 asp:TextBox 的 id 分别为：UserName，Password，ConfirmPassword 和 Email，分别代表用

32、户输入的用户 名，密码，确认密码，邮箱。Asp:Button 控件的 id 为 btnSubmit，Text 属性为注册。 7本例中，我们采用 ASP.NET 自带的 Validator 控件进行数据验证，如下图。我们用到的 三种控件为：RequiredFieldValidator 验证非空输入框，CompareValidator 验证两个输入框是 否相等，RegularExpressionValidator 验证输入框是否符合某种格式。 精品文档 可修改 8. 从“工具箱”-“验证”组中拖一个 RequiredFieldValidator 控件到 UserName 的右部，设 置其属性：Co

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

34、ssword，ErrorMessage 为“两次密码输入不一致” 。 精品文档 可修改 11. 从“工具箱”-“验证”组中拖一个 RequiredFieldValidator 控件到 Emai 的附近，设置 其属性：ControlToValidate 为 Email，ErrorMessage 为“邮箱格式不正确” ，在 ValidationExpression 属性中，点击” ，在弹出的“正则表达式编辑器”中选择“Internet 电子邮件地址” ，单击“确定” 。 12. 将“Register.aspx”设为起始页，按 F5 调试运行，故意输入不符合要求的数据，查看源 代码，体会 ASP.NET 的 Validation 控件的运行机制。 13. 在”Register.aspx”中，加入一个 asp:Label 控件，id 为 Message，用来显示一些信息。 14. 在“设计”视图中，双击 btnSubmit 按钮，在“Register.aspx.cs”文件的” btnSubmit_Click”添加代码，将用户注册信息插入数据库的 Users 表中。用户注册后，系统 向用户注册的邮箱发送一份邮件，其中包含一个确认字符串，用