教学材料-ASPNET-45概述课件

第1页第1章ASP.NET4.5概述本章概述本章的学习目标主要内容第1页第1章ASP.NET4.5概述本章概述1第2页本章概述本章介绍了网站建设的基本原理、流程和网站开发工具——ASP.NET技术的基本概况。作为一种主流之一的Web开发技术，ASP.NET基于Microsoft公司的.NET框架，支持C#和VB.NET语言，是目前主要的网站开发平台之一。通过本章的学习，读者能够了解有关Web的基础知识，ASP.NET技术的发展及其优缺点，ASP.NET开发环境的组成，创建和运行ASP.NET应用程序等知识。第2页本章概述本章介绍了网站建设的基本原理、流程2第3页本章的学习目标掌握Web基础概念，如静态网站、动态网站、HTTP协议、Web服务器和浏览器、C/S和B/S结构、Web工作原理等。了解ASP.NET的发展历史、优点及与ASP技术的区别。掌握安装ASP.NET开发环境的组成。了解开发动态网站的一般流程，能够创建简单的动态网站。第3页本章的学习目标掌握Web基础概念，如静态网站、动态网站3第4页主要内容1.1Web基础知识1.2ASP.NET简介1.3ASP.NET的开发环境1.4定制IDE

1.5创建和运行ASP.NET应用程序1.6本章小结第4页主要内容1.1Web基础知识4第5页1.1Web基础知识互联网的快速发展给人们的工作、学习和生活带来了重大变化，人们可以利用网络处理数据、获取信息，提高工作效率。在互联网开发所涉及的众多技术中，最为关键的技术之一就是网站建设技术。通过本节的学习，读者将了解到网站制作过程中常见的一些基本概念。第5页1.1Web基础知识互联网的快速发展给人们的工作、5第6页静态网站与动态网站静态网站中所有的内容以HTML语言编写，存储在静态网页文件中，文件扩展名为：.htm、.html、.shtml、.xml等。网页上可以有GIF动画、FLASH动画、滚动字幕等。静态网站模型如下图所示。什么是动态网站呢？所谓“动”，并不是指网页上的GIF等动画图片，而是指用户与网站的互动性。动态网站模型如下图所示。第6页静态网站与动态网站静态网站中所有的内容以HTML语言编6第7页HTTP协议HTTP协议（HyperTextTransferProtocol，超文本传输协议）是用于在WWW服务器和浏览器之间传输超文本的传输协议。HTTP是一个应用层协议，由请求和响应构成，是一个标准的客户端/服务器（C/S）模型。第7页HTTP协议HTTP协议（HyperTextTran7第8页Web服务器和浏览器用户通过浏览器向Web服务器提出访问请求，而Web服务器可以向发出请求的浏览器提供文档。这个访问模型如下图所示。第8页Web服务器和浏览器用户通过浏览器向Web服务器提出访8第9页C/S结构与B/S结构Client和Server常常分别处在相距很远的两台计算机上，Client程序的任务是将用户的要求提交给Server程序，再将Server程序返回的结果以特定的形式显示给用户；Server程序的任务是接收客户程序提出的服务请求，进行相应的处理，再将结果返回给客户程序。B/S结构（Browser/Server，浏览器/服务器模式），是Web兴起后的一种网络结构模式，WEB浏览器是客户端最主要的应用软件。这种模式统一了客户端，将系统功能实现的核心部分集中到服务器上，简化了系统的开发、维护和使用。客户机上只要安装一个浏览器（Browser英['braʊzə]美['braʊzɚ]），如NetscapeNavigator或InternetExplorer，服务器安装SQLServer、Oracle、MYSQL等数据库。浏览器通过WebServer同数据库进行数据交互。第9页C/S结构与B/S结构Client和Server常常分9第10页主要内容1.1Web基础知识1.2ASP.NET简介1.3ASP.NET的开发环境1.4定制IDE

