Web程序设计指导书.doc

《Web程序设计》上机指导实验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二、实验要求 16三、实验步骤 16实验8 Web技术综合应用 19一、系统功能 19二、系统功能模块分析 19三、数据库设计 20实验1 ASP.NET基础一、实验目的1、 通过本实验了解HTML标记语言的基本语法格式2、 了解使用HTML语言制作静态网页的基本技术3、 掌握HTML表格的设计方法4、 设计一个学生成绩查询的ASP.NET 2.0网站二、实验要求1、 使用HTML语言，在Windows“记事本”程序中编写HTML代码，制作学生成绩登记表，要求能在浏览器中正确显示字体、字型、字号等格式。

2、 设计一个用于学生成绩查询的ASP.NET 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站点打开时首先显示列有所有班级名称的导航页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属性设置控件属性值说明HyperLink1~ HyperLink3IDlnkClass1、lnkClass2、lnkClass3控件在程序中使用的名称Text网络1班、网络2班、网络3班空间上显示的文本NavigateUrlclass1.htm、class2.htm、class3.htm单击控件时跳转的目标URLTarget_blank打开新网页时的目标框架5） 编写程序代码6） 测试运行结果实验2 C#程序设计一、实验目的1、 通过上机操作掌握结构化设计的基本方法2、 理解顺序结构、选择结构和循环结构的基本概念3、 掌握if…else、switch、for和while语句的使用方法4、 通过本实验进一步理解使用C# 2005创建ASP.NET网站的一般步骤和常用编程技巧二、实验要求注：至少选做2题。

1、 设计一个能计算1！+2！+3！+…+n！的程序2、 设计一个商场收费程序3、 为小学生设计一个用于100以内的加法练习程序要求见课本P93习题16小题4、 设计一个循环程序，当用户单击“开始”按钮时，产生8组1~9之间的随机整数，如果在某组中已产生了5个随机数或产生的随机数为6，则开始下一组要求见课本P94习题17小题三、实验步骤1、 设计阶乘和计算程序（如图） 图2-1 图2-21) 问题分析：可以将问题分为“计算若干项的和”与“计算某数的阶乘” 两个层次来理解，这两个层次分别通过for循环来处理也就是说，可以通过一个for循环的嵌套来解决问题2) 设计WEB页面：新建一个ASP.NET网站，切换到设计视图向页面中添加需要说明文字和1个文本框TextBox1;1个按钮Button1和1和用于显示结果的标签控件Label13) 设置对象属性表2-1 属性设置控件属性值说明TextBox1IDtxtNum文本框在程序中使用的名称Button1IDbtnOK按钮控件在程序中使用的名称Text确定按钮控件上显示的文本Label1IDlblResult标签控件在程序中使用的名称Text空标签控件上显示的文本4) 编写事件代码2、 设计商场收费程序 图2-3 图2-4要求：1) 若没有输入商品数量，则默认为1.2) 若没有输入商品的编号，直接单击【确定】按钮，则表示统计完毕，屏幕上显示购物金额、折扣率和应付金额。

3) 为了防止因用户误单击【确定】按钮导致结算数据重复出现，在显示了结算数据户，【确定】按钮呈灰色显示4) 单击【返回】按钮清楚上次购物详细清单及结算数据，将程序恢复为初始状态 步骤：1) 问题分析：用户输入“商品编号”及“数量”值后，程序根据预先的 设定进行判断，从而得到相应的“商品名称”、“单价”、计算出小计值并将结果显示到标签控件中为了得到总购物金额还需要对小计值进行累加2) 设计WEB页面：新建一个ASP.NET网站，切换到设计视图向页面中添加需要的说明文字和2个文本框；2个按钮和一个用于显示计算结果的标签控件3) 设置对象的属性表2-2属性设置控件属性值说明TextBox1IDtxtAmount文本框1在程序中使用的名称TextBox2IDtxtSerial文本框2在程序中使用的名称Button1IDbtnOK按钮1控件在程序中使用的名称Text确定按钮1控件上显示的文本Button2IDbtnBack按钮2控件在程序中使用的名称Text返回按钮2控件上显示的文本Label1IDlblBill标签控件在程序中使用的名称Text空标签控件上显示的文本4) 编写事件代码实验3 基本控件的使用一、实验目的1、熟悉在Microsoft Visual Studio.Net中建立项目的方法。

