使用 FrontPage 2003 构建 XML 数据驱动的 Web 站点

发布日期: 11/12/2004 | 更新日期: 11/12/2004

Microsoft Corporation

适用于:
Microsoft® Office FrontPage® 2003
Microsoft Windows® SharePoint® Services
Microsoft Office SharePoint Portal Server

摘要:学习如何使用 FrontPage 2003 和 Windows SharePoint Services 来创建 XML 数据驱动的 Web 站点。

*
本页内容
简介 简介
FrontPage 2003 和 XML 数据驱动的 Web 站点 FrontPage 2003 和 XML 数据驱动的 Web 站点
使用数据库数据 使用数据库数据
使用 XML 文件 使用 XML 文件
将 Web 服务集成到页面中 将 Web 服务集成到页面中
使用 SharePoint 列表 使用 SharePoint 列表
使用数据视图 使用数据视图
连接数据视图 连接数据视图
使用设计和编码工具 使用设计和编码工具
小结 小结

简介

Microsoft®Office FrontPage®2003 可以使创建交互、数据驱动的 Web 站点变得难以置信的简单,这些 Web 站点可以集成来自各种不同源的数据。要创建丰富、动态以及数据驱动的 Web 站点(从数据库、Web 服务和 XML 文档中提取数据),不再需要成为具有多年 Microsoft Visual Basic®、Microsoft Visual C#®、Microsoft VBScript、Cold Fusion 或 Java 编程经验的服务器端 Web 程序员就可以完成。

使用 FrontPage 2003 和 Microsoft Windows®SharePoint® Services,您可以轻松快捷地创建可扩展标记语言 (XML) 数据驱动的 Web 站点,该站点可从数据库、XML 文档和 Web 服务中收集数据。使用 FrontPage 2003 和 Windows SharePoint Services 作为应用程序服务器,您可以轻松地排序和筛选数据。通过其内置的“所见即所得”(WYSIWYG) 可扩展样式表语言转换 (XSLT) 编辑器,FrontPage 2003 还可以支持数据的格式设置。而且 FrontPage 2003 支持条件格式设置,因此您可以(例如)引起对过期发票的注意。最后,您可以将多个数据源连接在一起,例如使用数据库查询的结果来筛选 Web 服务提供的数据。

返回页首返回页首

FrontPage 2003 和 XML 数据驱动的 Web 站点

Internet 上充斥着静态 Web 站点,它们需要在每次进行内容变更时编辑 HTML。尽管静态 Web 站点很容易创建,但它们意味着大多数公司需要进行艰难的维护。因此,Internet 上存在许多停滞、过时的静态 Web 站点不足为奇。另一方面,数据驱动的 Web 站点可以从外部数据源(通常是关系数据库)中提取内容。对具有良好体系结构的数据驱动 Web 站点的维护要比对静态 Web 站点的维护简单得多,因为大多数内容更改并不要求更改 Web 站点后台的 HTML。相反,要对驱动 Web 站点的数据库进行更改,并且 Web 站点会自动调整以反映这些更改。

FrontPage 2003 和 Windows SharePoint Services 扩展了数据驱动的 Web 站点与可以转换成 XML 的任意数据源一起工作的思想,因此出现了 XML 数据驱动的 Web 站点这一术语。这意味着,使用 FrontPage 2003 和 Windows SharePoint Services,您不只局限于使用关系数据库来驱动您的数据驱动 Web 站点。相反,您可以从多个数据源中进行选择,这包括 XML 文档、Web 服务、服务器端脚本、SharePoint 列表,当然还包括数据库。此外,FrontPage 2003 使用 XSLT 将格式转换并应用到驱动站点的实时 XML 数据。

通过使用 XSLT,FrontPage 2003 能够支持丰富的数据格式,同时无须将数据静态地存储在页面中。但是,使用 XSLT 最令人兴奋的一点可能在于:依赖于 FrontPage 2003 图形 WYSIWYG XSLT 编辑器,它对 FrontPage 2003 用户是完全可见的。当您在 XML 数据驱动的 Web 页上选择一个表格单元格,并单击工具栏上的粗体图标,或者右键单击该选择,并从快捷菜单中选择“条件格式”时,FrontPage 2003 可通过操作页面后台的 XSLT 来实施您的格式设置。尽管 FrontPage 2003 使用 XML 和 XSLT 使 XML 数据驱动的 Web 站点成为可能,但您不必了解 XML 或 XSLT 的细节就可以利用它的全部功能。(如果您了解 XSLT,则可以使用代码视图来查看甚至手动调整 XSLT。)

XML 数据驱动的 Web 站点同时需要 FrontPage 2003 和 Windows SharePoint Services。Windows SharePoint Services 是用于创建基于团队的 Web 站点的 Microsoft 应用程序服务器,这些 Web 站点可以实现信息共享和文档协作,从而提高个人和团队的生产率。Windows SharePoint Services 是 Windows Server 2003 操作系统的组成部分。FrontPage 2003 本身并不需要 Windows Server 2003,也不必将它安装在 Windows SharePoint Services 计算机上。但是,要利用 FrontPage 2003 的 XML 数据驱动功能,Web 站点必须寄宿在运行在 Windows Server 2003 操作系统下的 Windows SharePoint Services 服务器上。

数据源目录和数据视图

FrontPage 2003 包含了许多可以轻松构建 XML 数据驱动 Web 站点的功能,其中包括数据源目录和数据视图 Web 部件。“数据源目录”是一个为 Windows SharePoint Services 站点组织可用数据源的任务窗格。您可以使用“数据源目录”将数据视图插入到页面中。

数据视图是一个实时、只读、可自定义的数据源视图。您可以使用数据视图查看来自数据库查询、XML 文档、Web 服务、SharePoint 列表或服务器端脚本的数据。数据视图提供您可以筛选、排序或对其应用样式的数据的实时视图,或者在完全 WYSIWYG 的环境下提供条件格式。

与 Microsoft 的 .NET 倡议非常相似,FrontPage 2003 数据视图是构建在强大的 XML 基础之上的。数据视图不存储静态数据。相反,数据视图内的数据始终指回原始数据源,并使用强大的 XSLT 语言设置格式。

您可以使用数据视图 Web 部件使用 FrontPage 2003 中的数据视图。Web 部件是可以插入到页面中的可重用组件。数据视图是用来查看数据的 Web 部件的一个强大示例。从“数据”菜单中选择“插入”,然后选择“Web 部件”,以查看“Web 部件”任务窗格,您可以使用它将其他 Web 部件添加到页面中。FrontPage 2003 附带的其他 Web 部件的示例包括那些用于共享文档、联系人和查看内容的部件。

您可以只使用 Windows SharePoint Services 和浏览器来构建 SharePoint Web 站点,并对其进行个性化设置。但是,FrontPage 2003 提供了完全自定义 SharePoint Web 站点外观的功能,并且可以通过集成来自外部源(包括数据库查询和 XML Web 服务)的数据对其进行扩展。

