软件开发培训班 >> 创意设计 >> Dreamweaver


ULTRADEV经典之旅-动态菜单实战（5）

center>第三部分 动态数据（DYNAMIC DATA） 　　动态数据- 概述
　　这里假设您已经按照前面的指南建立了菜单结构、层和图片，如果还没有的话请从头开始学习。
　　数据库
　　假设我们建立一个数据库，叫company.mdb，从这个数据库数据库得出的数值“选择公司”的下拉菜单提供内容。我们使用 Franchises 表中FID和FCITY两个字段做下拉菜单，包含所有的数据库中公司所在的城市名字，如果用户单击某个城市，将链接到该所在该城市的公司的详细资料页面。包含公司的地址、邮编、电话等等信息。
　　注：上面的菜单并没有连接数据库，下拉菜单下也不是城市名字，主要是给DW用户参考的，UD的用户请自己建立数据库，并按这里的步骤做，最终在并在IIS环境下调试!

　　　

　　在这里，与数据库的连接与DREAMWEAVER ULTRADEV指南中“ScaalCoffee”部分的连接非常相似。我们假设您已经连接好数据库并且能正常工作了。如有问题，可以打开DREAMWEAVER ULTRADEV中HELP的文档的27页， 查看“Using Dreamweaver UltraDev”章节，学习如何建立这样的一个连接。

　　服务器行为
　　每一个菜单都包含一个动态数据，我们将要用服务器行为来建立它。

服务器行为（Server Behavior） 用法（Usage）
Recordset (rsMenuA) 这是建立Franchises表中所有ID和CITY NAME字段的记录集
Dynamic Text(rsMenuA.fCity) 这里是用来插入FCITY字段的内容作为下拉菜单中的内容。
Repeat Region(Repeat1) 这是? 立新的表格行，用来放置记录集的其它City name内容
Go To Detail Page(rsMenuA, "link") 这是用来建立动态链接，应用URL参数来打开该内容的详细资料页面。

　　建立记录集（Create the Recordset）……
　　建立记录集（Create the Recordset）
　　我们将建立包含Franchises表中所有City 名字以及记录 Id 列表的记录集。我们将使用city名字来构造 “选择公司” 下拉菜单，并且我们将使用建立链接应用到详细资料的页面。我们至少要选择这两个字段来保证ASP页面正确从数据库中请求数据。

　　定义记录集
  • 在 Data Bindings 面板(Window $#@62; Data Bindings)中点击 plus(+) 按钮； 　
  • 从弹出的菜单中选择 Recordset (Query) 　
  • 如果打开的是Advanced模式，则点击Simple按钮切换到简单模式。
  • 键入记录集rsMenuA的 name（名字） (我们将用rsMenuB作为第二个记录集，并一直这样命名下去.......)
  • 选择 connection，在列表中选择连接到 company，DREAMWEAVER ULTRADEV将连接到数据库并在TABLE中填入相应的数据表。
  • 选择 table，在列表中选择 Franchises 表。
  • 在 Columns列表中，点击 selecteded按钮，我们仅选择所需要的字段就可以了。
  • 按住键盘 Control 键不放，单击 fID和 fCity字段，它们将会高亮显示。
  • 将 Filter值设置None（空）
  • 在 sort order 下拉菜单中选择我们刚才已经选过的 fCity字段进行索引，在后面我们选择 Ascending（升序）
    　　完成记录的窗口：
    　　

    　　测试记录集……
    　　测试记录集
  • 单击 Test 按钮
  • 记录将会显示出来，按city 名字字母的升序排成了8 行。

    　

  • 点击 OK 关闭测试窗口。
  • 点击 OK 关闭记录集窗口。
  • 这次可以保存一下文件，选择 File $#@62; Save


    • 　　查看数据绑定
    　　数据绑定面板将显示新的记录集，如下图：
  • 点击 Recordset(rsMenuA) 前面的plus(+) 标记，使树状结构显示出来；
  • 记录集中的两个字段列表出来了，并且有了三个默认的behaviors（行为）；第一个最后一个和记录总数。

    • 　　

    　　绑定动态文本（Bind the Dynamic Text）……
    　　绑定动态文本（Bind the Dynamic Text）
    　　现在我们有了有效数据，下面要告诉DREAMWEAVER ULTRADEV将数据放到何处，如前面的一些章节我们知道，在“选择公司”按钮下面的层名字是menu2。

  • 打开层面板(F11)
  • 在列表中选择 menu2 层，这样在按钮下面将显示出层，层中包含了单行，里面是先前定义的叫做“MenuItem”的占位符内容，如果您选择了层以外的内容，那么层就隐藏了，再次从层监视器中选择menu2 。
    　　　　　　　

  • 选择所有的占位符，使其反黑显示，在这里是"MenuItem" 所有字母；
  • 到数据绑定面板（Data Bindings inspector）中选择 fCity 这一行；
  • 在数据绑定面板中点击插入按钮，占位符将会被动态文本 {rsCity.fCity}所代替， menu2层将会显示出如下的界面；
    　　　　　　　　

  • 按F12 浏览该页，当你点击“选择软件“的时候将看到记录集中的第一个城市 microsoft （假设已经建立该记录）已经列出来了。
  • 保存文件 File $#@62; Save
    • 现在所看到的，仅是一个城市名字的表列表，因为我们还没有告诉DREAMWEAVER ULTRADEV列出所有的城市。

    　　现在所看到的，仅是一个城市名字的表列表，因为我们还没有告诉DREAMWEAVER ULTRADEV列出所有的城市。

    　　建立重复区域（Repeat Region）……