DreamweaverMX打造留言本(二)

dreamweaver

在前面我们提到,先要保证留言的正常显示就要做到在有留言的时候才显示留言,如果没有留言则显示“暂无留言”,那这些在DW MX里怎么做呢??在这里呢,我们要学习一个新的服务器行为show region(显示区域),即根据库里的资料来显示不同的资料。

先说说它的基本概念吧,拿我们上面的留言内容来打个比方:如果我留言内容为空,则显示什么;如果留言内容不为空,则又显示什么。如图(7-9)所示。

7-9

选中整个留言内容表格后运用Application-->Server Behaviors-->Show Region-->Show Region If Recordset Is Not Empty(当记录集不为空),也就是当留言内容不为空时显示这个表格。说到这里就不得不说说其它几个服务器行为了。

Show Region If Recordset Is Empty(如果记录集为空):当记录集为空时,显示选中的区域。
show Region If Recordset Is Not Empty(如果记录集不为空):当记录集中包含记录时,显示所选区域。

Show Region If First Record(如果是第一条记录):当处于记录集中的第一条记录时,显示选中的区域。
Show Region If Not First Record(如果不是第一条记录):当没有处于记录集中第一条记录时,显示所选的区域。
Show Region If Last Record(如果是最后一条记录):当处于记录集中最后一条记录时,显示所选的区域。
Show Region If Not Last Record(如果不是最后一条记录):当没有处于记录集中最后一条记录时,显示所选的区域。

单击它,出现如图(7-10)所示对话框。

7-10

在这个对话框中选择与本行为对应的记录集,在这个页面我们只建立了一个记录集,名字为guestbook。应用服务器行为后的效果如图(7-11)所示。

7-11
为了防止当没有留言内容的时候会出错,在这里我们还要运用Show Region If Recordset Is Empty(当记录集为空时)行为,把它运用到“暂无留言”的表格上,最终效果如图(7-12)所示。

7-12

下一步,让我们来完善它,通过在显示留言的大表格里插入一些小表格,排好,并插入相关图片(这里放的是网上最常见的小图片。:)),如图(7-13)所示。这里是一些最基本的Dreamweaver表格功夫,详情情参见本系列教程其它章节。

7-13

现在要做的呢,就是把数据库里的数据拖到相应表格里,如把用户名拖到姓名后面的单元格里,留言内容要放到留言内容后的单元格里,记得把f_name拖到发表于前面,f_time拖到发于于后面,这样显示的时候就变成了“XX发表于XX”。见图(7-14)所示。

7-14

这里有个小小的bug,即我们所显示的留言无法进行格式化,即你会发现在你的留言中无论有多少个回车,在显示的时候都不会换行,并且两个以上的空格都会变成一个空格。这个问题可以利用spdformat.mxt插件来解决(点这里下载插件!)。安装好插件后,方法如图(7-48)所示。留言内容和站长回复都要运用这个插件。

7-48
可能又人要问了,那我数据库里那些OICQ之类的怎么做啊。这个呢,不知道大家知不知道html里img标签的一个alt属性,即鼠标移上去的时候显示相应的说明文字。在这里呢,我们把它和图片进行相应的动态绑定。至于主页地址则做成点击后联接到相应的地址就行了,邮箱呢就点击后打开OUTLOOK对留言者发信。

具体方面如图(7-15)所示。

7-15