1.5创建和运行ASP.NET应用程序1.6本章小结第10页主要内容1.1Web基础知识10第11页1.2ASP.NET简介目前的版本是VisualStudio2012和ASP.NET4.5，它是在已成功发行的VisualStudio2010和ASP.NET4基础之上构建的，它保留了很多令人喜爱的功能，并增加了一些其他领域的新功能和工具。第11页1.2ASP.NET简介目前的版本是Visual11第12页ASP与ASP.NET的区别ASP和ASP.NET之间的区别主要在于以下几个方面。效率：ASP.NET则是建立在.NETFramework之上的，在第一次执行时进行了编译，之后的执行不需要重新编译就可以直接运行，所以速度和效率比ASP会提高很多。可重用性：ASP.NET则可以实现代码和内容的完全分离。代码量：在ASP.NET中，程序员会发现只要预先说明，这样的功能ASP.NET就可以自动实现。第12页ASP与ASP.NET的区别ASP和ASP.NET之12第13页ASP.NET的优点设计ASP.NET的4个主要目标：使代码更清晰；提高可部署性、可伸缩性、安全性以及可靠性；为不同的浏览器和设备提供更好的支持；支持一种全新的Web应用程序。第13页ASP.NET的优点设计ASP.NET的4个主要目标13第14页主要内容1.1Web基础知识1.2ASP.NET简介1.3ASP.NET的开发环境1.4定制IDE

1.5创建和运行ASP.NET应用程序1.6本章小结第14页主要内容1.1Web基础知识14第15页1.3ASP.NET的开发环境安装VisualStudio2012forWeb。主开发区：主菜单、工具栏区、工具箱、解决方案资源管理器、服务器资源管理器、【属性】面板、文档窗口、起始页。信息窗口：错误列表、【输出】窗口、【查找结果】窗口。第15页1.3ASP.NET的开发环境安装Visual15第16页主要内容1.1Web基础知识1.2ASP.NET简介1.3ASP.NET的开发环境1.4定制IDE

1.5创建和运行ASP.NET应用程序1.6本章小结第16页主要内容1.1Web基础知识16第17页1.4定制IDE虽然VisualStudio的标准配置和它的工具窗口相当有用，但是也可以根据自己的偏好定制IDE。有时可能需要把窗口重新安排到容易找到的位置，有时可能希望打开其他经常用到的窗口。VisualStudio是可以完全自定义的，而且IDE的任何细节都可以进行调整。下一节将介绍如何完成大多数常见的自定义任务。第17页1.4定制IDE虽然VisualStudio的17第18页重新排列窗口可以在主IDE中通过拖放重新排列窗口。只需简单地按住窗口的标题栏或者它下面的选项卡，并沿着新位置的方向拖动即可。开始拖动窗口时，会看到VisualStudio提供的窗口将停在何处的可视化线索(如下图所示)。第18页重新排列窗口可以在主IDE中通过拖放重新排列窗口。只18第19页修改【工具箱】【工具箱】是可以修改的。默认情况下，【工具箱】按照字母顺序对控件进行分类，但是也可以使用拖放工具对它们重新进行排列。为此，需要打开【工具箱】(按Ctrl+Alt+X组合键)，把一个控件(如【标准】类别下的TextBox)拖到一个不同的位置上。也可以通过右击它们并从上下文菜单中选择【删除】命令，把它们从【工具箱】中删除。不要担心控件会永久失去，因为可以从同样的菜单中选择【重置工具箱】命令来重置【工具箱】。第19页修改【工具箱】【工具箱】是可以修改的。默认情况下，【19第20页定制文档窗口在文档窗口中，笔者喜欢定制选项卡的大小，它控制缩进代码时插入的空格数目。要修改tab的大小，选择【工具】|【选项】命令，然后在【文本编辑器】下方选择【所有语言】|【制表符】选项。通常将【制表符大小】和【缩进大小】都设置为2，其他设置不变。笔者还喜欢定制在HTML元素前后换行符的数目。【选项】窗口为此提供了完全的控制权：选择【文本编辑器】|HTML|【格式设置】命令，然后单击【标记专用选项】按钮，在左边的列表中可以选择一个标记，再通过右边的设置控制标记的格式化方式。【预览】框便于查看各种设置如何改变格式。第20页定制文档窗口在文档窗口中，笔者喜欢定制选项卡的大小，20第21页定制工具栏工具栏可以通过3种方式定制：显示或隐藏内置工具栏、在现有工具栏上添加或删除按钮、使用常用的按钮创建自己的工具栏。第21页定制工具栏工具栏可以通过3种方式定制：显示或隐藏内置21第22页定制键盘快捷键要修改键盘快捷键，选择【工具】|【选项】命令，展开【环境】，然后单击【键盘】选项，定位到命令列表中要修改快捷键的命令。由于这个列表中含有许多项目，因此可以通过输入命令的几个字母来过滤列表。例如，在【显示命令包括】字段中输入【打印】就会给出所有与打印相关的命令。下一步，在【按快捷键】字段中，输入一个新的快捷键并单击【分配】按钮。VisualStudio允许为一个命令输入两个快捷键。例如，可以将命令【关闭所有文档】绑定到命令Ctrl+K、Ctrl+O上。第22页定制键盘快捷键要修改键盘快捷键，选择【工具】|【选项22第23页重置修改重置Window布局重置【工具箱】重置所有设置第23页重置修改重置Window布局23第24页主要内容1.1Web基础知识1.2ASP.NET简介1.3ASP.NET的开发环境1.4定制IDE