2、掌握常用的Html服务器控件和Web服务器控件的主要属性和它们的使用方法二、实验要求1、设计一个ASP.NET项目，实现如下功能： 通过一个组合列表框选择或输入姓名，通过复选框选择其爱好，然后显示“欢迎你，爱好***的**”的信息其中***代表爱好，**代表姓名2、利用Web服务器控件及C#程序完成以下功能：1）制作一个用户登陆界面2）验证用户名和密码是否正确，若正确给出欢迎信息，并可以输入留言，否则，给出错误提示实验4用户界面交互及网页间的数据传递一、实验目的（1）练习ASP.NET基本状态管理对象的使用（2）练习网页间数据传递的方法二、实验要求（1）设计一个登录界面，在其中输入登录信息后，在同一页面给出反馈结果要求使用Request和Response对象操作完成操作界面截图如下： 图4-2 图4-1（2）设计如下图所示的数据输入界面： 图4-3当用户填写并选择完相应的信息，并单击“提交”按钮后，在另一界面返回用户输入的信息如下图： 图4-4实验5 使用Web服务器常用控件一、实验目的通过上机操作进一部理解常用Web服务器控件的属性、事件和方法，掌握控件在程序设计中的作用及特点。

通过本实验掌握在程序运行时动态地向页面添加控件的程序设计方法二、实验要求注：以下题目至少选做2题本实验为了避免将程序设计的过于复杂，又兼顾到实验的覆盖面，将实验分为两个独立的部分进行1） 使用选择性控件（下拉列表和复选框）设计一个能根据用户选择查询员工信息的Web应用程序2） 使用向页面中动态添加控件的技术，设计一个简单的测验Web应用程序3） 设计一个可以在程序运行中动态更改文本框中字体、字型和字号的网页页面打开后用户可使用程序提供的单选按钮更改字体（宋体、黑体、楷体、隶书），使用复选框更改字型（粗体、斜体和下划线），使用下拉列表框更改字号（8、10、12、14、18、24、36、48）文本框中的内容为您的专业、年级、班级、学号和姓名4） 设计一个用于按班级名称查询课表的网站用户可以使用页面中的下拉列表框选择班级名称，进行班级课表查询5） 使用用户控件设计一个用户注册网页用户控件公开Username和Password两个属性，分别对应用户控件界面中两个文本框的Text属性通过验证时在页面中显示公开属性的值使用验证控件对用户输入数据进行验证（用户名不能为空、两次密码必须相同），验证失败时，显示出错提示信息。

三、实验步骤 1．设计员工信息查询程序 程序运行时的界面如图5-1所示，用户可通过下拉列表框选择要查询的员工所在的部门，程序能根据用户选择，自动在“姓名”下拉列表框中添加指定部门的员工姓名例如选择了教务处，则姓名下拉列表框中只有教务处员工的姓名图5-1用户在选择了“部门”和“姓名”后，页面中显示该员工的基本信息（姓名，性别和生日），选择了“住址”，“”，“学历”后，根据用户选择，程序自动将有关信息添加到页面中，如图6-2所示图5-2如果要求“部门”下拉列表框中显示的是“-选择部门-”，则“姓名”下拉列表框中只有供选项“-选择姓名-”，而没有具体的员工姓名数据1) 设计Web页面新建一个ASP.NET网站项目，切换到设计视图按图3-3所示向页面中添加一个用于布局的HTML表格，适当调整表格的行列数及宽度向页面中添加必要的说明文字，添加2个下拉列表框控件DropDownList1和DropDownList2；添加一个复选框组控件CheckBoxList1和一个容件控件PlaceHolder1适当调整个控件的大小及位置图5-3 设计Web页面 2。