Web程序设计指导书

本文格式为Word版，下载可任意编辑——Web程序设计指导书《Web程序设计》上机指导

试验1ASP.NET基础1

一、试验目的1二、试验要求1三、试验步骤1试验2C#程序设计3

一、试验目的3二、试验要求3三、试验步骤3试验3基本控件的使用5

一、试验目的5二、试验要求5试验4用户界面交互及网页间的数据传递6

一、试验目的6二、试验要求6试验5使用Web服务器常用控件8

一、试验目的8二、试验要求8三、试验步骤8试验6状态管理对象的应用12

一、试验目的12二、试验要求12三、试验步骤13试验7设计数据库应用网站15

一、试验目的15二、试验要求15三、试验步骤15试验8Web技术综合应用18

一、系统功能18二、系统功能模块分析18三、数据库设计19

1

试验1ASP.NET基础

一、试验目的

1、通过本试验了解HTML标记语言的基本语法格式2、了解使用HTML语言制作静态网页的基本技术3、把握HTML表格的设计方法

4、设计一个学生成绩查询的ASP.NET2.0网站

二、试验要求

1、使用HTML语言，在Windows“记事本〞程序中编写HTML代码，制作学生成绩

登记表，要求能在浏览器中正确显示字体、字型、字号等格式。2、设计一个用于学生成绩查询的ASP.NET2.0网站。

三、试验步骤

1、使用Windows记事本程序制作网页

1）编写HTML代码：启动Windows附件中的记事本程序，编写HTML代码2）保存HTML文件3）执行如图1-1

图1-1

2、设计一个用于学生成绩查询的ASP.NET2.0网站1）设计要求：

假设某学校现在有3个班级，要求设计一个能在网络中通过IE浏览器进行各班级学生成绩查询的ASP.NET网站。

设计时可采用VisualStudio2023或记事本为每个班级创立一个独立的静态页面class1.htm、class2.htm、class3.htm。站点开启时首先显示列有所有班级名称的导航页default.aspx，用户通过单击希望查看的班级名称链接，开启对应的班级查询网页。

1

2）

创立ASP.NET网站

启动VS2023新建一个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属性IDTextNavigateUrlTarget值lnkClass1、lnkClass2、lnkClass3网络1班、网络2班、网络3班class1.htm、class2.htm、class3.htm_blank说明控件在程序中使用的名称空间上显示的文本单击控件时跳转的目标URL开启新网页时的目标框架5）6）

编写程序代码测试运行结果

2

试验2C#程序设计

一、试验目的

1、通过上机操作把握结构化设计的基本方法

2、理解顺序结构、选择结构和循环结构的基本概念3、把握if?else、switch、for和while语句的使用方法

4、通过本试验进一步理解使用C#2023创立ASP.NET网站的一般步骤和常用编程技巧

二、试验要求

注：至少选做2题。

1、设计一个能计算1！+2！+3！+?+n！的程序2、设计一个商场收费程序

3、为小学生设计一个用于100以内的加法练习程序。。

4、设计一个循环程序，当用户单击“开始〞按钮时，产生8组1~9之间的随机整数，

假使在某组中已产生了5个随机数或产生的随机数为6，则开始下一组。三、试验步骤

1、设计阶乘和计算程序（如图）

图2-1图2-2

1)问题分析：可以将问题分为“计算若干项的和〞与“计算某数的阶乘〞两个层次

来理解，这两个层次分别通过for循环来处理。也就是说，可以通过一个for循环的嵌套来解决问题。

2)设计WEB页面：新建一个ASP.NET网站，切换到设计视图。向页面中添加需要说明文

字和1个文本框TextBox1;1个按钮Button1和1和用于显示结果的标签控件Label1。3)设置对象属性

表2-1属性设置

控件TextBox1Button1Label1

属性IDIDTextID值txtNumbtnOK确定lblResult3

说明文本框在程序中使用的名称按钮控件在程序中使用的名称按钮控件上显示的文本标签控件在程序中使用的名称Text4)编写事件代码

2、设计商场收费程序

空标签控件上显示的文本

图2-3图2-4

要求：

1)若没有输入商品数量，则默认为1.2)若没有输入商品的编号，直接单击按钮，则表示统计完毕，

屏幕上显示购物金额、折扣率和应付金额。3)为了防止因用户误单击按钮导致结算数据重复出现，在显示

了结算数据户，按钮呈灰色显示。4)单击按钮明白上次购物详细清单及结算数据，将程序恢复为

初始状态。

步骤：

1)问题分析：用户输入“商品编号〞及“数量〞值后，程序根据预先的

设定进行判断，从而得到相应的“商品名称〞、“单价〞、计算出小计值并将结果显示到标签控件中。为了得到总购物金额还需要对小计值进行累加。

2)设计WEB页面：新建一个ASP.NET网站，切换到设计视图。向页面中

添加需要的说明文字和2个文本框；2个按钮和一个用于显示计算结果的标签控件。3)设置对象的属性

表2-2属性设置

控件TextBox1TextBox2Button1Button2Label1

属性IDIDIDTextIDTextIDText值txtAmounttxtSerialbtnOK确定btnBack返回lblBill空说明文本框1在程序中使用的名称文本框2在程序中使用的名称按钮1控件在程序中使用的名称按钮1控件上显示的文本按钮2控件在程序中使用的名称按钮2控件上显示的文本标签控件在程序中使用的名称标签控件上显示的文本4)编写事件代码