创建 XML 数据驱动的 Web 站点

要创建 XML 数据驱动的 Web 站点,您需要访问运行 Windows SharePoint Services 的 Windows Server 2003 服务器。

您无须构建基于 SharePoint 的 Web 站点就可以创建 XML 数据驱动的 Web 站点。在 Windows SharePoint Services Web 服务器上构建的任何站点都可以利用 Windows SharePoint Services 功能,而无论该站点是否具有 SharePoint 外观。

创建 XML 数据驱动的站点

1.

File 菜单上,选择 New 以打开 New 任务窗格。

2.

New Web Site 下,选择 More Web site templates

3.

FrontPage 2003 将显示 Web Site Templates 对话框。从 Web Site Templates 对话框的 General 选项卡中,选择您选定的模板。

4.

Specify the location of the new Web site 框中,为新的 Web 站点键入一个名称。

使用数据源目录

Data 菜单中,选择 Insert Data View 以显示 Data Source Catalog,如图 1 所示。使用“数据源目录”,您可以查看站点中可用的所有数据源、创建新的数据源以及基于这些数据源插入数据视图。“数据源目录”支持多种 XML 数据源,包括数据库连接、XML 文件、SharePoint 列表、文档库、返回 XML 的服务器端脚本以及 Web 服务。

odc_fpbldgxmlwebs01

1. 数据源目录

您不只局限于使用现有的数据源;您还可以将新的数据源添加到“数据源目录”中。如果您要创建新的 SharePoint 列表,请在 Data Source Catalog 下单击 Create new SharePoint List(请参见图 1)。类似地,要创建新的文档库,请单击 Create new Document Library。要创建新的数据库连接、XML 文件、服务器端脚本或 Web 服务,请单击“数据源目录”中相应节点下的 Add to Catalog

在“数据源目录”任务窗格的底部,有三个用于管理目录的选项:刷新目录、管理目录和查找数据源。有时,最近添加的数据源可能不会立即显示在“数据源目录”中。在这种情况下,您可以单击 Refresh catalog 来强制 FrontPage 2003 用任何新添加的数据源更新目录。