1.5创建和运行ASP.NET应用程序1.6本章小结第24页主要内容1.1Web基础知识24第25页1.5创建和运行ASP.NET应用程序（1）通过“开始”菜单启动VisualStudio2012。（2）选择【文件】|【新建】|【网站】命令，打开【新建网站】对话框。（3）在左边的【模板】中，选择【VisualC#】（本书以C#语言为主）。（4）在中间的模板列表框中，选择【ASP.NET窗体网站】选项；在左下方的【Web位置】下拉列表中选中【文件系统】；如果需要，可以改变Web站点在磁盘上的存储位置，单击【浏览】按钮，在计算机的硬盘驱动器上选择一个新位置即可。（5）单击【确认】按钮，这时VS就创建了一个新的Web站点。第25页1.5创建和运行ASP.NET应用程序（1）通过“25第26页主要内容1.1Web基础知识1.2ASP.NET简介1.3ASP.NET的开发环境1.4定制IDE

1.5创建和运行ASP.NET应用程序1.6本章小结第26页主要内容1.1Web基础知识26第27页1.6本章小结本章介绍了很多重要的基础知识，使读者对ASP.NET4.5和VisualStudio有了初步了解。首先从总体上简单介绍了Microsoft.NETFramework的历史，并特别介绍了ASP.NET。然后说明了如何获得和安装VisualStudio。VisualStudio是创建ASP.NET4.5Web页面时使用最为广泛和最为通用的工具。为了更有效地使用这个工具，本章介绍了如何使用和定制IDE的主要功能。最后，通过实例演示了如何创建ASP.NET应用程序。第27页1.6本章小结本章介绍了很多重27第28页第1章ASP.NET4.5概述本章概述本章的学习目标主要内容第1页第1章ASP.NET4.5概述本章概述28第29页本章概述本章介绍了网站建设的基本原理、流程和网站开发工具——ASP.NET技术的基本概况。作为一种主流之一的Web开发技术，ASP.NET基于Microsoft公司的.NET框架，支持C#和VB.NET语言，是目前主要的网站开发平台之一。通过本章的学习，读者能够了解有关Web的基础知识，ASP.NET技术的发展及其优缺点，ASP.NET开发环境的组成，创建和运行ASP.NET应用程序等知识。第2页本章概述本章介绍了网站建设的基本原理、流程29第30页本章的学习目标掌握Web基础概念，如静态网站、动态网站、HTTP协议、Web服务器和浏览器、C/S和B/S结构、Web工作原理等。了解ASP.NET的发展历史、优点及与ASP技术的区别。掌握安装ASP.NET开发环境的组成。了解开发动态网站的一般流程，能够创建简单的动态网站。第3页本章的学习目标掌握Web基础概念，如静态网站、动态网站30第31页主要内容1.1Web基础知识1.2ASP.NET简介1.3ASP.NET的开发环境1.4定制IDE

