《ASP NET开发与应用实践》课件第2章

本章教学内容2.1VisualStudio2010的安装2.2VisualStudio2010的集成环境与应用2.3基于集成环境开发Web应用程序1思考问题？

什么是集成开发环境？什么是服务器资源管理器？什么是解决方案资源管理器？开发一个网站的主要步骤？

建立一个网页的主要工作步骤？22.1VisualStudio2010的安装VisualStudio2010安装步骤如下：①将安装光盘放入光驱，单击setup.exe文件，会自动弹出一个安装对话框，如图2-1所示，单击对话框中“安装MicrosoftVisualStudio2010”。32.1VisualStudio2010的安装②弹出VisualStudio2010选择安装功能对话框，选择自定义安装，如图2-2所示。42.1VisualStudio2010的安装③弹出VisualStudio2010要加载的功能对话框，选择VisualC#，如图2-3所示。52.1VisualStudio2010的安装④弹出VisualStudio2010安装成功对话框，表示安装完成，如图2-4所示。62.2VisualStudio2010的集成环境与应用为了提高开发效率，熟悉VisualStudio.NET集成开发环境是非常重要的。要善于充分利用VisualStudio.NET集成开发环境实现高效、快捷地开发Web应用程序。72.2VisualStudio2010的集成环境与应用1、集成环境主要窗口如图2-5所示是集成开发环境的主窗口。集成开发环境通常由菜单栏、工具栏，以及停靠或自动隐藏在左侧、右侧、底部和编辑器空间中的各种工具窗口组成。工具栏和多个窗口可以随着进行调整和关闭。8工具箱编辑窗口菜单栏工具栏窗口解决方案资源管理器窗口属性窗口2.2VisualStudio2010的集成环境与应用2、解决方案资源管理器窗口在“视图”菜单中，选择“解决方案资源管理器窗口”菜单项，即可打开解决方案资源管理器窗口。解决方案可以是不同的项目，具体可用文件夹体现。项目可以是网站，可以是Windows窗口应用程序，可以是类库等。解决方案将多个项目组织在一起形成一个工作文件夹，允许在一个VisualStudio.NET实例中分别操作这些项目中的文件，而不必运行多个VisualStudio.NET实例，这对于大型项目的开发非常有用。同时也可以把同一配置应用到不同的项目上，从而简化操作。92.2VisualStudio2010的集成环境与应用

3、属性窗口在编辑窗口中，击右键选择“属性”菜单项，即可打开属性窗口。属性窗口是活动窗口，主要用于显示和配置各个控件的属性。控件的属性可以从窗口中直接配置，也可在程序运行时，用指令动态配置。在“属性”窗口中可以编辑和查看文件、项目和解决方案的属性，也可以在设计时查看和修改设计器中被选中控件的属性和事件。在“属性”窗口的上部是一个下拉列表框，列表框中列出当前可用的对象。通过选中某个对象，可以在“属性”窗口的下部显示其属性列表。102.2VisualStudio2010的集成环境与应用在属性列表的上部有一个工具栏，其上有四个按钮。分别是：（1）“按分类顺序”：按钮按类别列出选定对象的所有属性及属性值（2）“按字母顺序：按钮按字母顺序列出选定对象的所有属性及属性值（3）“属性”：按钮显示对象的属性（4）“事件”：按钮显示对象的事件。112.2VisualStudio2010的集成环境与应用在“属性”窗口的最下部是说明窗，用于显示所选属性的属性类型和简短说明。在“属性”窗口中，除了可以显示和编辑属性以外，还可以为Web页面和控件添加事件。添加事件的方法为：先选中控件；然后在“属性”窗口中单击“事件“按钮，最后，在事件列表中选择相应事件，并输入事件处理过程的名字，或者直接双击事件的名字。如图2-6所示。122.2VisualStudio2010的集成环境与应用5.设计器窗口打开一个页面文件后，可直接进入设计器窗口。设计器提供了三种视图方式，分别是设计视图、源视图、拆分视图。三种视图提供了以可视化方式和HTML代码方式进行页面部局和调整。（1）设计视图点击左下角的“设计”按钮，可进入设计视图。其以视图方式，进行ASP.NETWeb页面外观的设计。可以把设计器看作绘画的画布，通过用鼠标拖曳的方式，在Web页面上添加新项、调整已有项的位置和大小等。设计视图如图2-8所示。（2）源视图点击左下角的“源”按钮，可进入源视图。源视图中，以HTML形式设计进行ASP.NETWeb页面外观。源视图如图2-9所示。132.2VisualStudio2010的集成环境与应用6.代码编辑窗口代码编程辑器主要用于编写源程序代码。这里主要是C#代码。进入代码编辑窗口主要有两种方法：（1）在“解决方案资源管理器”中，双击源代码文件打开代码编辑器窗口；（2）在设计器中，右键单击，在快捷菜单中选择“查看代码”，打开代码编辑器窗口。代码编辑器窗口如图2-10所示。142.3基于集成环境开发Web应用程序

1、建立Web网站（1）建立网站工程文件夹建立一个工程文件夹code2-F-1，在文件夹中再建立一个下级文件夹Images,在其中装入一个图片文件sinabloge.gif。(2)建立网站网页模板启动VS，在“文件”菜单中选择“新建”，再选择“网站”。如图2-11所示。152.3基于集成环境开发Web应用程序(2)选择网站相关参数如图2-12所示，选择“空网站”、选择文件“系统”、选择文件路径。如图2-12所示。162.3基于集成环境开发Web应用程序2、建立Web网页（1）选中站点，击右键选择“添加新项”，确认后，在对话框选择“Web”窗体。如图2-13和图2-14所示。172.3基于集成环境开发Web应用程序（2）新添加的Web窗体，默认名为“Default.aspx”，如图2-15和图2-14所示。“Default.aspx”，如图2-15和图2-14所示。182.3基于集成环境开发Web应用程序

3、在Web网页上添加控件（1）打开工具箱，找出按钮类“Button”,双击“Button”，在程序编辑区中添加了一个按钮控件“Button1”。在“格式”菜单中选择“位置”菜单项，弹出“定位”对话框，在“定位样式”中选中“相对”，拖动该按钮控件到指定位置。（2）打开工具箱，找出文本框类“TextBox”,双击“TextBox”，在程序编辑区中添加了一个文本框控件“TextBox1”。在“格式”菜单中选择“位置”菜单项，弹出“定位”对话框，在“定位样式”中选中“相对”，拖动该文本框控件到指定位置。如图2-16所示。192.3基于集成环境开发Web应用程序

4、在Web网页上编辑程序代码双击图中的按钮控件“button1”，打开了程序编辑窗口，在指定位置写入一条指令：TextBox1.Text=“这是一个简单程序！”;如图2-17所示。202.3基于集成环境开发Web应用程序5、在Web网页上运行程序（1）点击保存文件按键，保存页面文件。（2）点击启动调试按键，运行页面程序。如图2-18所示。

212.3基于集成环境开发Web应用程序（3）点击启动调试按键后，运行的页面程序效果图如图2-19所示。（4）在图中点击“Button”按键，程序运行的结果如图2-20所示。222.4基于集成环境开发Web应用程序（1）登录界面设计232.4基于集成环境开发Web应用程序（1）登录界面设计24protectedvoidImageButton1_Click(objectsender,ImageClickEventArgse)

{if(TextBox1.Text=="111"&&TextBox2.Text=="112")

{