可以使用“管理目录”来获得从其他 SharePoint 站点访问数据源的权限。例如,假设您已经将一些数据源添加到了另一个 SharePoint 站点(产品目录站点)的“数据源目录”中,并且您希望从当前站点对该站点进行访问。单击“管理目录”以显示“管理目录”对话框。从“管理目录”对话框中,单击“添加”按钮。在“集合属性”对话框中,在“显示名称”文本框中为数据源集合(例如,产品目录)输入一个描述性名称,再将站点的 URL (http://iguana/productcatalog) 输入 Location 文本框中,然后单击 OK 两次。现在,新的数据源集合将出现在“数据源目录”的底部,在当前站点的数据源后面。

对于使用管理目录功能有一些告诫。首先,您需要具有其他站点的 Web 创作权限,以便访问其数据源目录。如果其他站点没有位于当前站点的 Windows SharePoint Services 服务器上,那么其 SharePoint 列表将不可用。最后,有关其他站点数据源的信息存储在 FrontPage 2003 计算机上,而不是 Windows SharePoint Services 计算机上。这样,您使用“管理目录”添加到当前站点的“数据源目录”中的所有其他站点的数据源将不会对您站点的其他用户可见,除非他们也使用“管理目录”添加了数据源。

单击 Find a Data Source 以打开 Find a Data Source 任务窗格,您可以使用它来搜索某个数据源的目录。例如,单击 Find a Data Source,在 For 文本框中键入 northwind,然后单击 Search Now 按钮,可以返回其名称、说明或关键字中包含 Northwind 一词的所有数据源。搜索不区分大小写。

返回页首返回页首

使用数据库数据

您可以基于符合 OLEDB 规范的任何数据库创建数据视图。这包括 Microsoft SQL Server®、Oracle 和 DB2。但是,在创建基于数据库的数据视图之前,您必须首先创建一个数据库连接。

配置数据库连接

1.

Data 菜单上,选择 Insert Data View 以打开 Data Source Catalog

2.

Database Connections 下,单击 Add to Catalog

3.

Data Source Properties 对话框中,单击 Source 选项卡,然后单击 Configure Database Connection 按钮。

4.

Configure Database Connection 对话框中,输入要连接的 SQL Server 的名称(或键入 localhost 以连接到当前计算机上的 SQL Server),选择身份验证方法,然后单击 Next

5.

选择数据库、表格名称、视图或存储过程(或者,另一种方法是选中 Using Custom Query 复选框以使用 SQL 创建一个新查询),然后单击 Finish

6.

FrontPage 2003 会返回到 Data Source Properties 对话框,其中您可以修改查询所返回的字段,并且可以筛选或排序数据。

演练:创建一个包含 SQL Server 数据库数据的页面

在该演练中,您将创建一个页面,其中包含来自 SQL Server pubs 示例数据库的 titles 表的数据。

创建数据库连接

1.

Data 菜单上,选择 Insert Data View 以打开 Data Source Catalog

2.

Data Source CatalogDatabase Connections 下,单击 Add to Catalog 以显示 Data Source Properties 对话框。

3.

Source 选项卡下,单击 Configure Database Connection 按钮。

4.

Configure Database Connection 对话框中(如图 2 所示),在 Server Name 框中输入要连接到 SQL Server 的 SQL Server 计算机的名称(如果使用的是 MSDE,请键入 servername\SharePoint)。单击 Next

在身份验证部分下选择的选项将取决于 Windows SharePoint Services 和 SQL Server 的配置。如果 SQL Server 数据库和 Windows SharePoint Services 安装在同一计算机上,则 SQL Server 已经配置为使用 Windows 身份验证,并且用户将使用足够的数据库访问权限登录到 Windows。如果 SQL Server 和 Windows SharePoint Services 安装在同一计算机上,请选中 Use Windows Authentication。否则,在数据库连接中选中 Save this username and password,然后输入具有足够数据库访问权限的用户名和密码。

odc_fpbldgxmlwebs02

2.“配置数据库连接对话框

Database 下拉列表中选择 pubs,然后从 Table, View or Stored Procedure 列表框中选择 titles 表(请参见图 3)。单击 Finish

odc_fpbldgxmlwebs03

3. 使用配置数据库连接对话框创建到 SQL Server pubs 数据库中的 titles 表的连接。

FrontPage 2003 会返回到 Data Source Properties 对话框。在数据库连接建立后,就有三个附加的按钮可用。如图 4 所示,它们分别是 FieldsFilterSort。单击 Sort 按钮以排序查询结果。FrontPage 将显示 Sort 对话框,如图 5 所示。

odc_fpbldgxmlwebs04

4. 在配置数据库连接之后,数据源属性对话框的选项卡获得了附加的按钮。

odc_fpbldgxmlwebs05

5. 使用排序对话框选择一个或多个排序字段。

Sort 对话框中,从 Available fields 列表中选择 title_id,单击 Add 按钮,然后单击 OK 以确定您的排序选择。您将返回到 Data Source Properties 对话框。单击 General 选项卡。在 Name 框中键入 Titles table from pubs database,输入说明和关键字(如果需要),然后单击 OK 以创建数据源连接。

“数据源目录”的“数据库连接”节点现在应该包含有新创建的连接。

将数据库连接添加到页面中

1.

File 菜单上,选择 New 以打开 New 任务窗格。

2.

New Page 下,选择 More Page Templates

3.

Page Templates 对话框中,单击 Web Part Pages 选项卡,选择 Full Page, Vertical template,然后单击 OK 以创建新页面。FrontPage 2003 将创建一个包含单个空 Web 部件区域的新页面。

4.

切换到 Design 视图。

5.

Data Source CatalogDatabase Connections 下,单击新连接并将其拖动到页面中。在 Web Part Zone(该框包含文本 Click to Insert a Web Part)上放下 Data View。FrontPage 2003 会将一个数据视图 Web 部件添加到页面中。生成的数据视图应该显示一个包含 titles 表中的行的网格。

6.

保存并在 Microsoft Internet Explorer 中预览该页面。该页面应该类似于图 6 中所示的页面。

odc_fpbldgxmlwebs06

6. 数据视图从 SQL Server pubs 数据库的 titles 表中获取数据

使用非 SQL Server 的 OLEDB 数据源

如果要创建一个到非 SQL Server 的 OLEDB 兼容数据库(例如,Oracle 或 DB2)的数据库连接,请在 Configure Database Connection 对话框的第一页上选择 Use custom connection string 选项,单击 Edit 按钮,然后输入相应的连接字符串。

使用 SharePoint Portal Server 的单一登录功能

Microsoft Office SharePoint Portal Server 提供了一项称为“单一登录”的技术。该功能允许服务器在加密的存储中缓存您的凭据,并在必要时委派它们。使用该功能,即使 SQL Server 数据库存储在 Windows SharePoint Services 计算机以外的其他服务器上,您也可以将 Windows 身份验证用于 SQL Server。

解决公共数据连接问题

默认情况下,Windows SharePoint Services 不允许在 SQL Server 数据库连接中使用自定义查询。通过下列步骤,您可以打开自定义查询功能:

1.

在 Windows SharePoint Services 计算机上,从 Start 菜单中,选择 Settings, Control Panel, Administrative ToolsSharePoint Central Administration

2.

Central Administration 页面的 Component Configuration 下,单击 Configure data provider service settings

3.

Data Source Provider Settings 页面上,选中 Enable update query support

如果需要创建一个到防火墙另一边的数据库的数据库连接,您需要满足以下两个条件之一:

在服务器上安装代理客户端,或者

修改位于 C:\\Program Files\Common Files\Microsoft Shared\Web Server Extensions\60\config 的 Web.config 文件。将以下代码添加到</system.web> 结束标记之后

<system.net>
  <defaultProxy>
   <proxy proxyaddress="address_of_proxy" bypassonlocal="true" />
  </defaultProxy>
 </system.net>
返回页首返回页首

使用 XML 文件

并不是所有数据都存储在数据库中。许多程序以专用格式存储数据,该格式无法通过 OLEDB 规范进行访问。幸运的是,大多数程序都支持将数据导出为 XML。如果可以将数据导出到 XML 文件中,那么您就可以将其用作 FrontPage 2003 数据视图的数据源。

将新的 XML 数据源添加到数据源目录中

1.

Data 菜单上,选择 Insert Data View 以打开 Data Source Catalog

2.

XML Files 下,单击 Add to Catalog。FrontPage 2003 将显示 Data Source Properties 对话框。

3.

Source 选项卡下,单击 Browse 按钮。FrontPage 2003 将显示 File Open 对话框。

4.

导航到 XML 文档,然后单击 Open 将该文件添加到目录中。

如果该文件位于文件系统或文件共享上,FrontPage 2003 将警告您并询问是否要将该文件导入到站点中。单击 OK 以导入该文件。FrontPage 2003 将显示 Import 对话框。在该对话框上单击 OK,将该文件添加到 Web 站点和“数据源目录”中。

演练:创建一个包含 XML 文档数据的页面

在该演练中,您将创建一个包含从 XML 文档派生其内容的数据视图的页面。但是,在开始之前,您必须先创建必要的 XML 文档。

创建 XML 文档

1.

File 菜单上,选择 New 以打开 New 任务窗格。

2.

New page 下,选择 Text file。将以下 XML 添加到该文档中:

<?xml version="1.0" encoding="utf-8" ?>
<ymtitles>
   <title>
      <title_id>PC1000</title_id>
      <title>ASP.NET For Developers</title>
      <type>popular_comp</type>
      <pub_id>2456</pub_id>
      <price>39.99</price>
   </title>
   <title>
      <title_id>PC4842</title_id>
      <title>ASP.NET Unleashed</title>
      <type>popular_comp</type>
      <pub_id>2456</pub_id>
      <price>54.99</price>
   </title>
   <title>
      <title_id>PC5566</title_id>
      <title>Professional ASP.NET</title>
      <type>popular_comp</type>
      <pub_id>1153</pub_id>
      <price>59.99</price>
   </title>
</ymtitles>

3.

File 菜单下,选择 Save 以保存该文件。

4.

Save As 对话框的 File name 框中,键入 yetmoretitles.xml。从 Save as type 下拉列表中选择 XML (*.xml; *.xsd; *.XSLT; *.dtd)。单击 Save

因为 XML 文档现在是 Web 站点的一部分,它现在应该列在“数据源目录”中,而无须显式地将其添加到“数据源目录”中。

将 XML 数据添加到数据视图

1.

创建一个新页面,并确保它位于 Design 视图中。

2.

Data Source CatalogXML files 下,单击 Yetmoretitles.xml 并将其拖动到该页面上。FrontPage 2003 会将数据视图添加到该页面,并在网格中显示 XML 数据。

3.

保存并在 Internet Explorer 中预览该页面。该页面应该类似于图 7 中所示的页面。

odc_fpbldgxmlwebs07

7. 该页面包含其源为 XML 文档的数据视图。

使用 XML 文件数据

FrontPage 2003 链接到 XML 文件,而不是将 XML 复制到页面中。这意味着,XML 数据与来自数据库连接的数据相似,都是实时的,对数据进行的任何更新都将反映在原始文件中。通过切换到 Code 视图并尝试搜索出现在 XML 中的某个值(方法是选择 Edit 菜单,然后选择 Find 菜单命令),您可以验证这一点。例如,尝试在上一个演练创建的页面中搜索字符串“ASP.NET for Developers”。该搜索将无法找到任何匹配的数据。

返回页首返回页首

将 Web 服务集成到页面中

Web 服务只不过是一种可以通过标准 Web 协议(大多数情况下,是万维网使用的 HTTP 协议)进行访问的特殊构造的组件。Web 服务真正令人兴奋的方面在于它们的简单。因为可以通过普遍存在的 HTTP 协议访问它们,并且对 Web 服务的调用以及由 Web 服务产生的返回值是以 XML 语言(简单对象访问协议,即 SOAP)表达的,所以几乎所有操作系统和开发平台都支持它们。

您可以将 Web 服务作为 FrontPage 2003 XML 数据驱动 Web 站点中的数据源。对于本文中讨论的其他数据源,在将某个 Web 服务用作数据视图的源之前,您必须首先将其添加到“数据源目录”中。

术语 XML Web 服务用于描述利用 Microsoft .NET Framework 构建的 Web 服务。FrontPage 2003 并不只局限于使用基于 .NET 的 XML Web 服务。实际上,FrontPage 2003 可以与任何平台上构建的任何 Web 服务一起使用,只要该服务符合 SOAP 和 Web 服务描述语言 (WSDL) 标准。

将 Web 服务添加到数据源目录中

1.

Data 菜单上,选择 Insert Data View 以打开 Data Source Catalog

2.

XML Web Services 下,单击 Add to Catalog。FrontPage 2003 将显示 Data Source Properties 对话框。

3.

Service description location 框中,输入指向 Web 服务的 WSDL 文档的 URL,然后单击 Connect Now

FrontPage 2003 将尝试连接到该 Web 服务,如果成功,则会在该对话框的“Connection Info”部分中填写有关该 Web 服务的信息,如图 8 所示。FrontPage 2003 还会将 Connect Now 按钮的标题更改为 Disconnect

odc_fpbldgxmlwebs08

8. 在连接到 Web 服务后,FrontPage 2003 会在数据源属性对话框的“Connection Info”部分中填写有关该 Web 服务的信息。

您可以使用该 Web 服务支持的任何端口(端口是用于与 Web 服务进行通讯的协议)与其进行通讯。XML Web 服务(构建于 .NET Framework 之上的 Web 服务)支持三种标准端口或通讯方法:HttpGet、HttpPost 和 SOAP。构建在其他平台上的 Web 服务可能支持不同的混合端口,但大多数都应该支持 SOAP 端口。除非有理由选择其他端口,您都应该使用 SOAP 端口,因为它最适用于处理复杂的数据类型。SOAP 端口将标记为 serviceSOAP,其中 service 是该 Web 服务的名称。

Web 服务可以支持一个或多个操作(也称为方法)。使用“操作”下拉列表选择您要调用的操作。在图 8 中,我们使用 PubsQuerySOAP 端口为 PubsQuery Web 服务选择了 GetTitles 操作。

许多 Web 服务操作都具有输入参数。在选择 Web 服务操作后,FrontPage 2003 会在 Parameters 表格中填写一列参数及其数据类型。如果选中的 Web 服务具有输入参数,您需要决定如何将这些输入参数提供给 Web 服务。可以硬编码要提供给某个参数的值或者选择在运行时设置该值。选择某个参数,然后单击 Modify。FrontPage 将显示 Parameter 对话框,如图 9 所示。

odc_fpbldgxmlwebs09

9.“参数对话框。在该示例中,将通过名为 pid querystring 项来提供参数。

如果要硬编码该参数,则在“默认值”组合框中输入它的值。另外,可以在运行时提供该参数。“默认值”组合框提供了几个选项,包括 [QueryString(arg)][Form(arg)]。如果要通过 querystring 项在运行时提供参数,请选择 [QueryString(arg)]。在选择该选项后,您需要将 arg 一词替换为查询字符串项的名称。类似地,如果使用 form 字段在运行时提供参数,则选择 [Form(arg)],并将 arg 一词替换为 form 字段的名称。

演练:创建使用 Web 服务的页面

在该演练中,您将创建调用 PubsQuery Web 服务(位于 http://www.deeptraining.com/webservices)的页面。该 XML Web 服务允许您查询 SQL Server pubs 数据库。

Web 服务添加到目录中

1.

Data 菜单中,选择 Insert Data View 以打开 Data Source Catalog

2.

XML Web Services 下,单击 Add to Catalog

3.

Data Source Properties 对话框的 Service description location 框中,键入 http://www.deeptraining.com/webservices/pubsquery.asmx?wsdl,然后单击 Connect Now 按钮。FrontPage 会自动在该对话框的“Connection Info”部分中填写有关该 Web 服务的信息。

4.

选择 PubsQuerySOAP 端口和 GetAuthors 操作。GetAuthors 会从 Authors 表中返回记录。它没有任何参数。

5.

Data Source Properties 对话框的 General 选项卡下,在 Name 框中键入 PubsQuery.Authors,然后单击 OK

“数据源目录”的“XML Web 服务”节点现在应该包含新添加的 Web 服务。

Web 服务添加到 Web 页中

1.

创建一个新页面。对于该示例,请使用空白页,而非 Web 部件页。

2.

切换到 Design 视图。

3.

Data 菜单中,选择 Insert Data View 以打开 Data Source Catalog

4.

Data Source CatalogXML Web Services 下,单击 PubsQuery.Authors 并将其拖动到页面中。

生成的数据视图应该显示一个包含 authors 表的行的网格,如图 10 所示。

odc_fpbldgxmlwebs10

10. PubsQuery Web 服务的 GetAuthors 操作返回一个作者的列表。它包括您可能要删除的额外列。

GetAuthors 操作将返回您不需要显示的下列额外列:diffgr:idmsdata:rowOrder。幸运的是,您可以通过选择这两列、右键单击、然后单击快捷菜单中的 Delete Columns 来删除它们。

如果进行一些附加的编辑,该页面将更美观。首先,将其余三列的标题(au_idau_lnameau_fname)分别更改为更加好记的名称 IDLast NameFirst Name。只需选择列标题,然后键入新的列名称即可。其次,使用 AutoFormat 功能设置表的格式,以便它看起来更加引人注意。为此,单击表内的任意位置。从 Table 菜单中,选择 Select,然后选择 Table 以选择整个表。从 Table 菜单中,选择 Table AutoFormat 以显示 Table AutoFormat 对话框。选择一个 AutoFormat 格式(例如,Grid 8),然后单击 OK 将其应用于表。保存并在 Internet Explorer 中预览该页面。该页面应该类似于图 11 中所示的页面。

odc_fpbldgxmlwebs11

11. 更改由 PubsQuery Web 服务的 GetAuthors 操作返回的表之后的页面

返回页首返回页首

使用 SharePoint 列表

基于 Windows SharePoint Services 团队的站点非常适用于记录各种列表,包括公告、联系人、事件和任务的列表。使用 FrontPage 2003,您可以使用列表视图 Web 部件或数据视图 Web 部件来使用 SharePoint 列表数据。

要使用列表视图 Web 部件,请选择 Data,然后选择 Insert Web Part 以打开 Web Parts 任务窗格。将特定的列表类型(例如,Announcements 或 Contacts)从 Web Part Gallery 拖动到页面中。列表视图允许用户添加和编辑列表项,而数据视图 Web 部件只能用于显示数据。

有时,您可能只希望显示 SharePoint 列表中的项。在这种情况下,您可以使用基于该列表的数据视图。默认情况下,FrontPage 2003 在“数据源目录”中填充标准 SharePoint 列表的项:公告、联系人、事件、常规讨论、链接和任务。您还可以单击“数据源目录”中的 Create new SharePoint list 链接,来添加自定义列表类型。

通过右键单击 List View Web Part 并从快捷菜单中选择 Convert to XSL Data View,您可以将列表视图 Web 部件转换成数据视图。这将保留列表视图工具栏以便创建新项目,但是为数据视图添加了丰富的自定义和格式。

演练:创建使用 SharePoint 列表的数据视图

在该演练中,您将在 SharePoint 站点中创建一个新页面,并使用“数据源目录”将一个 SharePoint 公告列表添加到页面中。

添加 SharePoint 公告列表

1.

通过从 File 菜单中选择 New 以打开 New 任务窗格,可以创建一个 SharePoint 站点。在 New Web site 下,选择 More Web site templates

2.

Web Site Templates 对话框的 General 选项卡下,选择 SharePoint Site

3.

Specify the location of the new Web site 框中,为新建的 Web 站点指定一个名称。

4.

通过右键单击“文件夹列表”窗口中的 Default.aspx 页面,然后从快捷菜单中选择 Preview in Browser,在浏览器中打开新建的 SharePoint 站点。要使该演练更有趣,请在继续前单击 Add new announcement 将一个或两个公告添加到公告列表中。

5.

单击 File 菜单,然后选择 New 以打开 New 任务窗格。在 New page 下,选择 More Page Templates

6.

Page Templates 对话框中,单击 Web Part Pages 选项卡。选择 Full Page,然后选择 Vertical 模板并单击 OK。FrontPage 2003 将创建一个包含单个 Web 部件区域的新页面。

7.

切换到 Design 视图。在 Data 菜单上,选择 Insert Data View 以打开 Data Source Catalog

8.

Data Source CatalogSharePoint Lists 下,单击公告列表并将其拖动到页面中,置于 Web Part Zone(包含文本 Click to insert a Web part 的框)中。

9.

保存该页面并将其加载到浏览器中。该页面应该类似于图 12 中所示的页面。

odc_fpbldgxmlwebs12

12. 包含带有两个公告的公告列表的页面

创建 SharePoint 列表的自定义数据视图

如果要对 SharePoint 列表数据的显示执行更多控制,您可以利用一项可让您创建 SharePoint 列表数据源副本的 FrontPage 2003 功能。使用 SharePoint 列表数据源副本的主要优势在于:使用副本,您可以指定显示哪些字段,以及筛选和排序列表。要创建 SharePoint 列表数据连接的副本,请右键单击“数据源目录”中的现有 SharePoint 列表数据源,然后从快捷菜单中选择 Copy and Modify。FrontPage 2003 将显示 Data Source Properties 对话框。在此处,您可以指定要包含的字段,以及用于已复制数据连接的筛选和排序条件。在单击 OK 后,复制的数据连接将被添加到“数据源目录”中。

返回页首返回页首

使用数据视图

在页面上创建数据视图时,您实际上是创建了一个数据视图 Web 部件。数据视图是非常强大和灵活的 Web 部件,您可以使用它以各种格式提供数据。数据视图是数据的实时、只读视图。数据视图不在页面中存储数据,而是链接到原始数据源。这可确保数据视图始终提供数据的最新视图。

包含数据视图的页面的文件扩展名是 .aspx,即 ASP.NET 页面的扩展名(ASP.NET 是用于创建动态 Web 页的 Microsoft .NET 服务器端技术;Windows SharePoint Services 就是构建在 ASP.NET 之上的)。如果看一下数据视图后台的代码,将会发现数据视图是 ASP.NET 代码与 XML 和 XSLT 的混合体。

“数据源属性”对话框

通过右键单击“数据源目录”中的数据源,然后从快捷菜单中选择 Properties,您可以操作数据源的基本属性。这将显示 Data Source Properties 对话框。例如,对于 SharePoint 列表和数据库数据源,您可以更改返回的字段集合。对于 XML Web 服务,您可以更改 SOAP 参数值等等。

数据视图维护它们自己的数据源属性的专用副本。通过打开包含数据视图的页面,并单击“数据源详细信息”任务窗格上的 Data source properties,您可以访问这些属性的数据视图的副本。

如果您要在创建一个或多个基于某个数据源的数据视图之后,在“数据源目录”中更改该数据源的属性,那么该属性更改将只影响更改后创建的新数据视图。在更改该属性之前创建的任何现有数据视图将不会受到这些更改的影响。

使用“数据源详细信息”任务窗格

您可以使用“数据源详细信息”任务窗格来操作数据视图。通过右键单击“数据源目录”中的数据源,然后从快捷菜单中选择 Show data,您可以显示“数据源详细信息”窗格。“数据源详细信息”窗格的示例如图 13 所示。“数据视图详细信息”窗格出现在“设计”和“拆分”视图中。

odc_fpbldgxmlwebs13

13.“数据源详细信息任务窗格

Data Source Details 任务窗格的 Manage view settings 部分包含了许多可单击的超级链接,它们可以显示有关当前选择的数据视图的信息。

Style数据视图的外观(可能的值包括基本表格、重复表单、两列重复表单、项目符号列表等)。此外,您可以使用“Style”对话框来控制数据视图工具栏,并管理数据视图分页。

Filter应用于数据视图的筛选表达式(如果有)。

Sort & group“sort”/“group”字段及其顺序的列表,“+”表示升序,“-”表示降序,如果没有任何排序字段,则为 (none)。Grouping 字段由一对方括号括住字段名称来表示。

Conditional Formatting¡£到“条件格式”任务窗格的链接。

“数据源详细信息”任务窗格的 Work with data 部分包含数据源中 XML 节点的分页列表。单击包含子节点的节点左侧的“+”或“–”,可以分别展开或折叠节点。单击导航图标可以移动到上一页或下一页。如果您不希望显示数据,可以取消选中 Show data values 复选框。

接下来的几部分中将更详细地讨论如何使用“数据视图详细信息”任务窗格对数据视图进行格式设置、筛选和排序。

选择字段

当您将数据视图拖动到页面时,FrontPage 2003 将基于以下逻辑,选择要包含在数据视图中的字段:

对于 SharePoint 列表数据,它会选择 Title、Modified 和 Modified By 字段。

对于带有重复节点的 XML 数据,会选择第一个重复节点的前五个子节点。

对于不带有重复节点的 XML 数据,会选择前五个同级节点。

您可以通过下列步骤来自定义包含在页面上的字段:

1.

将光标放在您希望插入数据视图的 Web 页上。

2.

右键单击 Data Source Catalog 上的数据源,然后从快捷菜单中选择 Show Data。FrontPage 将显示 Data Source Details 任务窗格。

3.

使用鼠标,在 Data Source Details 窗格的 Work with data 部分中选择字段。您可以使用 Shift 键与鼠标左键来选择连续范围的字段,也可以使用 Ctrl 键与鼠标左键来选择几个非连续的字段。以这种方式选择字段时,不只局限于选择五个字段。您用于选择字段的顺序控制字段的显示顺序。

4.

单击 Insert Data View 将带有自定义字段集的数据视图插入到页面上。

14 显示了使用 Ctrl 键和鼠标左键选择六个不连续的字段。

odc_fpbldgxmlwebs14

14. 在该数据视图中,选择了六个字段以插入到页面上。

应用样式

当您将数据视图拖动到页面上时,FrontPage 2003 将基于数据视图所返回的数据类型应用默认的视图样式。通过打开“数据源详细信息”窗格,然后单击该窗格 Work with Data 部分中的 Style,您可以更改数据视图的基本外观。FrontPage 2003 将显示 View Styles 对话框。从 View Styles 对话框的 General 选项卡中,您可以将数据视图的基本外观更改为基本表格、重复表单、项目符号列表、下拉列表或某些其他样式,如图 15 所示。

odc_fpbldgxmlwebs15

15.“View Styles”对话框的“General”选项卡

在“View Styles”对话框的“Options”选项卡上,您可以选择其他样式选项。在该选项卡上,您可以选择在数据视图的顶部显示工具栏,以便在运行时进行筛选、排序和(或)分组。您可以启用将列标题转换为按该列排序数据视图的可单击链接的功能。只有当数据视图显示为基本表格时,该功能才可用。您还可以选择限制显示的记录总数或分页数据视图。最后,您可以修改当数据视图没有要显示的记录时,FrontPage 2003 要显示的文本。

图 16 显示了一个包含数据视图的页面,其排序、筛选和分组工具栏均已打开。

odc_fpbldgxmlwebs16

16. 该页面上的数据视图已经使用筛选、排序和分组工具栏进行了筛选。

View Styles 对话框的 Options 选项卡中,您可以打开或关闭数据视图的页眉或页脚显示,您可以使用它们来显示总数和其他求和计算。要将求和表达式添加到页眉或页脚,请将光标放在页眉或页脚内,然后右键单击 Data View Details 任务窗格中的某个字段。从快捷菜单中,选择 Insert as datatype,FrontPage 2003 会基于您的字段创建求和表达式。如果该字段是数值型的,那么默认求和表达式将会计算这些值的和。如果字段不是数值型的,那么默认求和表达式将会对这些值进行计数。使用在插入求和表达式时显示的选项菜单,您可以调整所使用的求和表达式的类型。您还可以选择性地筛选求和表达式,以便(例如)只计算超过 $50 的运费值。

筛选、排序和分组数据

尽管您可以使用户轻松地在运行时进行排序、分组和筛选数据,但并不仅限于在运行时执行这些操作。“数据视图详细信息”窗格的“管理视图设置”部分包含的超级链接允许您自定义数据视图的样式、分组和筛选属性(请参见图 13)。

排序

单击 Sort & group 以通过 Sort and Group 对话框更改排序。Sort and Group 对话框如图 17 所示。

odc_fpbldgxmlwebs17

17.“Sort and Group”对话框

要从 Sort and Group 对话框排序某个字段,请在 Available Fields 列表框中选择该字段,然后单击 Add 将其移动到 Sort Order 列表框中。如果选择了多个字段(图 17 只显示了一个选定字段),您可以使用 Move UpMove Down 按钮在 Sort order 列表框中重新排序它们。通过从 Sort order 列表框中选择某个排序字段,然后单击 Sort Properties 选项组中适当的选项,可以调整该排序字段的顺序。

分组

通过从“排序顺序”列表框中选择某个字段,然后单击 Show group header 和(或)Show group footer 复选框,您可以将任何排序字段转化成分组字段。

默认情况下,位于组下面的详细信息行通常是展开的;但是,您可以选择 Collapse group 作为默认选项,以反转该行为。如果希望完全隐藏组下面的详细信息行,请选中 Hide group 详细信息复选框。对于分页的数据视图,您可以通过选中 Keep group items together 复选框,以选择将组的详细信息行保留在一起。图 18 说明了按类型和标题排序的数据视图,其中打开了 type 字段的组标题。

odc_fpbldgxmlwebs18

18. 该页面上的数据视图是按类型和标题排序的。此外,type 字段的组标题已经启用。

筛选

Data View Details 任务窗格中,单击 Filter 以创建或修改用于筛选为数据视图提供数据的数据源的条件。FrontPage 2003 将显示 Filter Criteria 对话框(图 19),您可以使用它来构建复杂的筛选器。

odc_fpbldgxmlwebs19

19. 您可以使用“Filter Criteria”对话框来构建用于筛选数据的相当复杂的条件。

单击 Click here to add a new clause 以添加一个新的筛选条件,它由一个字段、一个比较和一个值组成。通过选择布尔操作符(AndOr),可以将多个条件链接在一起。此外,通过在单击左侧边距中的选择器的同时按下 Shift 键,然后单击“Group”按钮,可以将条件集组合在一起。分组条件等价于在 SQL Where 子句中使用括号。

如果需要进行复杂的筛选,您可以单击 Advanced 按钮以输入一个自定义筛选表达式。

“Web 部件属性”对话框

您可以使用 Web Part Properties 对话框来修改数据视图的特定设置。右键单击一个数据视图,然后选择 Web Part Properties 以显示 Web Part Properties 对话框。从该对话框中,您可以调整数据视图的许多属性,包括数据视图的标题、高度和宽度。

数据视图和缓存

出于性能原因,默认情况下,数据视图将其数据缓存 15 秒钟。通过 Web Part Properties 对话框的“Miscellaneous”部分,您可以控制这种缓存机制。从该对话框的这个部分中,您可以打开或关闭缓存、更改缓存的超时间隔,以及确定缓存是所有用户缓存还是单个用户缓存。

将格式应用到数据视图

在 FrontPage 2003 中,通过直接从设计视图应用格式,可以设置数据视图中数据的格式。通过修改页面附带的 XSLT 样式表,FrontPage 2003 可以将格式以同一级别应用到 XML 中的所有数据点。您无须了解任何有关 XSLT 的知识,就可以更改 XSLT 样式表,这使得 FrontPage 2003 成为第一个 WYSIWYG XSLT 编辑器!

例如,打开在演练:创建包含 XML 文档数据的页面部分中创建的页面。切换到 Design 视图。在网格的第一列中选择单词 ASP for Developers。在 Format 菜单上,选择 Font 以显示 Font 对话框。选择字体 Bold,并从颜色下拉列表中选择 Red。单击 OK 以应用格式选择,并关闭“Font”对话框。

请注意,title 列中的所有值都会变成红色,并以粗体显示。出现这种情况的原因在于,格式不是应用到数据中,而是应用到 titles 元素的 XSLT 样式表中。如果转到拆分视图,并查看在应用格式时如何更改 XSLT 样式表(请参见图 20),就更清楚了。

odc_fpbldgxmlwebs20

20. 从拆分视图,您可以看到将格式应用到列值是如何在 XSLT 样式表中反映出来的。

请注意,在图 20 中,我们是如何将应用到设计视图单元格中的格式应用到代码视图中标题字段的 XSLT VALUE-OF 元素的:

<b><font color="#FF0000"><xsl:value-of select="title" /></font></b>

FrontPage 2003 将存储所有数据视图数据,而不仅仅是源自 XML 的数据,例如 XML/XSLT 数据。这样,无论数据源的类型是什么,应用到任何数据列表的任何格式都会以相同的方式进行处理。

条件格式

FrontPage 2003 支持基于条件的数据格式设置。例如,如果某个日期已经发生,您可能要更改这个日期字段的字体颜色。FrontPage 2003 允许您根据特定条件应用格式,以及隐藏或显示字段。

在将数据视图添加到页面后,您可以添加条件格式。在 Design 视图中,选择表格单元格、表格行或某行中的多个数据值,右键单击,然后从快捷菜单中选择 Conditional Formatting。另外,还可以在要设置格式的字段中选择值,然后单击 Data View Details 任务窗格中的 Conditional Formatting。FrontPage 2003 将显示 Conditional Formatting 任务窗格。单击 Create 按钮以创建一个条件(如果“创建”按钮为灰显,那么说明您尚未在该字段中选择值)。

在单击 Create 按钮时,FrontPage 2003 将显示一个包含下列选项的下拉菜单:Show contentHide contentApply formatting。如果要显示或隐藏某个字段的内容,请分别使用 Show contentHide content 选项。如果要更改前景颜色、背景图像、字体或基于某个条件执行其他格式设置,请选择 Apply formatting。不管您选择这三个选项中的哪一个,您首先需要做的事情就是使用 Condition Criteria 对话框构建条件。您可以使用该对话框来创建以下条件:当条件计算为真时,将触发显示、隐藏或设置内容格式;这个对话框与前面讨论的 Filter Criteria 对话框非常相似。

例如,假设您创建的页面要显示来自 SQL Server Northwind 示例数据库的 Products 表中的记录,并且您希望唤起对 UnitsInStock 等于 0 的注意。请使用鼠标,在表的任意行的 UnitsInStock 列中选择某个值。右键单击该值,然后从快捷菜单中选择 Conditional Formatting。单击 Create 按钮。从下拉菜单中,选择 Apply formatting。在 Condition Criteria 对话框中,单击 Click here to add a new clause 将新行添加到该对话框中,然后从 Field Name 下拉列表中选择 UnitsInStock。FrontPage 将默认条件设置为“Equals”,这正是您想要在该方案中使用的。在 Value 框中键入 0。现在,Condition Criteria 对话框应该类似于图 21 中所示的对话框。单击 OK 以完成该条件。

odc_fpbldgxmlwebs21

21. 使用“Condition Criteria”对话框创建条件格式的条件部分。

此时,FrontPage 2003 将显示“Modify Style”对话框,如图 22 所示。

odc_fpbldgxmlwebs22

22. 使用“Modify Style”对话框创建条件格式的格式部分。

单击 Format 按钮以显示可以进行各种格式选择的下拉菜单,包括字体、段落、边框、编号和位置。对于该示例,选择 Border,并在 Borders and Shading 对话框中单击 Shading 选项卡。选择背景色为红色,然后单击 OK 以返回到 Modify Style 对话框。再次单击 OK 以创建条件格式。该条件格式会在运行时显示,如图 23 所示。

odc_fpbldgxmlwebs23

23. 使用条件格式,在没有库存时,UnitsInStock 列的背景将显示为红色。

返回页首返回页首

连接数据视图

FrontPage 2003 可让您将多个数据视图连接在一起,以便您可以基于一个数据视图的值来筛选另一个数据视图中的数据。您还可以创建提供参数或用于根据条件设置数据视图格式的数据视图连接。创建数据视图连接时,您可以将两个数据视图放在同一页面上,也可以放在不同的页面上。

演练:用一个数据视图筛选另一个数据视图中的记录

在该演练中,您将基于 SQL Server Northwind 示例数据库的 Categories 和 Products 表来创建数据视图。然后,您将这两个数据视图连接在一起,以便使用第一个数据视图中当前选定的类别来筛选第二个数据视图中显示的产品。

创建数据库连接

Data 菜单中,选择 Insert Data View 以打开 Data Source Catalog

Database Connections 下,单击 Add to Catalog

Data Source Properties 对话框的 Source 选项卡下,单击 Configure Database Connection

Configure Database Connection 对话框的 Server Name 框中,键入 SQL Server 的名称。在 Authentication 部分下选择的选项将取决于 Windows SharePoint Services 和 SQL Server 的配置。(请参阅演练:创建包含 SQL Server 数据库数据的页面部分。)

Configure Database Connection 对话框的第二页上,从 Database 下拉列表中选择 Northwind

Table, View or Stored Procedure 列表框中,选择 Categories。 重复第 1 步到第 5 步,以创建到 Northwind Products 表的第二个数据库连接。

Table, View or Stored Procedure 列表框中,选择 Products

将数据视图添加到页面中

1.

创建一个新页面。

2.

Categories Data View 拖动到页面中。

3.

Products Data View 拖动到页面中。

现在,该页面应该类似于图 24 中所示的页面。

odc_fpbldgxmlwebs24

24. 设计视图中所示的 Categories Products 数据视图

创建数据视图连接

1.

切换到 Design 视图。

2.

右键单击 Categories Data View,然后从快捷菜单中选择 Web Part Connections。FrontPage 2003 将显示 Web Part Connections Wizard,如图 25 所示。

odc_fpbldgxmlwebs25

25. “Web Part Connections Wizard”的首页上,您必须选择一个连接操作。

3.

从下拉列表中选择 Provide data values to another Web Part,然后单击 Next

4.

在该页面上选择 Connect to a Web Part,然后单击 Next

5.

Target Web Part 列表中,选择 Products Data View

6.

Target Action 列表中,选择 Filter this view using data values,然后单击 Next

7.

Columns in Categories on Northwind 列表中,选择 Category ID。在 Columns in Products on Northwind 列表中,选择 Category ID。这将链接两个数据视图之间的字段,如图 26 所示。单击 Next

odc_fpbldgxmlwebs26

26. “Web Part Connections Wizard”的第四页上,您应确定要用于将两个数据视图链接在一起的字段。

8.

选择供应商 Web 部件中的一列来创建可触发消费者 Web 部件中的操作的超级链接。或者,您可以选择 [Current selection] 以使用当前选定的项。如果已经将行选择器图像添加到您希望用户单击以触发连接的数据视图中,那么该选项非常有用。从下拉控件中选择 CategoryName,然后单击 Next

9.

在该向导的第六页和最后一页上,单击 Finish 以创建 Web 部件连接。在浏览器中预览该页面。

生成的页面应该类似于图 27 中所示的页面。当您单击 Categories 数据视图中的 CategoryName 超级链接时,就会筛选 Products 数据视图以显示该类别的产品。

odc_fpbldgxmlwebs27

27. 单击第一个数据视图中的 CategoryName 超级链接可筛选第二个数据视图中显示的记录。

当您将两个数据视图连接在一起时,默认情况下,FrontPage 2003 会在您首次调用该页面时,触发源数据视图第一行的连接逻辑。在许多情况下,这正是您想要的行为。但是,有时您可能希望只有在用户单击超级链接时才触发连接逻辑。您可以通过右键单击源数据视图,然后从快捷菜单中选择 Web Part Properties,来更改默认行为。在 Web Part Properties 对话框的 Miscellaneous 部分中,取消选中 FireInitialRow 复选框,以禁用在页面加载时触发的初始连接逻辑。

返回页首返回页首

使用设计和编码工具

FrontPage 2003 包含了许多可以与 XML 数据驱动 Web 站点页面一起使用的新工具。此处,只重点介绍几种新的编码和设计工具。

拆分视图

新增的拆分视图功能可以同时显示设计视图和代码视图。在设计视图中编辑控件时,FrontPage 2003 会自动更新代码视图中显示的源代码。为了在使用拆分视图进行编码时减少屏幕刷新,FrontPage 只会在单击设计视图或按 F5 时才更新设计视图,以同步在代码视图中更改的源代码。拆分视图如图 28 所示。

odc_fpbldgxmlwebs28

28. 拆分视图使您可以同时看到页面的视觉设计及其源代码。

代码视图导航

从代码视图或拆分视图中,可以使用很多导航工具帮助您执行代码。

选择标记、它的内容以及它的关闭标记

1.

切换到 Code 视图。

2.

Edit 菜单中,选择 Code 视图,然后选择 Select Tag(或按 Ctrl+:])。

找到与开始标记匹配的结束标记(或与结束标记匹配的开始标记)

1.

切换到 Code 视图。

2.

选择要为其查找匹配标记的标记。

3.

Edit 菜单中,选择 Code 视图,然后选择 Find Matching Tag (Ctrl+;)。

如果在初次使用“Find Matching Tag”或键盘快捷方式时没有完整选择该标记,那么第一个实例会选择第一个标记。第二次选择“Find Matching Tag”(或使用键盘快捷方式)会选择匹配的标记。

Quick Tag Selector

在设计视图(或拆分视图窗口的设计部分)中工作时,FrontPage 2003 将显示 Quick Tag Selector。该工具会立即出现在页面选项卡(请参见图 28)的下面,它显示该页面的 HTML 树状结构。使用 Quick Tag Selector,您可以轻松地选择和操作页面上的元素和控件。

智能感知

在代码视图中工作时,FrontPage 2003 将提供智能感知,以帮助您降低编码错误。智能感知是一个编码助手,它可在您编写代码时建议元素、特性、语句、函数、子例程、方法、属性、参数和枚举的名称。通过降低编码错误并节省查找语法的时间,智能感知可显著提高程序员的工作效率。与 Microsoft Visual Studio? .NET 中的智能感知支持类似,FrontPage 2003 智能感知也支持与 HTML、层叠样式表 (CSS)、XSLT、JScript、VBScript、JavaScript 和 ASP.NET 一起使用。将 ASP.NET 控件插入到页面时,出现在 FrontPage 2003 中的智能感知下拉列表的示例如图 29 所示。

odc_fpbldgxmlwebs29

29. FrontPage 2003 在代码视图中提供智能感知帮助以便于编码。

ASP.NET 控件

FrontPage 2003 支持在设计视图和预览视图中显示 ASP.NET 服务器控件。该支持与 FrontPage 2003 对智能感知的支持结合在一起,使得编辑 ASP.NET Web 站点(包括使用 FrontPage 2003 的 XML 数据驱动的 Web 站点)变得前所未有的简单,并且可以轻松地在 FrontPage 2003 和 Visual Studio .NET 之间来回移动。

返回页首返回页首

小结

FrontPage 2003 可以与 Windows SharePoint Services 一起使用,来生成复杂的 XML 数据驱动的 Web 站点,这些站点可以集成来自各种源(包括数据库、Web 服务、XML 文档和 SharePoint 列表)的数据。由 FrontPage 2003 和 Windows SharePoint Services 生成的数据视图支持一组完整的自定义功能,包括对样式、筛选、排序、分组和条件格式的支持。另外,多个数据视图还可以寄宿在同一页面(或不同页面)上,并结合在一起以生成高级的 XML 数据驱动的 Web 页和 Web 站点。

FrontPage 2003 提供了功能强大的设计和编码工具,使得经验丰富的开发人员在决定手动编写页面代码时感到非常轻松自在。这些功能还可以使同时利用 Visual Studio .NET 和 FrontPage 2003 来管理单个站点变得更加简单。

FrontPage 2003 支持多种用于构建 XML 数据驱动的动态 Web 站点的功能。尽管 FrontPage 2003 肯定不是第一个支持构建数据驱动 Web 站点的 Web 工具,但是它是第一个包括 WYSIWYG XSLT 编辑器的工具,并且是第一个使复杂的数据驱动 Web 站点不仅允许服务器端 Web 开发人员进行访问,还允许要构建动态 Web 站点的任何人进行访问的工具。

关于作者

Paul Litwin 是擅长于 ASP、ASP.NET、Visual Basic、C#、SQL Server 和相关技术的开发人员。他是 Deep Training 的 CEO,并且是“Deep Training ASP.NET with VB Master Class and ASP.NET with C# Master Class”课程的创始人。他还是 Litwin Consulting, Inc 的负责人,这是一家应用程序开发咨询公司。他已经编写了很多书籍,包括《ASP.NET for Developers (SAMS)》和《Access 2002 Enterprise Developer ™ Handbook (SYBEX)》。Paul 是 Microsoft ASP.NET Connections 会议主席、Microsoft MVP、.NET Developer's Association WebDev 会议领导,同时还是 International .NET Association (INETA) Speakers Bureau 的成员。您可以通过电子邮件联系 Paul。

posted on 2004-11-15 11:43  mmneo  阅读(1135)  评论(0)    收藏  举报