ASP.NET应用开发与实践 教学课件 作者 刘乃琦 郭小芳 第3章 ASP.NET开发基础.ppt

《ASP.NET应用开发与实践 教学课件 作者 刘乃琦 郭小芳 第3章 ASP.NET开发基础.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、本章要求：第3章ASP.NET开发基础如何创建一个ASP.NET网站在IIS上配置并浏览ASP.NET网站常见的ASP.NET网页扩展名5种常用的ASP.NET页面指令注释ASPX文件中的代码3种基本的ASP.NET网页语法主要内容1.第一个ASP.NET网站2.ASP.NET网页基础语法3.综合实例——根据系统时间显示“上午好！”或“下午好！”字符串第3章ASP.NET开发基础3.1.1创建ASP.NET网站3.1.2设计ASP.NET页面3.1.3添加ASP.NET特殊文件夹3.1.4运行ASP.NE

2、T网站3.1.5配置IIS服务器并浏览网站3.1第一个ASP.NET网站创建ASP.NET网站的步骤如下：（1）选择“开始”/“所有程序”/“MicrosoftVisualStudio2010”/“MicrosoftVisualStudio2010”选项，进入VisualStudio2010开发环境。（2）在菜单栏中选择“文件”/“新建”/“网站”选项，如图3-1所示。图3-1选择新建网站3.1.1创建ASP.NET网站（3）弹出如图3-2所示的“新建网站”对话框。图3-2新建网站（4）选择要使用的.NE

3、T框架和“ASP.NET网站”后，用户可对所要创建的ASP.NET网站进行命名、选择存放位置的设定，在命名时可以使用用户自定义的名称，也可以使用默认名“WebSite1”，用户可以单击“浏览”按钮设置网站存放的位置，然后单击“确定”按钮，完成ASP.NET网站的创建，如图3-3所示。图3-3创建完成的ASP.NET网站用户也可以通过在VisualStudio2010开发环境中选择“文件”/“新建”/“项目”选项，并在弹出的“新建项目”对话框中选择“ASP.NETWeb应用程序”模板来创建网站，如图3-4所

4、示。另外，通过这种方式，用户还可以通过选择“ASP.NETMVC2Web应用程序”模板创建ASP.NETMVC网站程序。图3-4“新建项目”对话框1．加入ASP.NET网页ASP.NET网站建立后，便可在“解决方案资源管理器”中选中当前项目，单击右键，在弹出的快捷菜单中选择“添加新项”，在网站中加入新建的ASP.NET网页。图3-5为“添加新项”对话框。图3-5“添加新项”对话框3.1.2设计ASP.NET页面如图3-5所示，ASP.NET网站里可以放入许多不同种类的文件，最常见的就是ASP.NET网页，

5、也就是所谓的“Web窗体”，它的扩展名为.aspx，主文件名的部分可自行定义，默认为Default。因为网页里可编写程序，所以加入新网页时需要设定这个网页里的程序要使用哪一种编语言，本书统一使用C#语言。下面主要介绍下加入的ASP.NET网页的“设计”、“拆分”及“源”3种视图方式。每个.aspx的Web窗体网页都有3种视图方式，分别为“设计”、“拆分”及“源”视图。在“解决方案资源管理器”上双击某个*.aspx就可以打开.aspx文件，接下来便可以通过3种方式加以切换。设计”视图图3-6演示了如何切换到

6、“设计”视图，“设计”视图可模拟用户在浏览器里看到的界面。图3-6“设计”视图方式拆分”视图“拆分”视图会将HTML及设计界面同时呈现在开发工具中，让开发人员设计好HTML即可马上看到将会显示的界面，如图3-7所示。图3-7“拆分”视图方式源”视图“源”视图可以让网页设计人员针对网页的HTML代码做细致的编辑及调整，如图3-8所示。图3-8“源”视图方式2．布局ASP.NET网页通过两种方法可以实现布局ASP.NET网页，一种是使用Table表格布局，另一种是使用CSS+DIV布局。使用Table表格布局

7、时，在Web窗体中添加一个HTML格式表格，然后根据位置的需要，向表格中添加相关文字信息或服务器控件；而使用CSS+DIV布局时，需要通过CSS样式控制Web窗体中的文字信息或服务器控件的位置，这需要精通CSS样式。3．添加服务器控件添加服务器控件既可以通过拖拽的方式添加，也可以通过ASP.NET网页代码添加。例如，通过这两个方法添加一个Button按钮。拖拽方法首先，打开工具箱，在“标准”栏中找到Button控件，然后按住鼠标左键，将Button按钮拖拽到Web窗体中指定位置或表格单元格中，最后松开鼠标

8、左键即可，如图3-9所示。图3-9添加Button控件代码方法打开Web窗体的源视图，使用代码添加一个Button控件，代码如下：3.1.3添加ASP.NET特殊文件夹ASP.NET应用程序包含7个默认文件夹，分别为：Bin文件夹、App_Code文件夹、App_GlobalResources文件夹、App