《动态页面设计与实现》课程讲义

《动态页面设计与实现》课程讲义制作：计算机信息管理教研室项目引导网络应用项目分析正方软件的使用；淘宝网站的浏览。内容提要网站注册功能；产品展示功能；订单功能；BBS功能；留言簿功能；模块一网站编程体系概述与环境配置内容提要本模块介绍ASP在整个应用程序开发体系中的位置介绍两大编程架构然后介绍ASP的发展历史及其ASP的相关技术最后介绍如何配置ASP的运行环境，并利用案例来测试ASP的运行环境。1.1软件编程体系简介1.1.1B/S架构编程体系B/S结构的编程语言分成浏览器端编程语言和服务器端编程语言。浏览器端包括：HTML（HypertextMarkupLanguage，超文本标记语言）、CSS（CascadingStyleSheets，层叠样式表单）、JavaScript语言和VBScript语言。为了实现一些复杂的操作，比如：连接数据库，操作文件等，需要使用服务器端编程语言。目前主要是3P（ASP、JSP和PHP（PersonalHomepage））技术。1.1.2C/S架构编程体系在2000年以前，C/S结构占据开发领域的主流，随着B/S结构的发展，C/S结构已经逐步被B/S结构取代。值得一提的是两门经典的开发语言：C++和Java，这两门语言覆盖了该领域85%以上的项目。虽然Java如日中天，但是C++在开发领域中老大的位置，始终不变。1.2ASP的发展历史ASP的第一个版本是0.9测试版ASP1.0作为IIS（InternetInformationServer，Internet信息服务器）的附属产品免费发送，并且不久就在Windows平台上广泛使用。ASP与ADO的结合使开发者很容易地在一个数据库中建立和打开一个记录集。这是它如此快就被大众接受的原因。1998年，微软公司又发布了ASP2.0。ASP1.0和ASP2.0主要区别是外部组件。有了ASP2.0和IIS4.0，就可以建立ASP应用了。微软公司接着开发了Windows2000操作系统。这个Windows版本给带上了IIS5.0及ASP3.0。1.2.1ASP相关技术概览ASP可以使用两种脚本语言：VBScript和Jscript。所谓的Jscript语言就是微软版本的JavaScript语言。本书所有案例程序基于VBScript语言。ASP包含内置对象，最常用的是五大对象、一个集合和一个文件。五大对象分别是：Response，Request，Session，Application和Server，一个集合是Cookies，一个文件是Global.asa。ASP最常用的内置组件是操作文件的组件和操作广告条的组件。ASP最强大的功能还是使用外置组件，比如使用外置组件实现文件上传，发送E-mail，等等。通过ADO数据访问接口可以方便地操作各种数据库。通过ADO访问数据库有三种标准的访问格式。1.3B/S架构编程语言简介目前，B/S架构主要使用4种语言：ASP、ASP.NET、PHP和JSP。其中，ASP学习简单，使用方便；PHP软件免费，运行成本低廉；JSP多平台支持，转换方便；ASP.NET功能强大，编写容易。1.3.1ASP概述ASP程序的优点如下：（1）可以把脚本语言直接嵌入HTML文档中，不需要编译和连接就可以运行。（2）可以使用ADO组件轻松存取数据库。（3）可以使用第三方开发的组件（4）不存在浏览器兼容的问题，由于ASP程序是在服务器端运行的，当客户端浏览器浏览ASP网页的时候，服务器将该网页文件重新解释一遍，并将生成的标准HTML文件发送给客户端浏览器。因为送出的是标准的HTML文件，所以不会存在浏览器兼容的问题。（5）可以隐藏程序代码，在客户端仅可以看到由ASP输出的动态HTML文件。ASP的缺点是：（1）运行速度比HTML程序运行速度慢，这是因为每当客户端打开一个ASP网页时，服务器都必须将该ASP程序从头到尾重读一遍，并加以编译执行，最后送出标准的HTML格式文件给客户端。从而影响了运行速度。（2）有的网络操作系统不支持ASP，比如Linux、FreeBSD等等。这样用ASP开发Web程序一般来说最好选用Windows系列操作系统。1.3.2ASP.NET概述与ASP相比，ASP.NET增加了很多特性，功能也更为强大。ASP.NET的优点是：（1）使用.NET提供的所有类库，可以执行以往ASP所不能实现的许多功能。（2）引入了服务器端控件的概念，这样使开发交互式网站更加方便。（3）引入了ADO.NET数据访问接口，大大提高了数据访问效率。（4）提供ASP.NET的可视化开发环境VisualStudio.NET，进一步提高编程效率。（5）保持对ASP的全面兼容。ASP.NET运行速度快。（6）ASP.NET全面支持面向对象程序设计。ASP.NET的缺点是：（1）ASP.NET运行环境要求比较高，不仅需要IIS的支持，还需要.NETFremeworkSDK。（2）相对于ASP，学习起来稍微复杂。1.3.3JSP概述JSP的优点是：（1）多平台支持，可以在所有的服务器操作系统上运行。（2）编译后执行，能够大大提高执行效率。（3）JSP采用Java技术，Java应用比较普遍，因此学习起来非常容易。（4）JSP是J2EE（Java2EnterpriseEdition，Java2企业版）中13种核心技术的一种，可以和其他核心技术共同建立企业应用。JSP的缺点是：（1）开发环境相对ASP来讲，比较复杂。需要先安装JDK（JavaDevelopmentKit，Java开发工具箱），然后安装Web服务器。（2）相对ASP的VBScript脚本语言来说，Java语言学起来稍微复杂。1.3.4PHP概述PHP的优点为：（1）首先它是免费的，对于许多要考虑运行成本的商业网站来说，尤其重要。（2）开发源代码。因为这一点，所以才会有很多爱好者不断发展它，使之更具有生命力。（3）多平台支持，可以运行在所有操作系统之下。（4）效率高，同ASP相比，PHP占用的较少的系统资源，执行速度比较快。PHP的缺点是：（1）因为没有大公司的支持，前途不如ASP、JSP和ASP.NET。（2）运行环境相对复杂，学习起来相对复杂。1.4ASP运行环境配置建议的配置环境为：Windows2000ServerSP4+IE5.5/IE6.0+SQLServer2000企业版，这也是本书完成的环境。1.4.1安装IIS5.0如果操作系统是Windows2000Server或者是Windows2000AdvancedServer的话，IIS5.0已经是默认安装上的。如果是Windows2000Professional，则需要安装IIS5.0。从操作系统“控制面板”中找到并双击“添加/删除程序”，单击“添加/删除Windows组件”，选择“Internet信息服务”，然后选择详细信息，1.4.2ASP的编译环境简介开发ASP程序，最好的工具是MicrosoftVisualInterDev6.0，利用它不仅可以编写还可以调试。目前还有比较流行的工具是Dreamweaver、Frontpage等工具。为了程序的简介和编写方便，推荐使用EditPlus，它可以将ASP脚本语言与HTML语言分颜色显示，并可帮助编写复杂的HTML语句1.4.3测试ASP运行环境程序解释：程序中Response是ASP的对象，Write是它提供的方法，功能是向浏览器输出字符串。案例名称：测试ASP运行环境程序名称：1-01.asp%Response.Write(你好)%模块二HTML编程基础首先介绍HTML的发展历史，然后介绍HTML的基本框架详细介绍了HTML的各种常用标记：文字标记、图片标记和超级链接标记，等等。介绍CSS的基本使用方法，介绍如何让CSS与HTML协同工作。2.1概述在20世纪90年代Web网络的迅速兴起，使得HTML空前繁荣。当时，HTML被发展成了许多不同的版本。出于解决这种混乱局面的考虑，迫切需要制定一个公认的HTML语言规范。1995年11月，InternetEngineeringTaskForce（IETF）整理了以前的各种版本，倡导并主持开发HTML2.0规范，同年推出HTML3.0技术规范。1996年，WorldWideWebConsortium（W3C）的HTMLWorkingGroup开始组织编写新的规范，于1997年1月推出了HTML3.2。在HTML3.2中做了许多重要改动。到1999年下半年推出到现在依然使用的HTML4.0。2.1.1HTML网页框架案例名称：HTML网页框架程序名称：2-01.htmHTMLHEADTITLE/TITLE/HEADBODY/BODY/HTML这是一段最基本的HTML标识，任何HTML文档都是由一个HTML和/HTML标记包含的，然后分为HEAD和BODY两大部分，页面的标识一般都是在BODY标识中定义的。HTML文件不区别大小写，浏览器认为HTML和html是一样的，在使用的时候需要保持风格的完整性。HTML文件的扩展名可以是.htm或者.html都可以，现在已经没有区别了。原来在Linux操作系统上用html作为文件的扩展名，而在Windows操作系统上用.htm，因为早期的Windows操作系统不支持三个以上字母的文件扩展名。2.1.2HEAD头元素HEAD头元素主要包括该页面的一些基本描述语句。META的属性包括：Description，网页的描述信息；Keywords，关键字，当搜索引擎查找时，按此关键字查找；Content-type，用来设置该网页的编码；Author，用来设置该网页的作者姓名；Refresh，用来设置网页的自动更新。当CONTENT=3;URL=时，该网页打开3秒钟后，就自动的转到的常用标记HTML的常用标记有一些共同特点：都放在BODY标记里面。常用的标记有字体标记、图片标记、超级链接、列表、表格和表单等。字体标记处理文字时通常利用如“FONTFACE=”隶书“SIZE=”5“COLOR=”red“xx/FONT”的标记定义字符xx的字体显示为隶书，字号是40，颜色是红色。程序2-03.htm说明如何使用文字格式。图片标记利用“IMGSRC=”myimage.jpg“WIDTH=”300“HEIGHT=”200“BORDER=”10“”格式可以插入一张图片，myimage.jpg文件必须和该HTML文件放在同一个目录下。IMG是HTML的一个标记，是IMAGE的缩写；SRC属性给出要连接的图片的路径和文件名超级链接使用超级链接的基本的语法是：AHREF=“Address.htm”XX/A。XX是一个超级链接，连接到Address.htm文件；A是单词Anchor的缩写，中文的意思是“锚”，功能是从一个页面链接到另一个页面；属性HREF定义的是链接到哪一页。书签链接如果某个页面很大，为了加强层次感，需要引入书签链接。使用的方法和超级链接类似。电子邮件链接电子邮件链接提供了当点击页面上的链接时，将自动打开默认的邮件发送程序发邮件。列表列表有两种方式，一种是有序列表，另一种是无序列表。无序列表是所有的行之前都有一个小圆圈，而有序列表是自动排序的，前面有序号。基本表格TABLE是表格的基本标记。TR代表表格的行，TD代表表格的列。定义一个三行两列的表格如程序2-09.htm所示。表格的灵活应用（1）ROWSPAN和COLSPAN属性的使用方法。利用ROWSPAN属性设置该单元格占用多行，利用COLSPAN属性设置该单元格是占用多列。Cellpadding