|
相关文章：用Dreamweaver MX 2004设计超简留言本
接着昨天晚上的教程继续给大家讲解，前面做的留言本只能显示数据，让我们赋于它生命吧，让这个留言板把网友们互动起来，大家可以积极发言，讨论侃山。首先要做一个写留言的网页，为了简单化，我们把写入留言的网页和提交保存留言的网页分成两个，这样容易看懂，方便学员分析。
我们先做写入留言的网页，静态或动态网页均可，不需要任何ASP代码，最好建个静态文件，这样浏览速度快，不增加服务器负担，也不是说全是ASP网页就好哦，有必要的时候该出手就出手！：）只需提供写留言的界面让网友填均可，新建write.asp，排版如下图：
注意给各个文本域命名，最好和数据表里的各个字段相同，这样赋值的时候容易对应，不会出错。然后选中红色虚线的表单，在属性栏里action栏里填入save.asp，这是将来接收网友的留言并保存到数据库里，我们后面会接着做这个网页。如下图：
写留言的表单页很简单，就这样制作完了，大家不要以为有多麻烦啊：）
下一步我们开始制作接收网友留言并处理的网页，新建save.asp网页，将上次做的表单提交的网页名称要一致啊，不能随便命名了。在网页HTML标签的最上面加入以下红线框起来的代码,如下图:
以上代码分几个段落，并说明了每一块代码的意思，都是通用的基本操作，比较简单，如果有点困难的话，先放一放，先学好ＡＳＰ基础再说哦．注意在划红线的地方我们增加了两个函数使用.
一个是Trim函数，是用来帮助我们除去不必要的空格符，有很多人习惯多打几个空格出来，我们用这个函数来去掉空格就行了。
还有一个是Replace函数，我们在留言内容写了很多字，它到了边上会自动换行，或生成段落会生成回车符，这在提交前表单文本区域是正常的，但提交后数据库不能正常识别这两个特殊符号，在显示留言页只会生成一行，这可不得了啊，把表格撑得宽宽的，很不舒服。而Replace帮助我们来解决这个问题，它可以把文字段落里所有的自动换行符和回车符找出来（vbCrLf是自动换行符和回车符的代码），并自动转换为<br>字符串，这样HTML就可以正常解释了。
提交保存留言页基本上就完成了，为了更加友好一点，表示提交成功，我们再多做一点工作，一切为了网友方便嘛！我们回到设计视图环境中，插入大表格在正中央，写入“留言成功！2秒后自动返回首页”，在返回首页加入链接到 index.asp网页里。如下图：
提交成功后2秒钟后自动返回首页，是不是很难啊？？其实一点都不难！用Dreamweaver自带的功能就轻松解决这个问题，我们操作如下图：
会弹出对话框，如下图：
按以上内容填好，就OK了，是不是太简单了，别太得意了啊！
我们的发表提交留言页就到此结束了，大家是不是很激动，可以留言了，赶紧拉人来试试吧，猛灌水过把自己的瘾吧：）， 这关我们顺利过了，就要一鼓作气做完其它的工作，就是回复页和删除页，有了以上的基础，就更加轻松了，相信我，是真的！
上次做的留言板有了生命力，可以互动提交留言了，但不能这么泛滥下去，我们还要做个删除页，删除无用的垃圾，网上也需要环保哦。.
废话少说吧，我们开始建删除页，命名为del.asp。切换到代码视图中，把所有的ＨＴＭＬ标签全部删掉，加入如下代码，见下图：
写完这些代码即完成了删除页的制作。让我们分析一下上面代码块的意思：
代码第三行：是删除语句，WHERE后面跟的是条件语句，只删除接受传递过来ID值的数据，这个很关键，一定要设好，否则会把数据表里的全部字段全部清空了，这也太恐怖了吧。
代码第四行：CONN对象执行DELESQL删除语句结果。
代码第五行和第六行：关闭CONN对象并设为空释放资源。
代码第七行：response.redirect是输出转向对象，表示删除后自动转向到首页去。
接着我们还要再做回复页，总得有来有回嘛，否则别人再大的热情你不回复，也会冷却下来的。所以很有必要哦：），新建reply.asp网页，在设计视图里先排好版，如下图：
注意红线的地方要加隐藏域,这样的目的是为了防止表单未提交但页面刷新却执行代码的错误,设置如上图.
上一篇:Dreamweaver精细化你的表格外观
下一篇:DreamweaverMX2004 多媒体教程（106）
|
精品推荐