用Dreamweaver MX 2004设计超简留言本(二)

dreamweaver|设计

  相关文章:用Dreamweaver MX 2004设计超简留言本

  接着昨天晚上的教程继续给大家讲解,前面做的留言本只能显示数据,让我们赋于它生命吧,让这个留言板把网友们互动起来,大家可以积极发言,讨论侃山。首先要做一个写留言的网页,为了简单化,我们把写入留言的网页和提交保存留言的网页分成两个,这样容易看懂,方便学员分析。

  我们先做写入留言的网页,静态或动态网页均可,不需要任何ASP代码,最好建个静态文件,这样浏览速度快,不增加服务器负担,也不是说全是ASP网页就好哦,有必要的时候该出手就出手!:)只需提供写留言的界面让网友填均可,新建write.asp,排版如下图:

  注意给各个文本域命名,最好和数据表里的各个字段相同,这样赋值的时候容易对应,不会出错。然后选中红色虚线的表单,在属性栏里action栏里填入save.asp,这是将来接收网友的留言并保存到数据库里,我们后面会接着做这个网页。如下图:

  写留言的表单页很简单,就这样制作完了,大家不要以为有多麻烦啊:)

  下一步我们开始制作接收网友留言并处理的网页,新建save.asp网页,将上次做的表单提交的网页名称要一致啊,不能随便命名了。在网页HTML标签的最上面加入以下红线框起来的代码,如下图:

  以上代码分几个段落,并说明了每一块代码的意思,都是通用的基本操作,比较简单,如果有点困难的话,先放一放,先学好ASP基础再说哦.注意在划红线的地方我们增加了两个函数使用.

  一个是Trim函数,是用来帮助我们除去不必要的空格符,有很多人习惯多打几个空格出来,我们用这个函数来去掉空格就行了。

  还有一个是Replace函数,我们在留言内容写了很多字,它到了边上会自动换行,或生成段落会生成回车符,这在提交前表单文本区域是正常的,但提交后数据库不能正常识别这两个特殊符号,在显示留言页只会生成一行,这可不得了啊,把表格撑得宽宽的,很不舒服。而Replace帮助我们来解决这个问题,它可以把文字段落里所有的自动换行符和回车符找出来(vbCrLf是自动换行符和回车符的代码),并自动转换为<br>字符串,这样HTML就可以正常解释了。

  提交保存留言页基本上就完成了,为了更加友好一点,表示提交成功,我们再多做一点工作,一切为了网友方便嘛!我们回到设计视图环境中,插入大表格在正中央,写入“留言成功!2秒后自动返回首页”,在返回首页加入链接到 index.asp网页里。如下图:

  提交成功后2秒钟后自动返回首页,是不是很难啊??其实一点都不难!用Dreamweaver自带的功能就轻松解决这个问题,我们操作如下图:

  会弹出对话框,如下图:

  按以上内容填好,就OK了,是不是太简单了,别太得意了啊!

  我们的发表提交留言页就到此结束了,大家是不是很激动,可以留言了,赶紧拉人来试试吧,猛灌水过把自己的瘾吧:), 这关我们顺利过了,就要一鼓作气做完其它的工作,就是回复页和删除页,有了以上的基础,就更加轻松了,相信我,是真的!

  上次做的留言板有了生命力,可以互动提交留言了,但不能这么泛滥下去,我们还要做个删除页,删除无用的垃圾,网上也需要环保哦。.

  废话少说吧,我们开始建删除页,命名为del.asp。切换到代码视图中,把所有的HTML标签全部删掉,加入如下代码,见下图:

  写完这些代码即完成了删除页的制作。让我们分析一下上面代码块的意思:

  代码第三行:是删除语句,WHERE后面跟的是条件语句,只删除接受传递过来ID值的数据,这个很关键,一定要设好,否则会把数据表里的全部字段全部清空了,这也太恐怖了吧。

  代码第四行:CONN对象执行DELESQL删除语句结果。

  代码第五行和第六行:关闭CONN对象并设为空释放资源。

  代码第七行:response.redirect是输出转向对象,表示删除后自动转向到首页去。

  接着我们还要再做回复页,总得有来有回嘛,否则别人再大的热情你不回复,也会冷却下来的。所以很有必要哦:),新建reply.asp网页,在设计视图里先排好版,如下图:

  注意红线的地方要加隐藏域,这样的目的是为了防止表单未提交但页面刷新却执行代码的错误,设置如上图.
  
  排好后再切换到代码视图里,定位到HTML标签的最上面,加入如下红线框起来的代码,见下图:

  以上代码块的意思有部分我已经在上面反复讲过了,不在重复了,如有不懂请在论谈提出来,我会补充的。这里我再说明一下回复的模块代码:

  代码第四行:定位回复的位置,WHERE后面跟的是回复条件,只接受我们传递过来的留言ID值,并赋值到当前的ID变量上,这样我们只会对当前回复的留言页来回复,这个很关键,不然都乱套了。

  代码第六行:用来判断是表单提交还是刷新页面,如果是提交表单,那么隐藏域的值肯定被提交,这样Request.Form("active")不为空,就执行以下回复语句.如果没提交表单,而是刷新页面,那么那么隐藏域的值没有提交,Request.Form("active")肯定为空,就跳过不执行。

  代码第八行:注意此代码前没有加rsedit.addnew,因为这是更新原有的记录,在原有的留言中在追加回复内容,而不是再添加一条新记录。

  回复的代码设置好,我们再回到设计视图环境中,先定位到要回复的留言旁边的单元格里,点击后再点属性栏里的edit编辑按钮,弹出编辑框后填写代码“rsedit("content")”确定即可。如下图:

  选中红色虚线表单,在action栏里填写如下:“reply.asp?id=<%=request("id")%>”,如下图:

  回复页我们也做好了,是不是完事了?先别激动,还有一件事呢,忘了给首页index.asp的删除和回复还有发表新主题这三个加链接了,那不是空谈嘛,赶紧补上吧!链接设置见下图:

  简留言本的教程就到此结束了,是不是非常简单?不知道大家收获怎么样?希望能反馈给我哦。在这里我把本教程的源代码提供出来,给大家一个方便,可以直接对照一下,祝你成功了!

  该留言本还可以更人性化一点!比如如果用户没有填写OICQ或是EMAIL地址就不显示出来!当然,回复和删除是要经过登录验证的!这些东西我相信是作者留下来让朋友们自行完成的!鼓励一下这篇不错的教程!

  点击这里下载留言本源程序

