ASP NET 4.5动态网站开发实用教程电子教案 杨春元 第一章

2020年2月10日第1页第1章ASP.NET4.5概述教学目标本章内容2020年2月10日第2页教学目标掌握网站建设基础知识了解ASP.NET的发展史熟悉VS2012开发环境新建Web站点ASP.NET应用程序的工作原理2020年2月10日第3页本章内容1.1Web程序设计基础1.2ASP.NET的诞生1.3使用VS2012创建ASP.NET站点1.4上机练习1.5习题2020年2月10日第4页本章内容1.1Web程序设计基础1.2ASP.NET的诞生1.3使用VS2012创建ASP.NET站点1.4上机练习1.5习题2020年2月10日第5页1.1Web程序设计基础HTML语言静态网站动态网站2020年2月10日第6页HTML语言HTML的英文全称是HyperTextMarkupLanguage，直译为超文本标记语言，它由W3C组织商讨制定。HTML不是一个程序语言，而是一种描述文档结构的标记语言。HTML文档是含有标记、文本和影响文本的附加数据的简单文本文件。HTML与操作系统平台的选择无关，只要有Web浏览器就可以运行HTML文件，显示网页内容。2020年2月10日第7页HTML元素和标记HTML用尖括号间的文本指示内容在浏览器中如何显示。这种带有尖括号的文本称为标记(tag)；含有文本或其它内容的一对标记称为元素。例如：h3你好/h3p欢迎学习ASP.NET4.5/p注意，元素的结束标记和起始标记相似，只是前面多了个斜杠(/)。起始标记和结束标记之间的所有文本都被看作是标题部分。2020年2月10日第8页HTML属性除了有HTML元素之外，还有HTML属性。这些属性包含了一些改变特定元素行为方式的额外信息。例如，使用img标记显示一个图像，src属性用于定义图像的源代码。通常，我们不需要记住所有这些元素和属性。在大多数情况下，VWD会自动地生成它们，当需要手工输入时，也会给出智能提示，帮助找到正确的标记或属性。2020年2月10日第9页HTML和XHTML的区别（1/3）XHTML(eXtensibleHypertextMarkupLanguage)称为可扩展超文本标记语言，是为了使HTML向XML(eXtensibleMarkupLanguage)过渡而定义的标记语言，它以HTML为基础，采用XML严谨的语法结构。XML是一种通用的、用来描述数据的、基于文本与标记的语言，它也作为其他许多语言(包括XHTML)的基础语言。2020年2月10日第10页HTML和XHTML的区别（2/3）XHTML很大程度上是用XML规则重写的HTML。在XHTML中，如果用p开始了一个段落，就必须在页面后面的某个地方用/p闭合该段落。对于没有结束标记的标记也是如此，比如img或br(用来输入一个换行符)。在XHTML中，这些标记被写为自结束标记，其中结束标记中的斜杠直接嵌在标记自身中2020年2月10日第11页HTML和XHTML的区别（3/3）XML是区分大小写的，XHTML通过强制所有标记采用小写来应用该规则。虽然标记和特性必须都是小写，但是实际值不必是这样。例如，前面显示logo图像的示例是完全有效的XHTML，这里的图像名称中使用了大写的L。大部分的浏览器都可以正确解析XHTML，即使老版本的浏览器，也将XHTML作为HTML的一个子集。2020年2月10日第12页静态网站静态网站是指全部由HTML代码格式页面组成的网站，所有的内容包含在网页文件中，文件扩展名为：.htm、.html、.shtml、.xml等。网页上也可以出现各种视觉动态效果，如GIF动画、FLASH动画、滚动字幕等。2020年2月10日第13页静态网站的特点(1)静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀。(2)网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，每个网页都是一个独立的文件。(3)静态网页的内容相对稳定，因此容易被搜索引擎检索、访问速度比较快。(4)静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难。(5)静态网页的交互性差，在功能方面有较大的限制。为了不断更新网页内容，网站管理者必须不断地重复制作HTML文件，随着网站内容和信息量的日益增长，维护工作将变得十分复杂。2020年2月10日第14页动态网站所谓“动”，并不是指网页上的GIF等动画图片，而是指用户与网站的交互性和互动性。动态网站中的网页会根据用户的要求和选择而改变和响应。网站管理员只需要掌握计算机基本操作方法，就可以方便、及时地更新网站内容；浏览网站的用户可以在网站中进行查询、留言等操作。可见，动态网站技术大大增加了客户与网站的交互性。在动态网站中，网络管理员除了要设计网页视觉效果，还要设计数据库和程序代码来使网站具有更多自动的和高级的功能。在服务器端运行的程序、网页、组件，会随不同客户、不同要求返回不同的页面，网站管理员无须手动更新网页文档，可以大大节省网站管理的工作量。2020年2月10日第15页静态网站和动态网站的区别静态网站和动态网站的主要区别在于：静态网站的内容是在用户发出请求之前就预先生成的，而动态网站的内容则是在用户发出请求之后才产生的。静态网站和动态网站各有特点，搭建网站采用动态还是静态技术主要取决于网站的功能需求和内容的多少，如果网站功能比较简单，内容更新量不是很大，那么采用静态网站的方式会更简单，反之，就要采用动态网站技术来实现。静态网站可以使用Frontpage或Dreamweaver等网页编辑工具来建立，而动态网站则需要使用服务器端网页技术，如本书介绍的ASP.NET来搭建。2020年2月10日第16页本章内容1.1Web程序设计基础1.2ASP.NET的诞生1.3使用VS2012创建ASP.NET站点1.4上机练习1.5习题2020年2月10日第17页1.2ASP.NET的诞生ASP的出现与发展ASP.NET缘起2020年2月10日第18页ASP的出现与发展（1/2）早期的Web程序开发是十分繁琐的事情，一个简单的动态页面就需要编写大量的代码(一般用C语言)才能完成。1996年，Microsoft推出了ASP(ActiveServerPage，活动服务器页面，现在人们常称之为传统ASP)1.0版。它允许采用VBScript/JavaScript脚本语言编写代码，从而使设计动态Web页面的工作变得简单。2020年2月10日第19页ASP的出现与发展（2/2）ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用户界面的Web应用程序2020年2月10日第20页ASP.NET缘起（1/5）1997年时，微软开始针对ASP的缺点(尤其是面向过程型的开发思想)，开始了一个新的项目。当时ASP.NET的主要领导人ScottGuthrie刚从杜克大学毕业，他和IIS团队的MarkAnders经理一起合作两个月，开发出了下一代ASP技术的原型，这个原型在1997年的圣诞节时被发展出来，并给予一个名称：XSP。2020年2月10日第21页ASP.NET缘起（2/5）为了将XSP移植到CLR中，XSP团队将XSP的内核程序全部以C#语言进行了重构，并且改名为ASP+。在2000年第二季时，微软正式推动.NET策略，ASP+也顺理成章的改名为ASP.NET，经过四年的开发，第一个版本的ASP.NET在2002年1月5日亮相。2020年2月10日第22页ASP.NET缘起（3/5）ASP.NET1.0在结构上与传统的ASP版本截然不同，几乎完全是基于组件和模块化的。ASP.NET1.0及相关的VisualStudio.NET2002的引入给开发人员带来了很多好处。2003年，Microsoft公司发布了VisualStudio.NET2003，提供了在Windows操作系统下开发各类基于.NET框架的全新的应用程序开发平台(称为.NET1.1)。2020年2月10日第23页ASP.NET缘起（4/5）2005年11月，Microsoft发布了VisualStudio2005和ASP.NET2.0。它修正了以前版本中的一些Bug并在移动应用程序开发、代码安全以及对Oracle数据库和ODBC的支持等方面都做了很多改进。尽管VisualStudio2005和ASP.NET2.0的功能已经很丰富了，但Microsoft仍旧努力向2007年11月发布的VisualStudio2008和ASP.NET3.5中添加了一系列很酷的新功能。主要的新功能包括LINQ以及AJAX框架整合。2020年2月10日第24页ASP.NET缘起（5/5）2008年8月，Microsoft又发布了用于VisualStudio和.NETFramework的ServicePack1，其中引入了一些重要的新功能，如ADO.NETEntityFramework和动态数据。2010年，ASP.NET4.0与VisualStudio2010一起发布，配合.NETFramework4.0让Web应用程序具有如并行运算库(ParallelLibrary)等新功能。目前该软件的最新版本是ASP.NET4.5，该版本在数据模型绑定这一方式上，又有重大的变革。我们可以直接将数据模型层中的模型直接跟相关的数据绑定控件和CRUD(增删改查操作)、分页操作进行绑定。2020年2月10日第25页本章内容1.1Web程序设计基础1.2ASP.NET的诞生1.3使用VS2012创建ASP.NET站点1.4上机练习1.5习题2020年2月10日第26页1.3使用VS2012创建ASP.NET站点安装VS2012VS2012IDE环境介绍第一个Web应用程序2020年2月10日第27页安装VS2012VS2012中文版是一个最先进的开发解决方案，它使各种规模的团队能够设计和创建出使用户欣喜的引人注目的应用程序。VS2012的安装很简单，只是过程有点长。根据所选的安装方法、计算机配置和Internet连接速度，安装可能需要半个小时到一个小时，甚至更长时间。VS2012对操作系统的要求也高了，Win7以上版本才可以。2020年2月10日第28页起始页单击Windows的【开始】菜单，选择【MicrosoftVisualStudio2012】|【VisualStudio2012】命令，启动VS2012。初次使用时，会出现【选择默认环境设置】对话框。在此，我们选择【Web开发】选项，单击【启动VisualStudio】按钮，开始加载用户设置，几分钟之后，进入【起始页】界面【起始页】页面包括【最近使用的项目】和联机资源以及新建和打开项目的快捷操作2020年2月10日第29页菜单栏开发界面的最上方是标题栏，标题栏的下面就是菜单栏，包括【文件】、【编辑】、【视图】、【网站】、【生成】、【调试】、【团队】、【SQL】、【工具】、【测试】、【体系结构】、【分析】、【窗口】和【帮助】14个主菜单。根据执行的具体任务不同，主菜单也会有很大的变化，因此，在使用应用程序的过程中就会发现某些菜单有时出现、有时消失。2020年2月10日第30页工具栏菜单栏的下面就是工具栏，利用不同的工具栏，可以快速地访问VS中的大部分常用功能。如果要打开或关闭某个工具栏，可以右击现有的工具栏，或者选择【视图】|【工具栏】菜单，从弹出的子菜单中选择相应的菜单项即可。2020年2月10日第31页工具箱默认情况下，在主窗口的左侧，可以看到折叠的工具箱选项卡，将鼠标指针移动到该选项卡上悬停几秒，工具箱就会展开。与菜单栏和工具栏一样，在执行不同的任务时，工具箱也可能会变化。