第八讲 .NET下的Web应用程序开发

VB.NETVisualBasic.NET程序设计第8章Web应用程序设计VBP本章任务：我的网上相册VBPInternet与Web服务当今，Internet已经渗透到了社会的各个方面，它打破了传统的信息传播方式，实现了全球范围内的网络互联和资源共享，消除了地理上的差别和时间上的限制，真正的将全世界紧密地联系在一起。Web服务Web服务器的计算机安装了Web浏览器软件的计算机通常把Web服务器称为服务器端，而把安装了Web浏览器的用户端称为客户端。VBP网页与网站文字、图片、表格、表单等多种对象网页（Page）网站形成超链接VBP静态网页与动态网页静态网页的内容是在编写的时候就已经确定了，未经修改不会变化，对静态网页的每次访问都返回相同的结果。静态网页的扩展名一般为.htm或.html。动态网页的内容是在浏览器访问Web服务器时创建的，当浏览器要求下载网页的请求到达时，Web服务器便运行网页中的一些应用程序创建动态文档，并把创建的文档传送给浏览器。动态网页的一个重要特点是具有交互性。ASP.NET（ActiveServerPages.NET）是一种开发动态网页的综合技术，它穿插使用HTML语言、VBScript等脚本语言、ASP内置对象、ActiveX组件、ADO数据访问技术等来编写动态网页。VBPWeb服务器Web浏览器①Web浏览器发出URL，请求某动态网页（扩展名为ASP或ASPX）②Web服务器从硬盘上找到相应动态网页并解释执行，然后把执行结果发送给Web浏览器图12-2动态网页的运行过程Web服务器Web浏览器①Web浏览器发出URL，请求某静态网页（扩展名为.htm或.html）②Web服务器从硬盘上找到相应网页并直接发送给Web浏览器图12-1静态网页的运行过程VBP动态网页的运行环境要在本机上运行动态网页，必须使本机成为Web服务器，可通过在Windows2000/XP中安装IIS5.1来使本机成为Web服务器。在控制面板窗口中双击“添加或删除程序”图标，将会出现“添加或删除程序”对话框。在该对话框中，单击左侧的“添加/删除Windows组件(A)”按钮，将会出现如图12-3所示的“Windows组件向导”对话框，在该对话框中有一项“Internet信息服务（IIS）”，如果没有选中，请选中它。然后按“下一步”按钮，根据提示插入Windows安装盘，安装程序将自动复制组件到你的计算机中。图12-3“Windows组件”对话框VBP（1）使用IP地址。本地主机的IP地址为127.0.0.1，例如要运行a1.aspx网页，就可以在浏览器的地址栏中输入“”；（2）使用本地主机的别名LocalHost。LocalHost是IP地址127.0.0.1的别名，如要运行a1.aspx网页，可在浏览器的地址栏中输入“”；（3）使用计算机名。若本地计算机名为Teacher1，要运行a1.aspx网页，可在浏览器的地址栏中输入“”。访问本机Web站点主目录下的网页，有以下三种方法。VBP第二节任务我的网上相册——Web窗体设计VBP任务描述：编写一个网上像册动态网页，网页运行时的界面如图12-4所示，单击“”按钮将显示后两幅照片，单击“”将显示前两幅照片。图12-4“我的网上像册”网页运行界面VBP任务分析：创建一个ASP.NET应用程序，在网页上放置一个Label控件用来显示欢迎文字，放置两个Image控件，用来显示照片，放置两个Button控件用来显示前后照片。任务实现：1．新建项目，在“新建项目”对话框的“模板”列表框中选中“ASP.NETWeb应用程序”，在“位置”后的文本置中输入项目位置，如图12-5所示。图12-5“创建ASP.NETWeb应用程序”对话框VBP2．然后按“确定”按钮，将会出现“创建新Web”对话框，该对话框自动关闭，将会出现如图12-6所示的Web程序设计主界面。图12-6Web程序设计界面注意：创建好的Web项目位于网站默认目录（x:\Inetpub\）下，通过资源管理器会发现在该目录下多了一个名为“Task12_1”的子目录，在该子目录下有很多文件，其中有两个文件非常重要，它们分别是WebForm1.aspx和WebForm1.aspx.vb，二者中的前者是ASP.NET程序，后者是VB.NET程序。VBP3．按照图12-3所示情况，为Web页添加一个Label控件，设置其Text属性值为“欢迎您来到我的网上像册！”。再放置两个Image控件用来显示照片。再放置两个Button控件，设置它们的Text属性值分别为“”和“”。设计好的程序设计界面如图12-7所示。图12-7程序设计界面VBP4．为该网页编写Page_Load事件过程代码和两个按钮的Click事件过程代码，如下：PrivateSubPage_Load(ByValsenderAsSystem.Object,ByValeAsSystem.EventArgs)HandlesMyBase.Load'在此处放置初始化页的用户代码Image1.ImageUrl=IMG1.JPG'显示第一幅照片Image2.ImageUrl=IMG2.JPG'显示第二幅照片EndSubPrivateSubButton1_Click(ByValsenderAsSystem.Object,ByValeAsSystem.EventArgs)HandlesButton1.ClickImage1.ImageUrl=IMG1.JPG'显示第一幅照片Image2.ImageUrl=IMG2.JPG'显示第二幅照片EndSubPrivateSubButton2_Click(ByValsenderAsSystem.Object,ByValeAsSystem.EventArgs)HandlesButton2.ClickImage1.ImageUrl=IMG3.JPG'显示第三幅照片Image2.ImageUrl=IMG4.JPG'显示第四幅照片EndSubVBP5．运行网页，将会在浏览器中打开刚刚建立的网页“”，如图12-4所示。本任务至此全部完成。至此，一个允许与用户交互的动态Web页已经创建成功。这是一个真正的Web页，它可以被Internet网上能够访问该主机的任何计算机访问，并显示在浏览器中。归纳说明：Web窗体其实就是在浏览器中显示的页面，可在ASP.NET中通过可视化的方法进行设计，与普通窗体的设计方法基本相同。本任务通过“我的网上像册”网页的实现过程，讲解了利用ASP.NET设计Web页的基本方法。