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

互联网程序设计上机实验指导书互联网程序设计上机实验指导书 2011 版 软件学院 DOT NET 教研室 2011 8 目目 录录 实验一实验一 C C 循环结构程序设计 数组和函数编程应用循环结构程序设计 数组和函数编程应用 3 实验二实验二 HTMLHTML 综合实验综合实验 3 实验三实验三 各种主要控件的使用 控件事件的使用各种主要控件的使用 控件事件的使用 5 实验四实验四 状态管理对象的应用状态管理对象的应用 7 实验五实验五 验证控件的使用验证控件的使用 9 实验六实验六 母版页的使用母版页的使用 11 实验七实验七 数据库基本操作数据库基本操作 12 实验八实验八 使用使用 DATASETDATASET 进行数据库操作进行数据库操作 13 实验九实验九 WEB 技术综合应用技术综合应用 15 实验一实验一 C 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 代码中使用的变量要规范命名 实验二实验二 HTMLHTML 综合实验综合实验 实验目的实验目的 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 NET 2 0 网站 1 设计要求 假设某学校现在有 3 个班级 要求设计一个能在网络中通过 IE 浏览器进 行各班级学生成绩查询的 ASP NET 网站 设计时可采用 Visual Studio 2005 或记事本为每个班级创建一个独立的静 态页面 class1 htm class2 htm class3 htm 站点打开时首先显示列有所有班级 名称的导航页 default aspx 用户通过单击希望查看的班级名称链接 打开对 应的班级查询网页 2 创建 ASP NET 网站 启动 VS 2005 新建一个 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 属性设置 控件属性值说明 IDlnkClass1 lnkClass2 lnkClass3控件在程序中使用的名称 Text网络一班 网络二班 网络三班空间上显示的文本 HyperLink1 HyperLink3 NavigateUrlclass1 htm class2 htm class3 htm单击控件时跳转的目标 URL Target blank打开新网页时的目标框架 5 编写程序代码 6 测试运行结果 实验三实验三 各种主要控件的使用 控件事件各种主要控件的使用 控件事件 的使用的使用 实验目的实验目的 1 熟悉在 Microsoft Visual Studio Net 中建立项目的方法 2 掌握常用的 Html 服务器控件和 Web 服务器控件的主要属性和它们的使用方法 实验内容实验内容 1 设计一个 ASP NET 项目 实现如下功能 通过一个组合列表框选择或输入姓名 通过复选框选择其爱好 然后显示 欢迎你 爱好 的 的信息 其中 代表爱好 代表姓名 2 利用 Web 服务器控件及 C 程序完成以下功能 1 制作一个用户登陆界面 2 验证用户名和密码是否正确 若正确给出欢迎信息 并可以输入留言 否则 给出错 误提示 实验步骤实验步骤 ASP NetASP Net 项目的建立流程项目的建立流程 1 1 启动 启动 VisualVisual StudioStudio 20052005 进入操作界面之后 点击 进入操作界面之后 点击 文件文件 新建新建 网站网站 如下图 如下图 2 点击之后 进入如下提示框 要求选择模板为 点击之后 进入如下提示框 要求选择模板为 ASP Net 网站网站 之后输入位置 之后输入位置 位置可以选择 也可以新输入 位置可以选择 也可以新输入 如下图 之后系统为您生成相应的文件及目录 A 区 可以切换到某一个已打开文件内容下 B 区 浏览或者刷新该项目的所有文件 可以双击打开文件内容 C 区 第一行的内容含义为 实验四实验四 状态管理对象的应用状态管理对象的应用 实验目的实验目的 通过本试验进一步掌握 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 为文 件名进行保存 设计完毕的网页必须保存到站点文件夹中 实验五实验五 验证控件的使用验证控件的使用 实验目的实验目的 熟练掌握验证控件的使用方法和各种属性的意义 实验内容实验内容 参考以下样张进行设计 实验步骤实验步骤 一 在原有基础上添加如下样张所示的验证控件 二 进行有关属性设置和编码实现如下要求 提示 样张只对用户登录昵称进行截图举例 其它部分请自行补充完成 三 验证通过 显示用户填写信息如下 RequiredFieldValidator 控件 RegularExpressionValidator 控件 RequiredFieldValidator 控件 RegularExpressionValidator 控件 RequiredFieldValidator 控件 CompareValidator 控件 RequiredFieldValidator 控件 RegularExpressionValidator 控件 CompareValidator 控件 RegularExpressionValidator 控件 实验六实验六 母版页的使用母版页的使用 实验目的实验目的 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 在的起止处放入一个 form id form1 runat server 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 Name show aspx 删除记录 Name del aspx id xxx 修改记录 Name chg aspx id xxx 编号姓名密码修改删除 1张三123456修改删除 2李四432344修改删除 3王五32432修改删除 abcde 密密 码码 添添 加加 用户名用户名 入库入库 提取提取DBMS 数据库设计 建立一个数据库 MyUsers mdb 表为 Cuser 表结构如下 实验八实验八 使用使用 DataSetDataSet 进行数据库操作进行数据库操作 实验目的实验目的 1 了解和掌握 ADO net 数据库组件及相关对象的基本概念和使用方法 2 掌握使用 DataSet 对象 实验内容实验内容 在 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 文件 夹中 向页面中添加一个用于布局的 HTML 表格 向表格中添加必要的说明文字 添加 2 个 文本框控件 TextBox1 和 TextBox2 添加 3 个按钮控件 Button1 Button3 适当调整各控件 的大小及位置 2 设置对象属性 Default aspx 页面中的控件初始属性设置如表 表 7 1 属性设置 3 编写事件代码 首先 在代码窗口最上方命名空间引用区中使用下列代码引入 OleDb 命名空间 using System 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 命名空间 using System Data OleDb 然后 在此页面装入时执行的事件过程及各控件的触发事件过程中填入代码 详细代 码见程序 3 新用户注册功能的实现新用户注册功能的实现 1 设计 WEB 页面 向网站中添加新的 WEB 窗体 并命名为 register aspx 向页面中添加一个用于布局的 HTML 表格 向页面中添加必要的说明文字 添加 5 个文本框控件 TextBox1 TextBox5 添加 1 个链接按钮控件 LinkButton1 控件和 2 个按钮控件 Button1 Button2 适当调整各控 件的大小及位置 2 设置对象属性 设置 register aspx 页面中的控件初始属性值见下表 表 7 3 属性设置 3 编写事件代码 首先 在代码窗口最上方命名空间引用区中使用下列代码引入 OleDb 命名空间 using System 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 命名空间 using System Data OleDb 在所有事件过程之外声明一个字符串变量 strAnswer 来存放从数据库中读取的问题 答案 其他详细代码见程序 string strAnswer 实验九实验九 Web 技术综合应用技术综合应用 实验目的实验目的 通过使用 ASP NET 设计并开发一个 Web 学习论坛 进一步掌握 ADO NET 操作数据 库的机制 掌握 ASP NET 验证控件的用法 理解服务器端对象的功能和用法 学习开发一 个综合的 Web 综合应用系统 实验内容实验内容 1 按照步骤实现所给的 Web 学习论坛 理解该网站的运行机制 2 对 Web 学习论坛的网站内容和功能进行扩充 实验步骤实验步骤 1 打开 SQL Server 2000 新建一个数据库名为 Forum 2 打开老师给的 实验四 文件夹下的 Forum sql 文件 在 SQL Server 中执行该文件 生 成三个表 分别是 Users Poster 和 Reply 分别记录注册用户记录 帖子记录和回复记录 三个表之间存在三个外码 找到并思考为什么建立这三个外码 3 使用 VS2005 新建一个 ASP NET 网站 实验四 语言选择 Visual C 删除生成的 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 表中 用户注册后 系统 向用户注册的邮箱发送一份邮件 其中包含一个确认字符串 用户点击某个链接后 才能 完