1.5创建和运行ASP.NET应用程序1.6本章小结第4页主要内容1.1Web基础知识31第32页1.1Web基础知识互联网的快速发展给人们的工作、学习和生活带来了重大变化，人们可以利用网络处理数据、获取信息，提高工作效率。在互联网开发所涉及的众多技术中，最为关键的技术之一就是网站建设技术。通过本节的学习，读者将了解到网站制作过程中常见的一些基本概念。第5页1.1Web基础知识互联网的快速发展给人们的工作、32第33页静态网站与动态网站静态网站中所有的内容以HTML语言编写，存储在静态网页文件中，文件扩展名为：.htm、.html、.shtml、.xml等。网页上可以有GIF动画、FLASH动画、滚动字幕等。静态网站模型如下图所示。什么是动态网站呢？所谓“动”，并不是指网页上的GIF等动画图片，而是指用户与网站的互动性。动态网站模型如下图所示。第6页静态网站与动态网站静态网站中所有的内容以HTML语言编33第34页HTTP协议HTTP协议（HyperTextTransferProtocol，超文本传输协议）是用于在WWW服务器和浏览器之间传输超文本的传输协议。HTTP是一个应用层协议，由请求和响应构成，是一个标准的客户端/服务器（C/S）模型。第7页HTTP协议HTTP协议（HyperTextTran34第35页Web服务器和浏览器用户通过浏览器向Web服务器提出访问请求，而Web服务器可以向发出请求的浏览器提供文档。这个访问模型如下图所示。第8页Web服务器和浏览器用户通过浏览器向Web服务器提出访35第36页C/S结构与B/S结构Client和Server常常分别处在相距很远的两台计算机上，Client程序的任务是将用户的要求提交给Server程序，再将Server程序返回的结果以特定的形式显示给用户；Server程序的任务是接收客户程序提出的服务请求，进行相应的处理，再将结果返回给客户程序。B/S结构（Browser/Server，浏览器/服务器模式），是Web兴起后的一种网络结构模式，WEB浏览器是客户端最主要的应用软件。这种模式统一了客户端，将系统功能实现的核心部分集中到服务器上，简化了系统的开发、维护和使用。客户机上只要安装一个浏览器（Browser英['braʊzə]美['braʊzɚ]），如NetscapeNavigator或InternetExplorer，服务器安装SQLServer、Oracle、MYSQL等数据库。浏览器通过WebServer同数据库进行数据交互。第9页C/S结构与B/S结构Client和Server常常分36第37页主要内容1.1Web基础知识1.2ASP.NET简介1.3ASP.NET的开发环境1.4定制IDE

1.5创建和运行ASP.NET应用程序1.6本章小结第10页主要内容1.1Web基础知识37第38页1.2ASP.NET简介目前的版本是VisualStudio2012和ASP.NET4.5，它是在已成功发行的VisualStudio2010和ASP.NET4基础之上构建的，它保留了很多令人喜爱的功能，并增加了一些其他领域的新功能和工具。第11页1.2ASP.NET简介目前的版本是Visual38第39页ASP与ASP.NET的区别ASP和ASP.NET之间的区别主要在于以下几个方面。效率：ASP.NET则是建立在.NETFramework之上的，在第一次执行时进行了编译，之后的执行不需要重新编译就可以直接运行，所以速度和效率比ASP会提高很多。可重用性：ASP.NET则可以实现代码和内容的完全分离。代码量：在ASP.NET中，程序员会发现只要预先说明，这样的功能ASP.NET就可以自动实现。第12页ASP与ASP.NET的区别ASP和ASP.NET之39第40页ASP.NET的优点设计ASP.NET的4个主要目标：使代码更清晰；提高可部署性、可伸缩性、安全性以及可靠性；为不同的浏览器和设备提供更好的支持；支持一种全新的Web应用程序。第13页ASP.NET的优点设计ASP.NET的4个主要目标40第41页主要内容1.1Web基础知识1.2ASP.NET简介1.3ASP.NET的开发环境1.4定制IDE

