1、1Web 程序设计上机指导实验 1 ASP.NET 基础 .1一、实验目的 .1二、实验要求 .1三、实验步骤 .1实验 2 C#程序设计 .3一、实验目的 .3二、实验要求 .3三、实验步骤 .3实验 3 基本控件的使用 .6一、实验目的 .6二、实验要求 .6实验 4 用户界面交互及网页间的数据传递 .7一、实验目的 .7二、实验要求 .7实验 5 使用 Web 服务器常用控件 .9一、实验目的 .9二、实验要求 .9三、实验步骤 .9实验 6 状态管理对象的应用 .13一、实验目的 .13二、实验要求 .13三、实验步骤 .14实验 7 设计数据库应用网站 .16一、实验目的 .16二、
2、实验要求 .16三、实验步骤 .16实验 8 Web 技术综合应用 .19一、系统功能 .19二、系统功能模块分析 .19三、数据库设计 .201实验 1 ASP.NET 基础一、实验目的1、 通过本实验了解 HTML 标记语言的基本语法格式2、 了解使用 HTML 语言制作静态网页的基本技术3、 掌握 HTML 表格的设计方法4、 设计一个学生成绩查询的 ASP.NET 2.0 网站二、实验要求1、 使用 HTML 语言,在 Windows“记事本”程序中编写 HTML 代码,制作学生成绩登记表,要求能在浏览器中正确显示字体、字型、字号等格式。2、 设计一个用于学生成绩查询的 ASP.NET
3、 2.0 网站。三、实验步骤1、 使用 Windows 记事本程序制作网页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。站点打开时首先显示列有
4、所有班级名称的导航页 default.aspx,用户通过单击希望查看的班级名称链接,打开对应的班级查询网页。22) 创建 ASP.NET 网站启动 VS 2005 新建一个 ASP.NET 网站项目,新建 3 个 HTML 页文件:显示各班级学生成绩列表内容的静态网页 class1.htm、class2.htm、class3.htm。或者,将事先已通过记事本完成的用于显示各班级学生成绩列表内容的静态网页 class1.htm、class2.htm、class3.htm 添加到网站中。可以直接将准备好的静态网页文件复制到网站所在的文件夹,也可在“解决方案资源管理器”窗口中,选择项目的保存位置后单
5、击鼠标右键,在弹出的快捷菜单中执行“添加现有项”命令,选择需要添加的文件,单击【添加】按钮。3) 设计 WEB 页面切换到 default.aspx 的设计视图,执行布局菜单下的 “插入表”命令,在对话框中用户可在可视化界面中设置 HTML 表格的各种属性,单击【确定】按钮将表格插入到页面当前光标位置4) 设置对象属性分别选择页面中的 3 个超链接控件,在属性窗口中按表设计它们的初始属性。表 1-1 属性设置控件 属性 值 说明ID lnkClass1、lnkClass2、lnkClass3 控件在程序中使用的名称Text 网络 1 班、网络 2 班、网络 3 班 空间上显示的文本Naviga
6、teUrl class1.htm、class2.htm、class3.htm 单击控件时跳转的目标 URLHyperLink1 HyperLink3Target _blank 打开新网页时的目标框架5) 编写程序代码6) 测试运行结果3实验 2 C#程序设计一、实验目的1、 通过上机操作掌握结构化设计的基本方法2、 理解顺序结构、选择结构和循环结构的基本概念3、 掌握 ifelse、switch、for 和 while 语句的使用方法4、 通过本实验进一步理解使用 C# 2005 创建 ASP.NET 网站的一般步骤和常用编程技巧二、实验要求注:至少选做 2 题。1、 设计一个能计算 1!+2
7、!+3!+ +n!的程序2、 设计一个商场收费程序3、 为小学生设计一个用于 100 以内的加法练习程序。要求见课本 P93 习题 16 小题。4、 设计一个循环程序,当用户单击“开始”按钮时,产生 8 组 19 之间的随机整数,如果在某组中已产生了 5 个随机数或产生的随机数为 6,则开始下一组。要求见课本 P94 习题 17 小题。三、实验步骤1、 设计阶乘和计算程序(如图)图 2-1 图 2-21) 问题分析:可以将问题分为“计算若干项的和”与“计算某数的阶乘” 两个层次来理解,这两个层次分别通过 for 循环来处理。也就是说,可以通过一个 for 循环的嵌套来解决问题。2) 设计 WE
8、B 页面:新建一个 ASP.NET 网站,切换到设计视图。向页面中添加需要说明文字和 1 个文本框 TextBox1;1 个按钮 Button1 和 1 和用于显示结果的标签控件Label1。3) 设置对象属性表 2-1 属性设置4控件 属性 值 说明TextBox1 ID txtNum 文本框在程序中使用的名称ID btnOK 按钮控件在程序中使用的名称Button1Text 确定 按钮控件上显示的文本ID lblResult 标签控件在程序中使用的名称Label1Text 空 标签控件上显示的文本4) 编写事件代码2、 设计商场收费程序图 2-3 图 2-4要求:1) 若没有输入商品数量,
9、则默认为 1.2) 若没有输入商品的编号,直接单击【确定】按钮,则表示统计完毕,屏幕上显示购物金额、折扣率和应付金额。3) 为了防止因用户误单击【确定】按钮导致结算数据重复出现,在显示了结算数据户, 【确定】按钮呈灰色显示。4) 单击【返回】按钮清楚上次购物详细清单及结算数据,将程序恢复为初始状态。步骤:1) 问题分析:用户输入“商品编号”及“数量”值后,程序根据预先的 设定进行判断,从而得到相应的“商品名称” 、 “单价” 、计算出小计值并将结果显示到标签控件中。为了得到总购物金额还需要对小计值进行累加。2) 设计 WEB 页面:新建一个 ASP.NET 网站,切换到设计视图。向页面中添加需
10、要的说明文字和 2 个文本框;2 个按钮和一个用于显示计算结果的标签控件。3) 设置对象的属性表 2-2 属性设置控件 属性 值 说明TextBox1 ID txtAmount 文本框 1 在程序中使用的名称TextBox2 ID txtSerial 文本框 2 在程序中使用的名称ID btnOK 按钮 1 控件在程序中使用的名称Button1Text 确定 按钮 1 控件上显示的文本ID btnBack 按钮 2 控件在程序中使用的名称Button2Text 返回 按钮 2 控件上显示的文本Label1 ID lblBill 标签控件在程序中使用的名称5Text 空 标签控件上显示的文本4)
11、 编写事件代码6实验 3 基本控件的使用一、实验目的1、熟悉在 Microsoft Visual Studio.Net 中建立项目的方法。2、掌握常用的 Html 服务器控件和 Web 服务器控件的主要属性和它们的使用方法。二、实验要求1、设计一个 ASP.NET 项目,实现如下功能:通过一个组合列表框选择或输入姓名,通过复选框选择其爱好,然后显示“欢迎你,爱好*的*”的信息。其中*代表爱好,*代表姓名。2、利用 Web 服务器控件及 C#程序完成以下功能:1)制作一个用户登陆界面2)验证用户名和密码是否正确,若正确给出欢迎信息,并可以输入留言,否则,给出错误提示。7实验 4 用户界面交互及网
12、页间的数据传递一、实验目的(1)练习 ASP.NET 基本状态管理对象的使用(2)练习网页间数据传递的方法二、实验要求(1)设计一个登录界面,在其中输入登录信息后,在同一页面给出反馈结果。要求使用Request 和 Response 对象操作完成。操作界面截图如下:图 4-2图 4-1(2)设计如下图所示的数据输入界面:8图 4-3当用户填写并选择完相应的信息,并单击“提交”按钮后,在另一界面返回用户输入的信息。如下图:图 4-49实验 5 使用 Web 服务器常用控件一、实验目的通过上机操作进一部理解常用 Web 服务器控件的属性、事件和方法,掌握控件在程序设计中的作用及特点。通过本实验掌握
13、在程序运行时动态地向页面添加控件的程序设计方法。二、实验要求注:以下题目至少选做 2 题。本实验为了避免将程序设计的过于复杂,又兼顾到实验的覆盖面,将实验分为两个独立的部分进行。1) 使用选择性控件(下拉列表和复选框)设计一个能根据用户选择查询员工信息的 Web 应用程序。2) 使用向页面中动态添加控件的技术,设计一个简单的在线测验 Web 应用程序。3) 设计一个可以在程序运行中动态更改文本框中字体、字型和字号的网页。页面打开后用户可使用程序提供的单选按钮更改字体(宋体、黑体、楷体、隶书) ,使用复选框更改字型(粗体、斜体和下划线) ,使用下拉列表框更改字号(8、10、12、14、18、24
14、、36、48) 。文本框中的内容为您的专业、年级、班级、学号和姓名。4) 设计一个用于按班级名称查询课表的网站。用户可以使用页面中的下拉列表框选择班级名称,进行班级课表查询。5) 使用用户控件设计一个用户注册网页。用户控件公开 Username 和 Password两个属性,分别对应用户控件界面中两个文本框的 Text 属性。通过验证时在页面中显示公开属性的值。使用验证控件对用户输入数据进行验证(用户名不能为空、两次密码必须相同) ,验证失败时,显示出错提示信息。三、实验步骤1设计员工信息查询程序程序运行时的界面如图 5-1 所示,用户可通过下拉列表框选择要查询的员工所在的部门,程序能根据用户选择,自动在“姓名”下拉列表框中添加指定部门的员工姓名。例如选择了教务处,则姓名下拉列表框中只有教务处员工的姓名。