搜索
第17章动态网页设计第17章动态网页设计17.1动态网页概述17.2与数据库建立连接17.3创建与数据库有关的动态网页17.4为网页绑定动态数据17.5增加服务器行为17.1动态网页概述17.1.1动态网页与静态网页17.1.2动态网页的制作过程17.1.3与动态网页有关的服务器技术17.1.4ASP简介17.1.5建立动态网站17.1.1动态网页与静态网页静态网页和动态网页的区别主要表现在以下方面：①组成内容和执行过程不同。②文件扩展名不同。③源代码保密程度不同。一般认为，静态网页所显示的内容固定，浏览时用户只能被动地看到页面内容，无法通过它与Web服务器交互，而动态网页能根据用户的选择，返回内容不同的网页。如，搜索引擎就是一个典型的动态网页应用，当用户输入不同的关键字时，将得到内容不同的搜索结果网页。17.1.2动态网页的制作过程①根据网页要实现的功能，按静态网页的制作方法，创建具有相应布局和元素的静态网页，根据需要，可以添加在客户端运行的脚本、行为等。②定义记录集③添加动态内容④设置动态内容的显示方式17.1.3与动态网页有关的服务器技术1．CGICGI(CommonGatewayInterface)，通用网关接口，是外部程序与Web服务器之间的标准编程接口。2．ASPASP(ActiveServerPages)，是一种开放式的非编译应用环境。3．PHPPHP(HypertextPreprocessor，超文本预处理器)是一种类似ASP的HTML内嵌式语言，PHP的语法混合了C、Java、Perl及PHP式的新语法，执行速度比CGI快。4．JSPJSP(JavaServerPages)是SUN公司推出的网站开发技术，通过将编译后的JAVA程序代码嵌入到网页内实现动态网页功能。17.1.4ASP简介ASP融合了服务器端脚本、对象和组件技术，具有以下特点：①ASP可以通过包含服务器端脚本的方式，用动态内容创建Web页；②ASP提供了内置对象，使用内置对象可以方便脚本的编写，使脚本所能实现的功能更强；③可以借助于数据库，建立内容丰富、便于维护、方便查询的动态网页；④可以通过附加组件扩展ASP的功能。ASP运行环境配置方法（以XP为例）1．安装Internet信息服务IIS(InternetInformationServer)2．创建站点3．设置站点属性(1)网站设置(2)主目录设置(3)文档设置(4)目录安全性设置(5)创建站点虚拟目录17.1.5建立动态网站①新建一个文件夹②设置本地信息③设置远程信息④设置测试服务器信息17.2与数据库建立连接17.2.1数据库基本知识17.2.2ASP访问数据库的方法17.2.1数据库基本知识1．数据库的有关概念与术语(1)数据库数据库是指具有一定结构的相关数据的集合。数据库不仅包括描述客观事物的数据，还包括相关数据之间的联系。(2)数据库管理系统数据库管理系统是一个软件系统，用于对数据库进行统一的管理和控制。(3)表表，又称数据表，是按照某种结构存储的一组数据对象数据库中的数据表表设计器窗口图17.8Access数据库设计窗口建立数据表的步骤①单击【表】对象，然后双击“使用设计器创建表”，弹出“表设计器”窗口(图17.9)；②在“表设计器”窗口中定义表中所用到的字段；③定义一个主键字段；④保存表。图17.9Access表设计器窗口结构化查询语言(SQL)简介SQL是一种标准数据库查询语言，它的优势在于其语句的书写格式与具体的数据库管理系统无关，具有通用性。查询语句SELECT的主要功能是从指定数据表中检索出符合要求的数据，构成如下：SELECT[ALL|DISTINCT]字段列表|*FROM数据表名列表[WHERE条件表达式][GROUPBY分组要求][HAVING分组搜索条件][ORDERBY排序要求](1)查询语句SELECT例1：SELECTColumn1,Column2FROMTableName例2：SELECT*FROMtopicWHEREname=zwgANDdate#2006-12-28#INSERT语句用来添加一条或多条记录至一个表，常用的格式为：INSERTINTO数据表名[(字段名列表)]VALUES(字段值列表)例：InsertIntoregister(name，date)Values(zwg，#2006-12-28#)(2)插入语句INSERTDELETE语句用来删除数据表中的记录，使用格式如下：DELETEFROM表名[WHERE条件表达式]例如，执行语句DELETEFROMregisterWHEREnameLIKE‘%周％’，可以将register表中，name字段值包含“周”字的记录全部删除。(3)删除语句DELETEUPDATE命令用于修改表中选定行的若干字段的值，其使用格式如下：UPDATE表名SET字段名＝表达式，…，字段名＝表达式[WHERE条件表达式]例如：register表中有“name”和“password”两个字段，下面的语句可以实现将注册用户“zwg”的密码修改为“1234”：UPDATEregisterSETpassword=1234WHEREname=zwg(4)修改语句UPDATE17.2.2ASP访问数据库的方法1．使用ADO访问数据库2．使用ODBC连接数据库1．使用ADO访问数据库简单地说，ADO(ActiveXDataObjects)是一项将数据库访问添加到Web页的数据访问接口技术。把ADO与ASP结合起来，可以在网页中执行SQL命令，对数据库进行查询、插入、删除等操作，从而建立提供数据库信息的网页内容。使用ADO的一般流程如下：①首先用Server.CreatObject创建“ADODB.Connection”对象的一个实例，并用该实例的“Open”方法打开待访问的数据库，脚本代码为：SetConn=Server.CreatObject(ADODB.Connection)Conn.OpenstrProvider使用ADO的一般流程如下：②建立记录集对象：一般使用如下形式的语句来实现记录集的创建：Setrs=Server.CreateObject(ADODB.RecordSet)rs.openselect*fromregister,conn,1,1使用ADO的一般流程如下：③引用记录集中的数据常用rs(“字段名”)的形式引用记录集中的字段④关闭数据库连接conn.closesetconn=Nothing【例17.1】观察下面的程序代码。该程序的作用是与数据库“exam.mdb”建立连接，打开其中的数据表“singlechoice”，显示该表的字段及所有记录。htmlheadtitle数据库记录的显示/title/headbodycontring=Provider=Microsoft.Jet.OLEDB.4.0;&DataSource=&Server.MapPath(exam.mdb)%SetDBConn=server.CreateObject(ADODB.Connection)DBConn.OpencontringSETRS=server.CreateObject(ADODB.Recordset)RS.OpenSELECT*FROMsinglechoice,DBConn,1,1%h2完成联接/h2tableTR%fori=0toRS.Fields.Count-1Response.WriteTD&RS(i).Name&/TDNext%TR%RS.MoveFirstWhileNotRS.EOFRow=TRfori=0tors.fields.count-1Row=Row&TD&Rs(i)&/TDnextresponse.WriteRow&/trRS.MoveNextWend%/table/body/html2．使用ODBC连接数据库在动态网页中使用数据库，需要创建一个指向该数据库的连接，这种连接可以通过ODBC数据源管理器来创建。ODBC(OpenDatabaseConnectivity)，开放式数据库连接，它可以理解为一个数据库管理的驱动程序，利用它可以实现存取和访问任何符合ODBC标准的关系型数据库。ODBC连接的名称又称数据源名称(DSN)，它表示将应用程序与某个数据库建立连接的信息集合，主要包含数据库名称、驱动信息和数据库文件的存放位置等信息。“系统DSN”建立方法①双击“控制面板”中的【管理工具】图标，然后在打开的“管理工具”窗口中双击“ODBC”图标，打开“ODBC数据源管理器”对话框(图17.10)图17.10“ODBC数据源管理器”对话框②单击“系统DSN”标签，打开“系统DSN”属性页，单击【添加】按钮，弹出“创建新数据源”对话框(图17.11)，根据数据库的类型选择数据库驱动程序，这里以Access为例，选择“MicrosoftAccessDriver(*.mdb)”，然后单击【完成】按钮，弹出如图17.12所示的“ODBCMicrosoftAccess安装”对话框。图17.11“创建新数据源”对话框图17.12“ODBC”安装对话框③在“数据源名”文本框中输入要定义的数据源名称，如forum。单击【选择】按钮，弹出“选择数据库”对话框(图17.13)，在此对话框中选择要为之建立数据源的数据库文件，单击【确定】按钮，完成数据库的选择，返回“ODBCMicrosoftAccess安装”对话框(图17.12)，单击其中的【确定】按钮，返回“ODBC数据源管理器”对话框(图17.10)，可以看到新建的数据源出现在数据源列表框中，表明数据源创建成功，此时单击【确定】按钮，完成数据源的创建。图17.13“选择数据库”对话框创建数据源后，在网页中就可以使用数据源的名称来打开数据库，相关的脚本代码如下：%Setcn=Server.CreateObject(ADODB.Connection)cn.OpenDSN=数据源名称；UID＝用户名；PWD＝密码%17.3创建与数据库有关的动态网页Dreamweaver中，要设计与数据库操作有关的动态网页，一般要做的工作为：①创建与数据库的连接；②依据建立的数据库连接，为动态页绑定记录集，并将记录集中的字段拖放到网页中的合适位置，创建动态内容；③根据需要，设置动态内容的服务器行为，如“重复区域”、“插入记录”等。17.3创建与数据库有关的动态网页17.3.1创建Web页与数据库的连接17.3.2绑定数据源17.3.3记录集的编辑操作17.3.1创建Web页与数据库的连接1．使用DSN创建ADO数据库连接预备工作：在建立连接之前，应在Dreamweaver中创建一个使用动态服务器技术的站点，设为“Site1”，对应的本地路径为“D:\site”，并在IIS中设置名为“Site1”的虚拟目录指向“D:\site”。①新建或打开一个动态页，然后单击“数据库”面板上的按钮，弹出下拉菜单(如图17.14)。②单击“数据源名称(DSN)”项，打开“数据源名称(DSN)”对话框，如图17.15所示。图17.14添加数据库连接菜单图17.15“数据源名称”对话框③在“连接名称”文本框中输入一个字符串作为连接名，如dsnForum。④在“数据源名称(DSN)”下拉列表中选择所需的DSN(如17.2.2节创建的“forum”)⑤单击【测试】按钮，如果弹出“成功创建连接脚本”提示信息框，说明已经建立连接。⑥单击【确定】按钮，关闭“数据源名称(DSN)”对话框，新建的连接名出现在“数据库”面板中，并且实现连接的脚本代码也被插入到网页文件中。2．创建非DSN连接①新建或打开一个动态页，单击“数据库”面板上的按钮，然后选择“自定义连接字符串”项，弹出“自定义连接字符串”对话框，如图17.16。图17.16“自定义连接字符串”对话框②在“连接名