4

试验3基本控件的使用

一、试验目的

1、熟悉在MicrosoftVisualStudio.Net中建立项目的方法。

2、把握常用的Html服务器控件和Web服务器控件的主要属性和它们的使用方法。

二、试验要求

1、设计一个ASP.NET项目，实现如下功能：通过一个组合列表框选择或输入姓名，通过复选框选择其爱好，然后显示“欢迎你，爱好***的**〞的信息。其中***代表爱好，**代表姓名。

2、利用Web服务器控件及C#程序完成以下功能：1）制作一个用户登陆界面

2）验证用户名和密码是否正确，若正确给出欢迎信息，并可以输入留言，否则，给出错误提醒。

5

试验4用户界面交互及网页间的数据传递

一、试验目的

（1）练习ASP.NET基本状态管理对象的使用（2）练习网页间数据传递的方法

二、试验要求

（1）设计一个登录界面，在其中输入登录信息后，在同一页面给出反馈结果。要求使用Request和Response对象操作完成。操作界面截图如下：

图4-2图4-1

（2）设计如下图所示的数据输入界面：

6

图4-3当用户填写并选择完相应的信息，并单击“提交〞按钮后，在另一界面返回用户输入的信息。如下图：

图4-4

7

试验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所示，用户可通过下拉列表框选择要查询的员工所在的部门，程序能根据用户选择，自动在“姓名〞下拉列表框中添加指定部门的员工姓名。例如选择了教务处，则姓名下拉列表框中只有教务处员工的姓名。

8

图5-1

用户在选择了“部门〞和“姓名〞后，页面中显示该员工的基本信息（姓名，性别和生日），选择了“住址〞，“电话〞，“学历〞后，根据用户选择，程序自动将有关信息添加到页面中，如图6-2所示

图5-2

假使要求“部门〞下拉列表框中显示的是“-选择部门-〞，则“姓名〞下拉列表框中只有供选项“-选择姓名-〞，而没有具体的员工姓名数据

1)设计Web页面

新建一个ASP.NET网站项目，切换到设计视图。按图3-3所示向页面中添加一个用于布局的HTML表格，适当调整表格的行列数及宽度。向页面中添加必要的说明文字，添加2个下拉列表框控件DropDownList1和DropDownList2；添加一个复选框组控件CheckBoxList1和一个容件控件PlaceHolder1。适当调整个控件的大小及位置。

图5-3设计Web页面

9

试验7设计数据库应用网站

一、试验目的

通过本试验理解在ASP.NET环境中创立ASP.NET数据库应用网站的方法和常用技巧；理解ADO.NET环境中的应用；把握Web窗体控件的基本使用方法和常用属性。本试验除应用到了ADO.NET包含的主要对象和GirdView数据表控件外，还设计了大量SQL查询语句和通过ASP.NET内置对象，在不同页面间传递数据的技巧，这些都是开发Web数据库应用程序的基本手段，要求在程序中认真理解其含义及语句书写格式。

二、试验要求

在ASP.NET环境中创立一个简易的留言板网站。设已创立了一个Access数据库文件msg.mdb，其中包含有用于存放用户留言内容的message表和存放用户登录数据的userinfo表。

在userinfo表中添加一条初始记录。其中，“密码〞字段值为字符串“654321〞经MD5算法加密后得到的密文字符串“C33367701511B4F6020EC61DED352059〞；“答案〞字段值为字符串“辽宁〞经MD5算法加密后得到的密文字符串“2FF1BF5F2845959D00BCE4799AA79A99〞。

程序具体要求如下。1.用户登录身份验证2.查看和发表留言3.新用户注册4.忘掉密码的处理

注：也可以使用Oracle、SQLServer2000/2023等数据库系统。选做题目：课本第8章习题9、10、11、12题（P274~277）。

三、试验步骤

1.用户登陆功能的实现（register.aspx）（1）设计WEB页面

新建一个APS.NET网站，将准备好的数据库文件复制到系统自动创立的App_Data文件夹中。向页面中添加一个用于布局的HTML表格。向表格中添加必要的说明文字，添加2个文本框控件TextBox1和TextBox2，添加3个按钮控件Button1~Button3。适当调整各控件的大小及位置。

（2）设置对象属性

Default.aspx页面中的控件初始属性设置如表。

15

表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页面中的控件初始属性值见下表。

16

表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;

17

试验8Web技术综合应用

一、系统功能

教务管理系统根据用户身份的不同，将操作划分为超级管理员、普通管理员和学生权限。

1、管理员权限

管理员是系统中最高权限的拥有者，可以对学生、班级、课程等项目进行统一的管理。权限如下：学生信息管理、教师信息管理、基本课程管理、班级信息管理、选课管理、学生成绩管理和用户管理。

2、学生身份的用户值能利用本系统进行与自己有关的操作，不能浏览或修改其他信

息，主要内容如下：

管理个人基本信息：如浏览个人信息、修改密码、查询成绩等。

执行选课操作：学生可利用本系统选修相关课程，在选课过程中可查询供选课的基本信息和教师状况，可浏览截至当前选此课程的人数，也可以利用本系统浏览个人选课状况。

二、系统功能模块分析

主要功能包括以下三个方面：

1、用户管理，包括对超级管理员、管理员、学生3种不同身份的识别以及管理。2、基本数据管理，包括对学生、教师、课程、班级、选课、成绩等有关基础