时间: 2024-08-02 19:07:01

用Dreamweaver MX 2004设计超简留言本(二)的相关文章

用Dreamweaver MX 2004设计超简留言本

dreamweaver|设计 初学者在学ASP的时候往往是无从学起,学理论的时候又太抽象不好懂,实践的时候又找不到合适的例子来分析练习,有时候找到一个源程序学习的时候,功能太繁杂,涉及到的ASP模块太多,也附带了不少的函数,这样使初学者一头雾水,知难而退,实际上ASP是比较容易掌握的,今天就是为了这个目的,剥茧抽丝做了一个非常简单的留言板,只有留言,删除和回复的功能,没有管理权限功能(站长登录,修改密码等).判断功能(表单验证等)及分页功能,简洁干炼,主要是为了初学者掌握最重要的知识,就是如何抓

Dreamweaver MX 2004设计留言本实战

dreamweaver|设计 9月份设计界最热的消息莫过于Macromedia公司的Studio MX 2004了,朋友们都很关心新版软件的新特性,那么就让我通过这个留言本的教程跟大家一起体验Studio MX 2004中的Dreamweaver MX 2004(以下简称DW2004)吧. 一.IIS(Internet 信息服务)安装配置 这里以Windows Server 2003(以下简称Win2003)为例.因为Win2003是服务器级的操作系统,所以自带有IIS6.0,其它版本的系统可以

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

