Web技术基础实验指导书

《Web技术基础实验指导书》由会员分享，可在线阅读，更多相关《Web技术基础实验指导书（21页珍藏版）》请在金锄头文库上搜索。

1、Web技术基础上机指导实验1 静态网页制作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 静态

2、网页制作一、实验目的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-1

3、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页文件：显示各班级学生成绩列表内容的静态网页

4、class1.htm、class2.htm、class3.htm。或者，将事先已通过记事本完成的用于显示各班级学生成绩列表内容的静态网页class1.htm、class2.htm、class3.htm添加到网站中。可以直接将准备好的静态网页文件复制到网站所在的文件夹，也可在“解决方案资源管理器”窗口中，选择项目的保存位置后单击鼠标右键，在弹出的快捷菜单中执行“添加现有项”命令，选择需要添加的文件，单击【添加】按钮。3） 设计WEB页面切换到default.aspx的设计视图，执行布局菜单下的“插入表”命令，在对话框中用户可在可视化界面中设置HTML表格的各种属性，单击【确定】按钮将表格插入到页

5、面当前光标位置4） 设置对象属性分别选择页面中的3个超链接控件，在属性窗口中按表设计它们的初始属性。表1-1属性设置控件属性值说明HyperLink1 HyperLink3IDlnkClass1、lnkClass2、lnkClass3控件在程序中使用的名称Text网络一班、网络二班、网络三班空间上显示的文本NavigateUrlclass1.htm、class2.htm、class3.htm单击控件时跳转的目标URLTarget_blank打开新网页时的目标框架5） 编写程序代码6） 测试运行结果实验2 C#程序设计一、实验目的1、 通过上机操作掌握结构化设计的基本方法2、 理解顺序结构、选择

6、结构和循环结构的基本概念3、 掌握ifelse、switch、for和while语句的使用方法4、 通过本实验进一步理解使用C# 2005创建ASP.NET网站的一般步骤和常用编程技巧二、实验要求注：至少选做2题。1、 设计一个能计算1！+2！+3！+n！的程序2、 设计一个商场收费程序3、 为小学生设计一个用于100以内的加法练习程序。要求见课本P93习题16小题。4、 设计一个循环程序，当用户单击“开始”按钮时，产生8组19之间的随机整数，如果在某组中已产生了5个随机数或产生的随机数为6，则开始下一组。要求见课本P94习题17小题。三、实验步骤1、 设计阶乘和计算程序（如图） 图2-1 图

7、2-21) 问题分析：可以将问题分为“计算若干项的和”与“计算某数的阶乘” 两个层次来理解，这两个层次分别通过for循环来处理。也就是说，可以通过一个for循环的嵌套来解决问题。2) 设计WEB页面：新建一个ASP.NET网站，切换到设计视图。向页面中添加需要说明文字和1个文本框TextBox1;1个按钮Button1和1和用于显示结果的标签控件Label1。3) 设置对象属性表2-1 属性设置控件属性值说明TextBox1IDtxtNum文本框在程序中使用的名称Button1IDbtnOK按钮控件在程序中使用的名称Text确定按钮控件上显示的文本Label1IDlblResult标签控件在程

8、序中使用的名称Text空标签控件上显示的文本4) 编写事件代码2、 设计商场收费程序 图2-3 图2-4要求：1) 若没有输入商品数量，则默认为1.2) 若没有输入商品的编号，直接单击【确定】按钮，则表示统计完毕，屏幕上显示购物金额、折扣率和应付金额。3) 为了防止因用户误单击【确定】按钮导致结算数据重复出现，在显示了结算数据户，【确定】按钮呈灰色显示。4) 单击【返回】按钮清楚上次购物详细清单及结算数据，将程序恢复为初始状态。 步骤：1) 问题分析：用户输入“商品编号”及“数量”值后，程序根据预先的 设定进行判断，从而得到相应的“商品名称”、“单价”、计算出小计值并将结果显示到标签控件中。为

9、了得到总购物金额还需要对小计值进行累加。2) 设计WEB页面：新建一个ASP.NET网站，切换到设计视图。向页面中添加需要的说明文字和2个文本框；2个按钮和一个用于显示计算结果的标签控件。3) 设置对象的属性表2-2属性设置控件属性值说明TextBox1IDtxtAmount文本框1在程序中使用的名称TextBox2IDtxtSerial文本框2在程序中使用的名称Button1IDbtnOK按钮1控件在程序中使用的名称Text确定按钮1控件上显示的文本Button2IDbtnBack按钮2控件在程序中使用的名称Text返回按钮2控件上显示的文本Label1IDlblBill标签控件在程序中使用

10、的名称Text空标签控件上显示的文本4) 编写事件代码实验3 基本控件的使用一、实验目的1、熟悉在Microsoft Visual Studio.Net中建立项目的方法。2、掌握常用的Html服务器控件和Web服务器控件的主要属性和它们的使用方法。二、实验要求1、设计一个ASP.NET项目，实现如下功能：通过一个组合列表框选择或输入姓名，通过复选框选择其爱好，然后显示“欢迎你，爱好*的*”的信息。其中*代表爱好，*代表姓名。2、利用Web服务器控件及C#程序完成以下功能：1）制作一个用户登陆界面2）验证用户名和密码是否正确，若正确给出欢迎信息，并可以输入留言，否则，给出错误提示。实验4用户界面

11、交互及网页间的数据传递一、实验目的（1）练习ASP.NET基本状态管理对象的使用（2）练习网页间数据传递的方法二、实验要求（1）设计一个登录界面，在其中输入登录信息后，在同一页面给出反馈结果。要求使用Request和Response对象操作完成。操作界面截图如下： 图4-2 图4-1（2）设计如下图所示的数据输入界面：图4-3当用户填写并选择完相应的信息，并单击“提交”按钮后，在另一界面返回用户输入的信息。如下图：图4-4实验5 使用Web服务器常用控件一、实验目的通过上机操作进一部理解常用Web服务器控件的属性、事件和方法，掌握控件在程序设计中的作用及特点。通过本实验掌握在程序运行时动态地向

12、页面添加控件的程序设计方法。二、实验要求注：以下题目至少选做2题。本实验为了避免将程序设计的过于复杂，又兼顾到实验的覆盖面，将实验分为两个独立的部分进行。1） 使用选择性控件（下拉列表和复选框）设计一个能根据用户选择查询员工信息的Web应用程序。2） 使用向页面中动态添加控件的技术，设计一个简单的在线测验Web应用程序。3） 设计一个可以在程序运行中动态更改文本框中字体、字型和字号的网页。页面打开后用户可使用程序提供的单选按钮更改字体（宋体、黑体、楷体、隶书），使用复选框更改字型（粗体、斜体和下划线），使用下拉列表框更改字号（8、10、12、14、18、24、36、48）。文本框中的内容为您的

13、专业、年级、班级、学号和姓名。4） 设计一个用于按班级名称查询课表的网站。用户可以使用页面中的下拉列表框选择班级名称（网络061、网络062、网络063、网络064），进行班级课表查询。5） 使用用户控件设计一个用户注册网页。用户控件公开Username和Password两个属性，分别对应用户控件界面中两个文本框的Text属性。通过验证时在页面中显示公开属性的值。使用验证控件对用户输入数据进行验证（用户名不能为空、两次密码必须相同），验证失败时，显示出错提示信息。三、实验步骤1设计员工信息查询程序程序运行时的界面如图5-1所示，用户可通过下拉列表框选择要查询的员工所在的部门，程序能根据用户选择

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