教学材料ASPNET4.5概述.ppt

第1页,第1章 ASP.NET 4.5概述,本章概述 本章的学习目标 主要内容,第2页,本章概述,本章介绍了网站建设的基本原理、流程和网站开发工具ASP.NET技术的基本概况。作为一种主流之一的Web开发技术，ASP.NET基于Microsoft公司的.NET框架，支持C # 和VB.NET语言，是目前主要的网站开发平台之一。通过本章的学习，读者能够了解有关Web的基础知识，ASP.NET技术的发展及其优缺点，ASP.NET开发环境的组成，创建和运行ASP.NET应用程序等知识。,第3页,本章的学习目标,掌握Web基础概念，如静态网站、动态网站、HTTP协议、Web服务器和浏览器、C/S和B/S结构、Web工作原理等。 了解ASP.NET的发展历史、优点及与ASP技术的区别。 掌握安装ASP.NET开发环境的组成。 了解开发动态网站的一般流程，能够创建简单的动态网站。,第4页,主要内容,1.1 Web基础知识 1.2 ASP.NET简介 1.3 ASP.NET的开发环境 1.4 定制IDE 1.5 创建和运行ASP.NET应用程序 1.6 本章小结,第5页,1.1 Web基础知识,互联网的快速发展给人们的工作、学习和生活带来了重大变化，人们可以利用网络处理数据、获取信息，提高工作效率。在互联网开发所涉及的众多技术中，最为关键的技术之一就是网站建设技术。通过本节的学习，读者将了解到网站制作过程中常见的一些基本概念。,第6页,静态网站与动态网站,静态网站中所有的内容以HTML语言编写，存储在静态网页文件中，文件扩展名为：.htm、.html、.shtml、.xml等。网页上可以有GIF动画、FLASH动画、滚动字幕等。静态网站模型如下图所示。 什么是动态网站呢？所谓“动”，并不是指网页上的GIF等动画图片，而是指用户与网站的互动性。动态网站模型如下图所示。,第7页,HTTP协议,HTTP协议（HyperText Transfer Protocol，超文本传输协议）是用于在WWW服务器和浏览器之间传输超文本的传输协议。HTTP是一个应用层协议，由请求和响应构成，是一个标准的客户端/服务器（C/S）模型。,第8页,Web服务器和浏览器,用户通过浏览器向Web服务器提出访问请求，而Web服务器可以向发出请求的浏览器提供文档。这个访问模型如下图所示。,第9页,C/S结构与B/S结构,Client和Server常常分别处在相距很远的两台计算机上，Client程序的任务是将用户的要求提交给Server程序，再将Server程序返回的结果以特定的形式显示给用户；Server程序的任务是接收客户程序提出的服务请求，进行相应的处理，再将结果返回给客户程序。 B/S结构（Browser/Server，浏览器/服务器模式），是Web兴起后的一种网络结构模式，WEB浏览器是客户端最主要的应用软件。这种模式统一了客户端，将系统功能实现的核心部分集中到服务器上，简化了系统的开发、维护和使用。客户机上只要安装一个浏览器（Browser英 braz美 braz），如Netscape Navigator或Internet Explorer，服务器安装SQL Server、Oracle、MYSQL等数据库。浏览器通过Web Server 同数据库进行数据交互。,第10页,主要内容,1.1 Web基础知识 1.2 ASP.NET简介 1.3 ASP.NET的开发环境 1.4 定制IDE 1.5 创建和运行ASP.NET应用程序 1.6 本章小结,第11页,1.2 ASP.NET简介,目前的版本是Visual Studio 2012 和ASP.NET 4.5，它是在已成功发行的Visual Studio 2010和ASP.NET 4基础之上构建的，它保留了很多令人喜爱的功能，并增加了一些其他领域的新功能和工具。,第12页,ASP与ASP.NET的区别,ASP和ASP.NET之间的区别主要在于以下几个方面。 效率：ASP.NET则是建立在.NET Framework之上的，在第一次执行时进行了编译，之后的执行不需要重新编译就可以直接运行，所以速度和效率比ASP会提高很多。 可重用性：ASP.NET则可以实现代码和内容的完全分离。 代码量：在ASP.NET中，程序员会发现只要预先说明，这样的功能ASP.NET就可以自动实现。,第13页,ASP.NET的优点,设计ASP.NET的4个主要目标： 使代码更清晰； 提高可部署性、可伸缩性、安全性以及可靠性； 为不同的浏览器和设备提供更好的支持； 支持一种全新的Web应用程序。,第14页,主要内容,1.1 Web基础知识 1.2 ASP.NET简介 1.3 ASP.NET的开发环境 1.4 定制IDE 1.5 创建和运行ASP.NET应用程序 1.6 本章小结,第15页,1.3 ASP.NET的开发环境,安装Visual Studio 2012 for Web。 主开发区：主菜单、工具栏区、工具箱、解决方案资源管理器、 服务器资源管理器、 【属性】面板、文档窗口、起始页。 信息窗口：错误列表、 【输出】窗口、 【查找结果】窗口。,第16页,主要内容,1.1 Web基础知识 1.2 ASP.NET简介 1.3 ASP.NET的开发环境 1.4 定制IDE 1.5 创建和运行ASP.NET应用程序 1.6 本章小结,第17页,1.4 定制IDE,虽然Visual Studio的标准配置和它的工具窗口相当有用，但是也可以根据自己的偏好定制IDE。有时可能需要把窗口重新安排到容易找到的位置，有时可能希望打开其他经常用到的窗口。Visual Studio是可以完全自定义的，而且IDE的任何细节都可以进行调整。下一节将介绍如何完成大多数常见的自定义任务。,第18页,重新排列窗口,可以在主IDE中通过拖放重新排列窗口。只需简单地按住窗口的标题栏或者它下面的选项卡，并沿着新位置的方向拖动即可。开始拖动窗口时，会看到Visual Studio提供的窗口将停在何处的可视化线索(如下图所示)。,第19页,修改【工具箱】,【工具箱】是可以修改的。默认情况下，【工具箱】按照字母顺序对控件进行分类，但是也可以使用拖放工具对它们重新进行排列。为此，需要打开【工具箱】(按Ctrl+Alt+X组合键)，把一个控件(如【标准】类别下的TextBox)拖到一个不同的位置上。也可以通过右击它们并从上下文菜单中选择【删除】命令，把它们从【工具箱】中删除。不要担心控件会永久失去，因为可以从同样的菜单中选择【重置工具箱】命令来重置【工具箱】。,第20页,定制文档窗口,在文档窗口中，笔者喜欢定制选项卡的大小，它控制缩进代码时插入的空格数目。要修改tab的大小，选择【工具】|【选项】命令，然后在【文本编辑器】下方选择【所有语言】| 【制表符】选项。通常将【制表符大小】和【缩进大小】都设置为2，其他设置不变。笔者还喜欢定制在HTML元素前后换行符的数目。【选项】窗口为此提供了完全的控制权：选择【文本编辑器】| HTML|【格式设置】命令，然后单击【标记专用选项】按钮，在左边的列表中可以选择一个标记，再通过右边的设置控制标记的格式化方式。【预览】框便于查看各种设置如何改变格式 。,第21页,定制工具栏,工具栏可以通过3种方式定制：显示或隐藏内置工具栏、在现有工具栏上添加或删除按钮、使用常用的按钮创建自己的工具栏。,第22页,定制键盘快捷键,要修改键盘快捷键，选择【工具】|【选项】命令，展开【环境】，然后单击【键盘】选项，定位到命令列表中要修改快捷键的命令。由于这个列表中含有许多项目，因此可以通过输入命令的几个字母来过滤列表。例如，在【显示命令包括】字段中输入【打印】就会给出所有与打印相关的命令。 下一步，在【按快捷键】字段中，输入一个新的快捷键并单击【分配】按钮。Visual Studio允许为一个命令输入两个快捷键。例如，可以将命令【关闭所有文档】绑定到命令Ctrl+K、Ctrl+O上。,第23页,重置修改,重置Window布局 重置【工具箱】 重置所有设置,第24页,主要内容,1.1 Web基础知识 1.2 ASP.NET简介 1.3 ASP.NET的开发环境 1.4 定制IDE 1.5 创建和运行ASP.NET应用程序 1.6 本章小结,第25页,1.5 创建和运行ASP.NET应用程序,（1）通过“开始”菜单启动Visual Studio 2012。 （2）选择【文件】|【新建】|【网站】命令，打开【新建网站】对话框。 （3）在左边的【模板】中，选择【Visual C#】（本书以C#语言为主）。 （4）在中间的模板列表框中，选择【ASP.NET窗体网站】选项；在左下方的【Web位置】下拉列表中选中【文件系统】；如果需要，可以改变Web站点在磁盘上的存储位置，单击【浏览】按钮，在计算机的硬盘驱动器上选择一个新位置即可。 （5）单击【确认】按钮，这时VS就创建了一个新的Web站点。,第26页,主要内容,1.1 Web基础知识 1.2 ASP.NET简介 1.3 ASP.NET的开发环境 1.4 定制IDE 1.5 创建和运行ASP.NET应用程序 1.6 本章小结,第27页,1.6 本章小结,本章介绍了很多重要的基础知识，使读者对ASP.NET 4.5和Visua