dreamweaver|设计 9月份设计界最热的消息莫过于Macromedia公司的StudioMX2004了,朋友们都很关心新版软件的新特性,那么就让我通过这个留言本的教程跟大家一起体验StudioMX2004中的Dreamweaver MX 2004(以下简称DW2004)吧. 一.IIS(Internet 信息服务)安装配置 这里以WindowsServer2003(以下简称Win2003)为例.因为Win2003是服务器级的操作系统,所以自带有IIS6.0,其它版本的系统可以在添加或删除

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

dreamweaver|设计 按Ctrl+F9展开服务器行为面板,看那四项中的前三项前是否有勾号,如果没有就是相应项在定义站点是没设置好,重做DW的站点定义那一步,然后开始创建记录集,有三种方法: 1)在服务器行为面板上单击+号 2)在插入菜单上Insert>>Application Objects>>Recordset 3)在Application工具组里单击第一个图标: 因为我们还没连接过数据库,所以现在还需要定义连接数据库字符串.在弹出的Recordset对话框中单击如图45

Dreamweaver MX 2004视频宝典教程(19)

dreamweaver|教程 第 19 集:Dreamweaver设计面板组 课程目标:学会Dreamweaver设计面板组的使用. 课程要点:Dreamweaver MX 2004设计面板组包括CSS样式面板和层面板.本节将简要介绍两个面板的使用方法. [全屏观看] | [下载视频] |

Dreamweaver MX 2004 表格设计

dreamweaver|设计 Dreamweaver MX 2004的强大功能以及更加完善的人性化设置已经深受大家喜爱.在此笔者就谈谈该软件新版本中的表格设计. 表格在网页中的重要性不言而喻:网页的框架.结构都要通过合理的表格布局来完成和实现. 在Dreamweaver MX2004中(以下简称DW MX 2004),插入表格的界面和以前的对话框已经起了很大的变化(图1). 其中的Table Size虽然变化不大,但是下边新增加的功能着实方便了不少:例如新增加的表格标题.布局功能以及附加信息显示

DreamWeaver MX 2004专题

dreamweaver Dreamweaver MX 2004 CSS使用教程 [2005-03-06] 菜鸟学用Dreamweaver MX 2004行为教程 [2005-03-09] Dreamweaver MX 2004入门教程 [2005-03-11] Dreamweaver MX 2004从零开始教程 [2005-03-11] Dreamweaver MX 2004打造留言本详解 [2005-03-13] DreamweaverMX2004站点远程连接设置 [2005-02-25] 用

Dreamweaver MX 2004从零开始(3)

dreamweaver 用框架构建网页 我们登录一些论坛之后,可以看见左边是每个讨论区的名称,点击任意一个讨论区就可以在右部区域中看见相应讨论区的内容,不过左右部分是独立显示的,例如拖动左边的滚动条不会影响右侧的显示效果.其实这就是页面中利用了框架技术,因此可以把浏览器的显示空间分割为几个部分,每个部分都独立显示网页内容.而且把几个框架结合在一起构成框架集,能够让页面具有更为丰富的效果. 一.创建框架和框架集 第一步:在Dreamweaver MX 2004中新建一个页面,运行"View→Vis

Dreamweaver MX 2004从零开始(1)

dreamweaver 随着Internet的普及,很多人已经不满足于仅仅上网冲浪,而希望深入地参与其中.现在,拥有自己的Web网站已经成为一种潮流.虽然制作一个简单的网页并不困难,但是制作出超凡脱俗的网站就不那么容易了,因此我们特意为大家准备了最新网站设计软件Dreamweaver MX 2004的系列教程,希望对大家有所帮助. 通常在一个网站中会有几十甚至几百个风格基本相似的页面,如果每次都重新设定网页结构以及相同栏目下的导航条.各类图标就显得非常麻烦,不过我们可以借助Dreamweaver