第8章 动态网页基础

第8章动态网页基础•8.1【案例50】安装Web服务器和设置站点•8.2【案例51】显示日期和时间•8.3【案例52】用表单传递信息•8.4【案例53】简单的留言板•8.5【案例54】“简单通讯录系统”网页•8.1【案例50】安装Web服务器和设置站点•1．服务器端和客户端•通常，将网络中提供服务的一方叫服务器端，接受服务的一端称为客户端。例如，当用户在浏览新浪网站的网页时，新浪网站的服务器是服务器端，用户的计算机是客户端。服务器端和客户端的划分不是绝对的，因为服务器也可以接受其他服务器的服务，所以，在一个服务器接受其他服务器的服务时，这个服务器就是客户端，而为这个服务器服务的服务器就是服务器端。•服务器端安装有Web信息服务管理器，用来分析和执行网络程序代码，客户端安装有Web浏览器，用来分析和执行HTML文件，显示网页内容。•为了调试程序方便，可以给自己的计算机安装Web服务器软件（IIS5.0或PWS4.0），则这台计算机既可以作为服务器端，又可以作为客户端。•2．了解静态网页•一般把没有嵌入了程序脚本（Script）的网页称为静态网页，它是只由HTML标记组成HTML文件。这种网页的扩展名一般为.htm或.html。静态网页一经组成，其内容是不可以在用户访问时改变的。只要HTML文件不改变，不管何时何人访问，静态网页显示的内容都是一样的。如果要改变静态网页的•显示内容，必须修改HTML文件的源代码（即HTML标记），再将HTML文件重新上传到服务器上。•当客户端的用户在Web浏览器的“地址”下拉列表框中选择或输入一个网址并按【Enter】键后，就向Web服务器端提出了一个浏览网页的要求。Web服务器端接到请求后，就会找到用户要浏览的静态网页文件，再将该文件发送给用户。这一过程如图所示。•3．了解动态网页•一般把嵌入了程序脚本（Script）的网页称为动态网页。这里所说的脚本，是指包含在网页中的程序段。它是由HTML标记和用网络程序设计语言编写的代码程序组成的文件。因采用的网络程序设计语言不同，动态网页的扩展名•也不同，目前应用较多的网络程序设计语言有ASP（动态网页的扩展名为.asp）、ASP.NET（动态网页的扩展名为.aspx）、PHP（动态网页的扩展名多为.php）和JSP（动态网页的扩展名为.jsp）。但不要把网页扩展名作为判断一个网站采用什么技术的依据，比如一个PHP网站，如果它的开发者愿意，把所有的PHP文件都改用“.jsp”或“.htm”作扩展名，只要对服务器的系统设置做相应的修改，也可以正常运行。•使动态网页能够在不同时间和不同人访问时显示不同的内容，例如，常用的留言簿、聊天室等都是用动态网页来实现的。•当客户端的用户在Web浏览器的“地址”下拉列表框中选择或输入一个网址并按【Enter】键后，就向Web服务器端提出了一个访问动态网页的请求，Web服务器根据客户的请求来查找要访问的动态网页。找到要访问的动态网页后，Web服务器执行动态网页中的代码程序，将动态网页转换为静态网页。然后，Web服务器将转化后的静态网页发送回Web浏览器，响应浏览器的请求。客户端的用户即可以在客户端的Web浏览器中看到转换后的静态网页了。浏览动态网页的这一过程如图所示。•4．动态网页的功能•动态页面比静态页面可以实现强大得多的功能，它不但可以实现静态页面的•一切功能，而其可以实现静态页面无法实现的许多功能。动态页面的功能包括以下几个方面。•（1）使用户可以快速方便地在一个内容丰富的Web站点中查找各种信息。•（2）使用户可以搜索、组织、浏览和下载所需的各种信息。•（3）使用户可以收集、保存和分析用户提供的数据。•（4）使用户可以对内容不断变化的Web站点进行动态更新。•需要特别说明的是，动态页面强大功能的实现往往是与数据库紧密联系的，也就是说，通过动态页面可以操作数据库，将数据库的内容按照需求传送给•给访问数据库的用户，并在客户端的浏览器中显示出来。动态页面与数据库进行联系需要有相应的数据库驱动程序，采用的数据库不同，所需要的驱动程序也不同。如果数据规模不大，可以使用文件类型的数据库，例如，MicrosoftAccess创建的数据库；如果数据库的规模较大并且需要有良好的稳定性，则可以使用基于服务器的数据库，例如，MicrosoftSQLServer、Oracle9i或MySQL创建的数据库。•8.2【案例51】显示日期和时间•1．服务器和客户端的访问•网页存放在服务器，而客户端通过浏览器观看网页的内容。对于初学者来说，可能一段时间内只有一台计算机，既充当服务器，又充当客户端。尽管如此，为了把概念搞清楚，还是可以把自己的计算机想象成两台计算机，一台服务器，一台客户端。当用Dreamweaver8打开网页时，认为是在服务器端，用浏览器观看网页内容时，认为是在客户端。所以提倡养成这样的习惯：用Dreamweaver时，只做编写或修改；看运行结果时，使用浏览器。•通常，在学习了网页制作之后，习惯在“资源管理器”或Windows桌面的“我的电脑”中，直接用鼠标双击网页文件，来观看网页内容。如果是普通的htm网页，可以这样操作，但对于后缀为ASP的网页则不能这样操作。观看ASP网页的运行结果，一定要先打开浏览器后，再输入正确的URL地址才能观看。•虽然Dreameweaver8已经可以在Dreameweaver环境下直接看到某些较简单的ASP网页的运行结果，可方便ASP程序的编写和调试，但作为整个网站的整体运行结果，还是要在浏览器中才能看到。•2．客户端和服务器端脚本程序说明•所谓脚本，是指小段的程序。在网页中插入的脚本程序，可以分为客户端•脚本程序和服务器端脚本程序两种。•（1）客户端脚本程序：客户端脚本程序是随着网页一同传送到客户端，浏览器负责解释和运行程序（这里说的“解释”是指把脚本翻译成机器语言的过程）。因此，普通用户在客户端浏览器里，通过单击“查看”→“源文件”菜单命令，即可打开记事本，看到脚本的代码。例如，本案例中的“ASP-1.asp”网页中有关显示日期和时间的一段程序如图所示。•可以看出，倒数第3行已不再是VBScript程序脚本程序，而是2006-3-1014:30:44。所以，在客户端看不到VBScript程序脚本，只能看到将ASP脚本转化后的标准的HTML标记。•客户端脚本程序通常可以用JavaScript（或JScript）或VBScript编写。一般来说，运行VBScript脚本程序，需要Windows平台和微软的IE浏览器。但在因特网上，•并不知道客户使用的是什么操作系统和什么浏览器，也不能指定客户必须使用什么操作系统和什么浏览器。如果客户使用Unix或Linux等操作系统和其他浏览器，就有可能不支持VBScript脚本程序。为避免这种情况的发生，客户端脚本程序一般多采用JavaScript（或JScript）来编写。•客户端脚本程序有可能感染“病毒”。为了防止“病毒”传播到自己的计算机上，有些谨慎的用户，会关闭浏览器上的脚本运行功能，使脚本程序不能运行。•（2）服务器端脚本程序：与客户端脚本不同，服务器端脚本程序是在服务器端运行的程序。传送到客户端的仅仅是运行的结果。所以，只要服务器端能够运行，不管客户端安装的是什么操作系统，用的是什么浏览器，都不受影响，客户端关闭浏览器的脚本运行功能，也无济于事。•ASP的服务器端脚本也可以使用VBScript或Jscript脚本程序。但一般多使用VBScript脚本程序。VBScript脚本程序语言是VB（VisualBasic）语言的子集。学过VB的人，很容易掌握VBScript脚本程序的编程。在最新版本的ASP.NET中，可用VB或C#（读“CSharp”）语言。本书主要介绍VBScript脚本程序。•在网页中利用客户端脚本（VBScript或JavaScript），也可以在网页内显示日期和时间，不过显示的是客户计算机的日期和时间，而不是服务器的日期和时间。•8.3【案例52】用表单传递信息•1．ASP语法简介•ASP（ActiveServerPages，活动服务页）是微软公司推出的一种动态网页技术，基于服务器端的脚本运行环境，通过这种环境，用户可以创建和运行动态的交互式Web服务器应用程序，如交互式的动态网页。另外，ASP可以利用ADO来方便地访问数据库，从而使得开发基于的应用系统成为可能。ASP最大的好处是除了可以包含HTML标签外，还可以直接访问数据库，并可以通过ASP的组件和对象技术来使用无限扩充的ActiveX控件来进行动态网页的开发。ASP是在Web服务器端运行的，运行后将结果以HTML格式发送到客户端浏览器，因此比普通的脚本程序更安全。•2．ASP文件的基本组成•从案例51中的“test.asp”ASP网页程序可以看出，ASP文件是在标准的HTML网页文件中嵌入VBScrip代码后形成的，而“%”与“%”符号之间的内容就是VBScrip代码，now()是VBScrip编程语言的一个函数，可以获得当前的日期和时间。因此可以简单地说，ASP文件就是在标准的HTML文件中嵌入VBScrip或JavaScrip代码后形成的网页文件。•一个简单的ASP文件主要由以下几部分组成。•（1）标准的HTML文件，也就是普通的Web的网页文件。•（2）服务器端的Scrip程序代码，位于“%”与“%”符号之间的程序代码。•（3）客户端的Scrip程序代码，位于“Scrip”与“/Scrip”符号之间的程序代码。•3．ASP文件的基本规则•（1）在ASP文件中，VBScrip时默认的编程语言，如果在ASP文件中使用JavaScrip语言，可以采用下面的方法来说明。•%@Language=JavaScrip%•（2）VBScrip编程语言是VB语言的子集，语法与VB基本相同。•（3）VBScrip编程语言对字母不分大小写，可以随意使用大小写的字母，但大小写有一定的规律可以改善程序的可读性，方便理解和记忆。•（4）在ASP文件中，标点符号必须在英文输入状态下输入，否则会出现错误。在字符串中（用双引号括起来的字符）可以输入中文标点符号。•（5）通常，一条ASP语句必须在一行，不可以在一行写多条ASP语句，也不可以一条ASP语句分多行写。如果ASP语句太长，可以不按【Enter】键，让它自动换行。“%”与“%”符号的位置可以与ASP语句在一行，也可以单独成为一行。•4．代码解析和ASP内置对象Request简介•（1）程序中如下语句的含义。•UserName=Request(UserName)•UserPass=Request(UserPass)•在赋值运算符（“=”）左边的UserName和UserPass是变量；右边括弧内引号中的UserName和UserPass是网页page842-1.asp中的文本字段（Textfield）的名字。变量名与表单中的对象名可以是一致的，也可以是不一致的。但要注意避开保留字。在本例中，用“UserName”而不是用“Name”来作为变量名，就是这个目的。因为“Name”是VB语言中的保留字，在VB中，对磁盘文件重新命名的语句就是“Name”。•这里的Request是ASP的内置对象之一。Request对象主要用于接收来自客户端的信息。它有如下5个数据集合。•QueryString：接收客户上传的查询字符串的信息。•Form：接收客户表单上传的信息。•ClientCertificate：接收客户的一些基本信息。•Cookies:接收Cookies的值。•ServerVariable：预定的环境变量的值。•本例中用表单上传的信息，可用Request对象的Form数据集合来接收。所以上面两条语句也可以写为：•UserName=Request.Form(UserName)•UserPass=Request.Form(UserPass)•但实际上，通常采用更简单的写法，省去“.Form”，如程序中那样。省去集合名后，