1.5创建和运行ASP.NET应用程序1.6本章小结第14页主要内容1.1Web基础知识41第42页1.3ASP.NET的开发环境安装VisualStudio2012forWeb。主开发区：主菜单、工具栏区、工具箱、解决方案资源管理器、服务器资源管理器、【属性】面板、文档窗口、起始页。信息窗口：错误列表、【输出】窗口、【查找结果】窗口。第15页1.3ASP.NET的开发环境安装Visual42第43页主要内容1.1Web基础知识1.2ASP.NET简介1.3ASP.NET的开发环境1.4定制IDE

1.5创建和运行ASP.NET应用程序1.6本章小结第16页主要内容1.1Web基础知识43第44页1.4定制IDE虽然VisualStudio的标准配置和它的工具窗口相当有用，但是也可以根据自己的偏好定制IDE。有时可能需要把窗口重新安排到容易找到的位置，有时可能希望打开其他经常用到的窗口。VisualStudio是可以完全自定义的，而且IDE的任何细节都可以进行调整。下一节将介绍如何完成大多数常见的自定义任务。第17页1.4定制IDE虽然VisualStudio的44第45页重新排列窗口可以在主IDE中通过拖放重新排列窗口。只需简单地按住窗口的标题栏或者它下面的选项卡，并沿着新位置的方向拖动即可。开始拖动窗口时，会看到VisualStudio提供的窗口将停在何处的可视化线索(如下图所示)。第18页重新排列窗口可以在主IDE中通过拖放重新排列窗口。只45第46页修改【工具箱】【工具箱】是可以修改的。默认情况下，【工具箱】按照字母顺序对控件进行分类，但是也可以使用拖放工具对它们重新进行排列。为此，需要打开【工具箱】(按Ctrl+Alt+X组合键)，把一个控件(如【标准】类别下的TextBox)拖到一个不同的位置上。也可以通过右击它们并从上下文菜单中选择【删除】命令，把它们从【工具箱】中删除。不要担心控件会永久失去，因为可以从同样的菜单中选择【重置工具箱】命令来重置【工具箱】。第19页修改【工具箱】【工具箱】是可以修改的。默认情况下，【46第47页定制文档窗口在文档窗口中，笔者喜欢定制选项卡的大小，它控制缩进代码时插入的空格数目。要修改tab的大小，选择【工具】|【选项】命令，然后在【文本编辑器】下方选择【所有语言】|【制表符】选项。通常将【制表符大小】和【缩进大小】都设置为2，其他设置不变。笔者还喜欢定制在HTML元素前后换行符的数目。【选项】窗口为此提供了完全的控制权：选择【文本编辑器】|HTML|【格式设置】命令，然后单击【标记专用选项】按钮，在左边的列表中可以选择一个标记，再通过右边的设置控制标记的格式化方式。【预览】框便于查看各种设置如何改变格式。第20页定制文档窗口在文档窗口中，笔者喜欢定制选项卡的大小，47第48页定制工具栏工具栏可以通过3种方式定制：显示或隐藏内置工具栏、在现有工具栏上添加或删除按钮、使用常用的按钮创建自己的工具栏。第21页定制工具栏工具栏可以通过3种方式定制：显示或隐藏内置48第49页定制键盘快捷键要修改键盘快捷键，选择【工具】|【选项】命令，展开【环境】，然后单击【键盘】选项，定位到命令列表中要修改快捷键的命令。由于这个列表中含有许多项目，因此可以通过输入命令的几个字母来过滤列表。例如，在【显示命令包括】字段中输入【打印】就会给出所有与打印相关的命令。下一步，在【按快捷键】字段中，输入一个新的快捷键并单击【分配】按钮。VisualStudio允许为一个命令输入两个快捷键。例如，可以将命