动态网页设计实训指导书 联系客服

发布时间 : 星期二 文章动态网页设计实训指导书更新完毕开始阅读

站项,然后单击鼠标右键在出现菜单中选择属性,出现默认网站属性窗口(如图 ST1-3所示)

图 ST1-3

(3)默认网站属性窗口中选择网站选项卡,在此选项卡中可以设置此服务器 的 IP 地址,如果此服务器作为单机使用,网络中其它客户机无法访问此服务 器可以在此选项卡中 IP 地址项文本框中选择“全部未分配”,则访问此服务 器可以使用如下地址访问 http://localhost 或 http://127.0.0.1 进行。如 果作为一个可以被网络中其它客户机访问的服务器,在 IP 地址项文本框中选 择 IP 地址即可(单击该文本框旁边的箭头进行选择)(如图 ST1-3 所示) (4)然后在默认网站属性窗口中选择主目录选项卡,在选项卡中指定此服务 器页面程序文件的存放路径。设置方法为在此选项卡中的本地路径项中指定 一个目录路径(默认路径为系统盘的 Inteput 目录下的 wwwroot 目录),如 F:\\myweb(即在 F 盘下新建一个 myweb 目录),可以使用浏览按钮进行选择。 还可以设置本服务器的文件访问权限,这些可以在此选项卡中一些复选框中 进行选择。如目录浏览项目录可以控制客户机是否可以查看服务器主目录中 的文件列表,读取和写入这两个选项可以控制对服务器主目录文件的读写权 限(如图 ST1-4 所示)。

2

图 ST1-4

(5)然后可以指定客户机访问服务器时第一个被访问页面文件,这个项目需 要在默认站点属性窗口中文档选项卡中进行添加。(如图 ST1-5 所示) (6)设置完所有属性后,单击确定按钮完成设置。

图 ST1-5

2.编写简单的 ASP.NET 应用程序 具体的步骤: 第一步:新建网站

第二步:创建Web页面

第三步:添加控件及设置属性 第四步:添加事件代码 第五步:调试运行

任务一:设计一个单页Web应用程序,网页界面由1个表格、1个标签

(Label)、2个文本框和1个命令按钮(Button)组成,另外还包含若干文字。设计界面如图1.10所示。

? 1.创建应用程序界面

3

(1)创建Web应用程序项目。启动Visual Studio 2008,选择“新建/项目”,项目类型选择“Web”,模板选择“ASP.NET Web应用程序”,然后指定该应用程序的保存路径,确定后系统则新建了一个解决方案(默认名为WebApplication1),该解决方案中包含一个Web项目(默认名为WebApplication1),该项目中包含一个网页文件(默认名为Default.aspx),此时屏幕上会出现一个空白窗体

(2)向网页中添加控件。将Default.aspx改名为Login.aspx,对于本例界面,首先使用“表/插入表”菜单命令,插入一个2行2列的表格,居中显示。然后使用工具箱中标签(Label)、文本框(TextBox)和按钮(Button)3种控件放入表格中:先将光标定位到表格的单元格中,将鼠标移到左侧“工具箱”位置,自动弹出“工具箱”窗口,选择其中的“TextBox”控件对象,然后双击即可在网页中放入一个文本框对象,完成后的效果如图1.11所示。按类似的操作方法可分别添加标签和按钮,完成后的界面如图1.10所示。

? 2.设置控件的属性

可以通过属性窗口为控件设置属性。单击按钮“Button1”,在“属性”窗口中出现按钮“Button1”的所有属性,在“属性”窗口中滚动属性列表,选定属性名“Text”,在右列中输入属性值为“确定”,属性窗口的设置如图1.12所示。另外将输入密码的文本框的TextMode属性设置为Password。

? 3.编写程序代码

为按钮对象“确定”添加鼠标单击事件代码有两种方法:

(1) 双击要编写代码的命令按钮,系统自动打开代码编辑器,并出现如下代码行:

protected void Button1_Click(object sender, EventArgs e)

4

{ }

(2)在Button控件的属性窗口中,单击“ ”图标,添加Click事件方法“Button1_ Click”,双击则系统自动切换到代码编辑器并生成如(1)所示的代码。也可以直接双击Click事件所要输入的空白响应方法,系统自动生成Button1_Click方法。 在事件代码中输入如下的程序代码:

protected void Button1_Click(object sender, EventArgs e) {

if ((TextBoxName.Text == \ { Label1.Text = \欢迎进入论坛系统\ } else

{ Label1.Text = \用户名或密码错!\ }

? 4.保存应用程序

使用“文件”菜单中的“全部保存”命令或单击工具栏上的“全部保存”按钮,可以将所有编辑过的代码和设计的网页存盘。 ? 5.运行和调试程序

(1)右键单击项目中的aspx网页文件,在弹出的快捷菜单中选择“在浏览器中查看”选项即可浏览选择的网页。

(2)从“调试”菜单中选择“开始执行(不调试)”命令。 (3)单击工具栏中的 按钮。 (4)按Ctrl+F5组合键。

运行程序后,即显示网页界面,输入用户名“admin”,密码“admin”,单击“确定”按钮,标签中将显示“欢迎进入论坛系统”,如图1.13所示

图1.13 实例运行效果

三、思考与练习

1.如何配置.NET的运行环境及调试一个简单的ASP.NET程序。

5