互联网程序设计实验指导书.docx
《互联网程序设计实验指导书.docx》由会员分享,可在线阅读,更多相关《互联网程序设计实验指导书.docx(25页珍藏版)》请在冰豆网上搜索。
互联网程序设计实验指导书
互联网程序设计上机实验指导书
(2011版)
软件学院·DOTNET教研室
2011.8
实验一 C#循环结构程序设计、数组和函数编程应用
【实验目的】
1、通过上机操作掌握结构化设计的基本方法
2、理解顺序结构、选择结构和循环结构的基本概念
3、For、foreach语句的使用方法
4、通过本实验进一步理解使用C#2005创建项目的一般步骤和常用编程技巧
【实验内容】
本试验中,将使用C#编写三个程序:
1、一个控制台应用程序,计算100以内奇数和与偶数和,主要考察对循环语句的使用。
2、一个windows程序,填充100个元素的数组(使用随机数)然后使用MessageBox显示出来这100个数。
3、一个控制台应用程序,编程比较string和StringBuilder处理字符串操作的差别
【实验步骤】
1、打开VS2008,注意根据需要新建相应的项目类型。
2、第一个程序需要变量的定义,循环要注意起始界限。
3、第二个程序需要用到Random类的对象产生随机数填充数组
4、第三个程序需要使用DateTime.Now.Ticks来比较操作前后的时间差。
5、代码中使用的变量要规范命名。
实验二 HTML综合实验
【实验目的】
1、通过本实验了解HTML标记语言的基本语法格式
2、了解使用HTML语言制作静态网页的基本技术
3、掌握HTML表格的设计方法
4、设计一个学生成绩查询的ASP.NET网站
【实验内容】
1、使用HTML语言,在Windows“记事本”程序中编写HTML代码,制作学生成绩登记表,要求能在浏览器中正确显示字体、字型、字号等格式。
2、设计一个用于学生成绩查询的ASP.NET网站。
【实验步骤】
1、使用Windows记事本程序制作网页
1)编写HTML代码:
启动Windows附件中的记事本程序,编写HTML代码
2)保存HTML文件
3)执行如图1-1
图1-1
2、设计一个用于学生成绩查询的ASP.NET2.0网站
1)设计要求:
假设某学校现在有3个班级,要求设计一个能在网络中通过IE浏览器进行各班级学生成绩查询的ASP.NET网站。
设计时可采用VisualStudio2005或记事本为每个班级创建一个独立的静态页面class1.htm、class2.htm、class3.htm。
站点打开时首先显示列有所有班级名称的导航页default.aspx,用户通过单击希望查看的班级名称链接,打开对应的班级查询网页。
2)创建ASP.NET网站
启动VS2005新建一个ASP.NET网站项目,新建3个HTML页文件:
显示各班级学生成绩列表内容的静态网页class1.htm、class2.htm、class3.htm。
或者,将事先已通过记事本完成的用于显示各班级学生成绩列表内容的静态网页class1.htm、class2.htm、class3.htm添加到网站中。
可以直接将准备好的静态网页文件复制到网站所在的文件夹,也可在“解决方案资源管理器”窗口中,选择项目的保存位置后单击鼠标右键,在弹出的快捷菜单中执行“添加现有项”命令,选择需要添加的文件,单击【添加】按钮。
3)设计WEB页面
切换到default.aspx的设计视图,执行布局菜单下的“插入表”命令,在对
话框中用户可在可视化界面中设置HTML表格的各种属性,单击【确定】按钮将表格插入到页面当前光标位置
4)设置对象属性
分别选择页面中的3个超链接控件,在属性窗口中按表设计它们的初始属性。
表1-1属性设置
控件
属性
值
说明
HyperLink1~HyperLink3
ID
lnkClass1、lnkClass2、lnkClass3
控件在程序中使用的名称
Text
网络一班、网络二班、网络三班
空间上显示的文本
NavigateUrl
class1.htm、class2.htm、class3.htm
单击控件时跳转的目标URL
Target
_blank
打开新网页时的目标框架
5)编写程序代码
6)测试运行结果
实验三 各种主要控件的使用、控件事件的使用
【实验目的】
1、熟悉在MicrosoftVisualStudio.Net中建立项目的方法。
2、掌握常用的Html服务器控件和Web服务器控件的主要属性和它们的使用方法。
【实验内容】
1、设计一个ASP.NET项目,实现如下功能:
通过一个组合列表框选择或输入姓名,通过复选框选择其爱好,然后显示“欢迎你,爱好***的**”的信息。
其中***代表爱好,**代表姓名。
2、利用Web服务器控件及C#程序完成以下功能:
1)制作一个用户登陆界面
2)验证用户名和密码是否正确,若正确给出欢迎信息,并可以输入留言,否则,给出错误提示。
【实验步骤】
ASP.Net项目的建立流程
(1)启动VisualStudio2005,进入操作界面之后,点击“文件”“新建”“网站”,如下图。
(2)点击之后,进入如下提示框,要求选择模板为“ASP.Net网站”,之后输入位置,位置可以选择,也可以新输入,如下图
之后系统为您生成相应的文件及目录
(A区)可以切换到某一个已打开文件内容下。
(B区)浏览或者刷新该项目的所有文件,可以双击打开文件内容
(C区)第一行的内容含义为
<%@Page
Language="C#"-------------------脚本语言为C#
AutoEventWireup="true"-------------自动调用事件处理函数
CodeFile="Default.aspx.cs"----------代码文件
Inherits="_Default"------------------对应的类名
%>
实验四 状态管理对象的应用
【实验目的】
通过本试验进一步掌握Application和Session对象的特点和使用方法,理解Application对象和Session对象在应用程序中保存用户数据的基本原理。
【实验内容】
注:
至少选做1题。
1.设计一个简易网上聊天室
用户访问网站时首先打开登录页面(Default.aspx)。
在输入了用户名和相应的密码后,进入聊天页面(chat.htm)。
页面通过框架分为上下两部分,上方显示聊天文字信息,下方显示一个输入聊天信息的表单,用户在输入了信息后单击[提交]按钮即可将信息发布到上方窗口。
当用户进入聊天页面时,屏幕上显示“***进入聊天室”(***为用户昵称)的信息。
若用户在登录时忘记输入用户名或密码是弹出出错提示,如图6-2所示;若输入的用户名或密码不正确,弹出出错信息,如图6-3所示。
图6-1登录聊天室
图6-2忘记输入用户名或密码是时的提示图6-3用户名或密码出错时的提示
图6-4聊天页面
2.设计一个站点计数器
要求:
使用Session对象设计一个站点计数器,将来访人数存放在放在站点内的counter.txt文件中,该数字不会因服务器或网站的重新启动而丢失;程序运行时要将当前会话的ID值显示到页面中,注意比较SessionID值的变化。
【实验步骤】
以简易网上聊天室为例。
1.设计登录页面(Default.aspx)
新建一个ASP.NET网站,向页面中添加一个用于布局的HTML表格,向表格中添加必要的说明文字。
添加两个文本框TestBox1和TestBox2,添加一个连接按钮控件LinkButton1。
适当调整各控件的大小及位置,页面设计效果如图5-1所示。
2.设置Defalt.aspx中控件的属性
设置用户名文本框TestBox1的ID属性为txtUsername;设置密码文本框的ID性为txtPassword,TextMode属性为Password(将文本框设为密码框);设置连接按钮LinkButton1的ID属性为lbtnLogin,Text属性为“进入聊天室”。
3.编写Default.aspx中包含的程序代码
4.添加并配置全局配置文件(Global.aspx)
在解决方案资源管理器中,右键单击网站名称,在弹出的快捷菜单中执行“添加
命令,然后选择“全局应用程序类”模板,单击[添加]按钮。
5.添加用于显示聊天信息的页面(main.aspx)
通过解决方案资料管理器向网站中添加一个新Web窗体,将其命名为main.aspx。
切换到设计视图,向页面中添加一个用于显示聊天信息的标签控件。
将标签的ID属性设置为lblMsg,Text属性设置为空。
6.设置发送聊天信息的页面(send.aspx)
向网站中添加一个新的Web窗体,向页面中添加一个用于显示用户名的标签控件Label1,添加一个用于输入聊天文字的文本框控件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为文件名进行保存,设计完毕的网页必须保存到站点文件夹中。
实验五 验证控件的使用
【实验目的】
熟练掌握验证控件的使用方法和各种属性的意义。
【实验内容】
参考以下样张进行设计:
【实验步骤】
一、在原有基础上添加如下样张所示的验证控件:
二、进行有关属性设置和编码实现如下要求:
提示:
样张只对用户登录昵称进行截图举例,其它部分请自行补充完成。
三、验证通过,显示用户填写信息如下:
实验六 母版页的使用
【实验目的】
1、掌握母版页的建立、应用。
2、掌握如何用DIV+CSS进行版面布局设计。
3、掌握如何将静态网页转成动态网页。
4、掌握样式在ASPX页面中的应用。
【实验内容】
建立网站的母版页,并且利用该母版页建立网站内容页:
注册页面。
【实验步骤】
1、在一个目录下放置之前实验中设置的静态的网页代码
2、在VS中打开该网站。
3、观察各HTML页面的代码。
4、利用index.html改造成母版页:
1)在网站中创建母版页。
2)打开母版页及页。
3)复制index.html中
以后的代码至母版页相应位置中。
4)在
中放入一个Contentplaceholder控件。
5)“挖掉”Main层中的内容,替换成一个Contentplaceholder控件。
6)在
的起止处放入一个
7)删除多余的form标记
5、利用上述母版页生成注册功能的内容页。
1)利用上述母版页生成一个内容页,命名为Register.aspx。
2)打开register.html,复制可用的代码。
3)将静态HTML控件换成相应的WEB服务器控件(包括验证控件)。
4)删除多余的FORM标记。
实验七 数据库基本操作
【实验目的】
通过本实验让学生复习有关数据库的基本操作,这些操作可以再WinForm下也可以再ASP.NET下面完成
【实验内容】
编写一个用户注册网页,实现从网页表单中取出数据;判断输入是否正确,如果错误,进行报错;如果正确,将数据存入数据库中,另外通过Name_show.aspx进行显示现有用户。
【实验步骤】
(1)Name_Input.aspx页面为输入用户名和密码,点击“添加”按钮入库,跳转到Name_show.aspx页面;
(2)Name_show.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)数据库的表名、字段名如下图所示
Name_Input.aspx
编号
姓名
密码
修改
删除
1
张三
123456
修改
删除
2
李四
432344
修改
删除
3
王五
32432
修改
删除
…
…
…
…
…
Name_show.aspx
删除记录(Name_del.aspx?
id=xxx)修改记录(Name_chg.aspx?
id=xxx)
数据库设计,建立一个数据库MyUsers.mdb,表为Cuser,表结构如下:
实验八 使用DataSet进行数据库操作
【实验目的】
1)了解和掌握ADO.net数据库组件及相关对象的基本概念和使用方法。
2)掌握使用DataSet对象
【实验内容】
在ASP.NET环境中创建一个简易的留言板网站。
设已创建了一个Access数据库文件msg.mdb,其中包含有用于存放用户留言内容的message表和存放用户登录数据的userinfo表。
程序具体要求如下。
1.用户登录身份验证
2.查看和发表留言
3.新用户注册
4.忘记密码的处理
注:
也可以使用Oracle、SQLServer2000/2005等数据库系统。
【实验步骤】
1.用户登陆功能的实现(register.aspx)
(1)设计WEB页面
新建一个APS.NET网站,将准备好的数据库文件复制到系统自动创建的App_Data文件夹中。
向页面中添加一个用于布局的HTML表格。
向表格中添加必要的说明文字,添加2个文本框控件TextBox1和TextBox2,添加3个按钮控件Button1~Button3。
适当调整各控件的大小及位置。
(2)设置对象属性
Default.aspx页面中的控件初始属性设置如表。
表7-1属性设置
(3)编写事件代码
首先,在代码窗口最上方命名空间引用区中使用下列代码引入OleDb命名空间:
usingSystem.Data.OleDb;
然后,在此页面装入时执行的事件过程及各控件的触发事件过程中填入代码,详细代码见程序,就不在此详述。
2.查看和发表留言功能的实现(msg.aspx)
(1)设计WEB页面
向网站中添加新的WEB窗体,并命名为msg.aspx。
向页面中添加一个用于布局的HTML表格。
向页面中添加必要的说明文字,添加一个用于显示留言列表的GirdView控件,添加1个标签控件Label1,添加1个用于填写留言文本的文本框控件TextBox1和3个按钮控件Button1~Button3。
(2)设置对象属性
msg.aspx页面中的控件初始属性值见下表。
表7-2属性设置
(3)编写事件代码
首先,在代码窗口最上方命名空间引用区中使用下列代码引入OleDb命名空间:
usingSystem.Data.OleDb;
然后,在此页面装入时执行的事件过程及各控件的触发事件过程中填入代码,详细代码见程序。
3.新用户注册功能的实现
(1)设计WEB页面
向网站中添加新的WEB窗体,并命名为register.aspx。
向页面中添加一个用于布局的HTML表格。
向页面中添加必要的说明文字,添加5个文本框控件TextBox1~TextBox5,添加1个链接按钮控件LinkButton1控件和2个按钮控件Button1、Button2。
适当调整各控件的大小及位置。
(2)设置对象属性
设置register.aspx页面中的控件初始属性值见下表。
表7-3属性设置
(3)编写事件代码
首先,在代码窗口最上方命名空间引用区中使用下列代码引入OleDb命名空间:
usingSystem.Data.OleDb;
然后,在此页面装入时执行的事件过程及各控件的触发事件过程中填入代码,详细代码见程序。
4.恢复遗忘密码功能的实现(recover.aspx)
(1)设计Web页面
通过解决方案资源管理器,向网站中添加一个新Web窗体并将其命名为recover.aspx。
切换到设计视图,向页面中添加一个用于布局的HTML表格。
向页面中添加必要的说明文字,添加一个标签控件Label1,添加2个文本框控件TextBox1、TextBox2和2个按钮控件Button1、Button2。
向表格的最后一行添加一个容器控件Panel1,并向其中添加一个用于布局的HTML表格,向表格中添加“请输入新密码:
”“确认新密码:
”等说明文字,添加2个文本框控件TextBox3、TextBox4,添加1个按钮控件Button3,适当调整各控件的大小及位置。
(2)设置对象属性
页面中各控件的初始属性设置如表。
表7-4属性设置
(3)编写事件代码
首先,在代码窗口最上方命名空间引用区中使用下列代码引入OleDb命名空间:
usingSystem.Data.OleDb;
在所有事件过程之外声明一个字符串变量strAnswer来存放从数据库中读取的问题“答案”。
其他详细代码见程序。
stringstrAnswer;
实验九 Web技术综合应用
【实验目的】
通过使用ASP.NET设计并开发一个Web学习论坛,进一步掌握ADO.NET操作数据库的机制,掌握ASP.NET验证控件的用法,理解服务器端对象的功能和用法,学习开发一个综合的Web综合应用系统。
【实验内容】
1.按照步骤实现所给的Web学习论坛,理解该网站的运行机制;
2.对Web学习论坛的网站内容和功能进行扩充。
【实验步骤】
1.打开SQLServer2000,新建一个数据库名为Forum。
2.打开老师给的“实验四”文件夹下的Forum.sql文件,在SQLServer中执行该文件,生成三个表,分别是Users,Poster和Reply。
分别记录注册用户记录,帖子记录和回复记录。
三个表之间存在三个外码,找到并思考为什么建立这三个外码。
3.使用VS2005新建一个ASP.NET网站“实验四”,语言选择VisualC#,删除生成的“Defaulat.aspx”文件。
4.在“解决方案资源管理器”中,在网站根目录下添加新项,选择“Web配置文件”。
5.在新生成的Web.Config文件中,加入数据库的连接字符串。
方法为:
将
改为
6.在“解决方案资源管理器”中,在网站根目录下添加新项,选择“Web窗体”,命名为Register.aspx,在其中加入四个asp:
TextBox控件和一个asp:
Button控件。
四个asp:
TextBox的id分别为:
UserName,Password,ConfirmPassword和Email,分别代表用户输入的用户名,密码,确认密码,邮箱。
Asp:
Button控件的id为btnSubmit,Text属性为注册。
7.本例中,我们采用ASP.NET自带的Validator控件进行数据验证,如下图。
我们用到的三种控件为:
RequiredFieldValidator验证非空输入框,CompareValidator验证两个输入框是否相等,RegularExpressionValidator验证输入框是否符合某种格式。
8.从“工具箱”->“验证”组中拖一个RequiredFieldValidator控件到UserName的右部,设置其属性:
ControlToValidate为UserName,ErrorMessage为“用户名不能为空”。
9.从“工具箱”->“验证”组中拖一个RequiredFieldValidator控件到Password的右部,设置其属性:
ControlToValidate为Password,ErrorMessage为“密码不能为空”。
10.从“工具箱”->“验证”组中拖一个CompareValidator控件到ConfirmPassword的右部,设置其属性:
ControlToValidate为ConfirmPassword,ControlToCompare为Password,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表中。
用户注册后,系统向用户注册的邮箱发送一份邮件,其中包含一个确认字符串,用户点击某个链接后,才能完成注册。
15.调试运行Register.aspx,用自己的邮箱进行注册,然后去邮箱里查看服务器发送的邮件。
再将系统中设置的发件人邮箱设为自己的邮箱进行测试,理解Mail对象发送邮件的方法。
16.新建一个“Web窗体”,名为“Validation.aspx”,用来验证用户的注册。
在其中加入一个asp:
Label控件,id为Message,用来显示信息。
在”Page_Load”事件处理程序中添加代码,对注册用户进行确认。
17.进入自己在第15步注册的邮箱,点击链接地址,完成注册确认。
此时,一定要注意链接地址的端口是否和自己的ASP.NET调试运行的端口一致。
如不一致,手动改正。
18.在网站根目录下添加“Web窗体”,命名为Main.aspx,不编写任何代码。
19.在网站根目录下添加“Web窗体”,命名为Login.aspx,在其中增加用户名输入框,密码输入框和错误信息输入框。
另外从工具箱拖一个“RadioButtonList”控件,id为ReserveTime。
用于设置客户端Cookie保留的事件。
再加一个asp:
HyperLink控件