DW Ultradev打造留言本(九)

制作浏览页面

  接下来要做的就是把页面中预先设计好的文字,以数据库中的内容来取代。这些文字最后应该都是由ASP程序抓取数据库中的内容动态产生的。

1. index.asp 页面中「瑞克」这几个字要以数据库中的 Name 字段来替换掉。选取「瑞克」,按下 Data Binding 面板中,Record (All_Message) 左边的加号,将数据录展开。点选 Name 字段,再按下下面的 Insert 按钮,「瑞克」就会被替换掉了。


2. 使用同样的方式,选取 ICQ 旁边的数字,点选 Data Binding 面板中的 ICQ 字段,再按 Insert 按钮。

3. 选取页面中的留言日期,点选 Data Binding 面板中的 Date 字段,再按 Insert 按钮。

4. 我们想要格式化一下日期的格式,按下 Data Binding 面板中的 Date 字段右方的向下箭头符号,选择 Date/Time->General Format。


5. 选取页面中的留言标题,点选 Data Binding 面板中的 Subject 字段,再按 Insert 按钮。

6. 选取页面中所有的留言内容,点选 Data Binding 面板中的 Content 字段,再按 Insert 按钮。 再来是个人网页图标,这是比较特别的,因为我们要替换的不是图形,而是图形的超炼结。

7. 选取网页图标,先在内容面板中 Link 的位置随便输入一个网址。然后在主窗口状态列的地方,点选接近右方的<a>标注,这个 HTML 标注代表网页图标的超炼结。


8. 在 Data Binding 面板下方,Bind To 自动变为 a.href 了!没错,我们要替换的就是标注<a>的 href 属性。点选 Homepage 字段,按下 Bind 按钮吧!

9. 同样的方法先选取 Email 图标,在内容面板中 Link 的位置随便输入一个网址。然后在主窗口状态列的地方,点选接近右方的 标注。再点选 Data Binding 面板中的 Email 字段,按下 Bind 按钮。 跟刚刚不太一样的是,网页网址是直接以数据库的内容来取代,但是 Email 的超炼结必须在 Email 前面加上「mailto:」这几个字,而数据库中的 Email 并没有这几个字,所以我们得帮它加上去。
10. 选取 Email 图标之后,在内容面板 Link 的位置,那些所有怪怪的文字前面加上「mailto:」这几个字。


将网页存盘然后按 F12 预览一下吧!那些内容和数据是不是都被替换掉了呢?