Dreamweaver MX 2004设计留言本实战(5)

　　先做好一个这样的回复页：

　　然后建立记录集：

　　再在"Application"工具组里找到"Record Update Form Wizard"(如图85)，弹出跟"Record Insertion Form Wizard"类似"Record Update Form Wizard"对话框：

　　在"Form fields"中删掉"ID"和"Date"，修改其余的"Label"为中文，"Content"、"Reply“的"Display as"为"Text area"，参考图51、52所示的方法给"Content"和"Reply"加上"Encode - Server.HTMLEncode"格式化，"RDate"的"Display as"为"Hidden field"，"Default value"为"<%=Date%>"，调整下界面后的效果：

　　最后不要忘了也给回复页加上页面保护：

　　最后一个页了，其实编辑页的功能跟回复页reply.asp差不多，甚至功能比回复页还弱，做法也是一样的，只不过是少了对回复字段"Reply"和回复的时间字段"RDate"的更新，所以，很容易就能把编辑页做出来：

　　页面都做完了，赶快输入http://localhost/guestbook/测试一下：

　　怎么显示“尚无留言记录”？呵呵~~这就对了，我们自己填写第一条留言，点击"留言"进入填写留言页，输入：

　　提交后转到了留言板首页，看看辛苦这么久的劳动成果：

　　发现问题了吧？

　　1)页面被叹号撑大了
　　2)多个连续空格只显示一个
　　3)回车换行无效
　　4)HTML竟然直接解释显示
　　5)最可怕的是，在地址栏输入数据库的路径:http://localhost/guestbook/data.mdb可以直接下载数据库

　　幸好问题发现得早，既然发现问题，那就逐个解决：

　　1)修改 css.css 文件中的：

.thin {
border-collapse: collapse;
}

　　改为：

.thin {
border-collapse: collapse;
table-layout:fixed;
word-wrap:break-word;
word-break:break-all;
}

　　补充：因为IE6以下的浏览器对CSS的继承性支持不好，所以还需要修改 CSS 文件第一行的规则：

body,td,input,button,textarea{
font-family: Verdana, "宋体";

（阅读次数：）