这里有个先后顺序之分,先选中OICQ的图片,再从右边的记录集里选定相应的数据集(这里选中数据库里存放OICQ号码的字段(f_oicq),再从Bind To:下拉菜单里选择img.alt,即我们在前面讲到的img标签属性,再单击后面的Bind就行了,如果绑定正确的话则会产生和前面记录集一样的颜色,以标明在这里应用了一个服务器行为,如图(7-16)所示。在这里呢我们还要将它美化一下。

7-16

打开源码和设计视图,你会发现刚才插入的东东在代码里是alt="<%=(guestbook.fields.item("f_oicq").value)%>",COPY这段代码放到它的前面,并把其中的f_oicq改成f_name(数据库里发贴人的姓名字段),使它的最终代码为alt="<%=(guestbook.fields.item("f_name").value)%>的OICQ号码是<%=(guestbook.fields.item("f_oicq").value)%>",这样当它显示的时候便为“XX的OICQ号码是XX”,都动态绑定了,多好啊,呵。。

7-17

时间: 2024-11-03 01:18:51

DreamweaverMX打造留言本(二)的相关文章

DreamweaverMX打造留言本(三)

dreamweaver OK,接下来就是邮箱和主页地址了,和前面的做法稍有点不同,如图(7-18)和(7-19)所示. 7-18 7-19 同样,要注意有个顺序,先选中邮箱这个图片,再从下面的属性面板中点击Link按钮.出现如图(7-20)所示的对话框,这里的意思就是如果点击这张图片的话连接到哪里去. 7-20 以前呢,我们这个功能是连接到本地的某个页面去,但在DW MX里我们能通过选择Data Sources连接到动态的页面去.这里我们从记录集中email的字段,并记得在前面加上"mailto

DreamweaverMX打造留言本(五)

dreamweaver 幸苦了这么久,测试一下吧.打开index.asp,按F12.如图(7-49)所示. 7-49 一切尽在掌握中,因为没有留言,所以显示暂无留言.发表一条留言看看,如图(7-50)所示. 7-50 这个页面也正常,点击提交留言看看,如图(7-51)所示. 7-51 啊,显示出来也耶!!!!好高兴哦,由于还没有回复,所以显示的暂无回复.好,再试试回得留言,如图(7-52)所示. 7-52 咦,怎么到这来了??哦,记起来了,这个页面(rep.asp)设置了页面保护,我们定义了非正

DreamweaverMX打造留言本(四)

dreamweaver 现在要做的呢,就是增加留言的页面,new.asp.原理就是向我们在前面设计好的数据库里增加数据,这里我们也不一一详述,如图(7-36)所示. 7-36 记得要把它定义提交数据后转到index.asp首页哦.为了防止它出错,我们还要对它用一个行为,不过这次不要用服务器行为了,就用DW MX自带的行为就行了.选中表单form后Design-->Behaviors-->Validate Form(设计-->行为-->验证表单),如图(7-37)所示. 7-37 记

用ASP+XML打造留言本

asp+|xml 用ASP+XML打造留言本 来源:www.yesky.com 一.读者指引 读者指引帮助你掌握本文的梗概.以免你看了大半才明白这编文章不适合你,给你造成视觉污染. 如果你正在用ASP+XML写一些程序,或者你正在学XML那就值得一看. 阅读本文须具备的知识,对ASP有基本的了解,对XML和DOM有基本了解,如果你不了解那么你通过学习本文基本上能够撑握ASP+XML和DOM的应用,并能根据本文范写出自已更高级的ASP+XML程序. 二.基本思想 本文思想是基于用ASP和DOM来读

今天看到几篇好文章:显贴于此,不知可否加入精华区:用ASP+XML打造留言本 - 1

asp+|xml|精华 用ASP+XML打造留言本 - 1 苛子·yesky -------------------------------------------------------------------------------- 一.读者指引 读者指引帮助你掌握本文的梗概.以免你看了大半才明白这编文章不适合你,给你造成视觉污染. 如果你正在用ASP+XML写一些程序,或者你正在学XML那就值得一看. 阅读本文须具备的知识,对ASP有基本的了解,对XML和DOM有基本了解,如果你不了解那

用ASP+XML打造留言本_应用技巧

用ASP+XML打造留言本   一.读者指引 读者指引帮助你掌握本文的梗概.以免你看了大半才明白这编文章不适合你,给你造成视觉污染. 如果你正在用ASP+XML写一些程序,或者你正在学XML那就值得一看. 阅读本文须具备的知识,对ASP有基本的了解,对XML和DOM有基本了解,如果你不了解那么你通过学习本文基本上能够撑握ASP+XML和DOM的应用,并能根据本文范写出自已更高级的ASP+XML程序. 二.基本思想 本文思想是基于用ASP和DOM来读取和存储XML数据,并利用XML数据来存储留言信

用ASP+XML打造留言本 - 4

asp+|xml 用ASP+XML打造留言本 - 4(01-6-6 15) 七.总结 到这里我们就建立一个简单并有分页功能的XML留言本了,呵看完了简单吧,其实我这里只起一个抛砖引玉的功能,其目的是引导大家建立更复杂更好的ASP+XML程序,例如:所上面的留言本加上回复功能,管理功能,点击计数据功能等,甚至你可以把它变一个BBS等等.最后留言本运行结果如下: (List.xml在IE5下面的运行结果) (留言本index.asp运行结果) (PostNew.asp运得结果) 最后如果你拷贝我上面

用ASP+XML打造留言本 - 3

asp+|xml 用ASP+XML打造留言本 - 3(01-6-6 15) 六.建立写新留言程序(PostNew.asp) 这个文件要实现的功能就是写入新的XML节点,首先创建一个XML对像然后把XML读入内存中,利用appendChild()方法加入我们生成的XML节点. <%username=request.form("username")if username<>"" thenfromwhere =request.form("fro

用ASP+XML打造留言本 - 2

asp+|xml 用ASP+XML打造留言本 - 2(01-6-6 17) 五.建立显示XML数据的ASP文件(index.asp) 这个文件要实现的功能就是读取并显示XML数据,首先创建一个XML对像然后把XML读入内存中,利用DOM分离出我们所要的数据. <%strSourceFile = Server.MapPath("/") & "\List.xml"'获取XML文件的路径这里根据你的虚拟目录不同而不同Set objXML = Server.C