Dreamweaver MX中表单应用技巧

   其实网络后台最基本的就应该是抓取数据库了,只有掌握好这方面的东西你才可以更加深入的学习。当然,我们只学习了DWMX的很少一部分,还有很多的行为(Server Behaviors)就要你自己去慢慢摸索了,我们所能做的就是带你进入MX的世界,要掌握更加深层的东西,就要看你的耐心和意志了。学习是快乐的,但也是痛苦的,尤其在你碰到问题没有办法解决的时候。

  从今天开始,我们要一起探讨一些技巧方面的东西,我们的技巧不是在操作上的,而是在后台应用上的,也就是asp的技巧。MX能够自动生成代码,相信大家已经觉得是一大飞跃了,尤其是对那些设计人员来说再也不是什么遥不可及的事情了。但是任何事物都有他的负面性,DWMX也不例外。

  首先:他生成的代码太多了,不是那么容易让初学者理解。很多时候我们完全可以用比较少的代码来替代他自动生成的代码。其次:他需要管理的页面也太多了,也就是说给web维护人员带来了比较大的麻烦,我们经常可以看到在行为对话框中有一个after **** go to ,就是手当我们完成此操作后跳转(小技巧:跳转也可以说是定向,asp代码是:Response.Redircet "newpage.asp" )到一个新的页面。其实他完全可以做到一个页面上,这样的好处是我们要维护的页面就少了,你可不要小看他,如果你能够很好的掌握这个技巧,那么你将可以少建30%的页面,的确是这样的,你不要吃惊。

  今天我们就来说说这方面的技巧:这里我们主要用到一个if…endif语句,这个我想大家都明白,具体怎么实现了?

  比如:我们要建立一个登录系统,用传统的DWMX做我们要两个页面,这是个很简单的东西,只要几行的代码?所以我决定把他并在一个页面里。

  编程思路:我们要建立登录系统,肯定要用到表单,在表单提交的时候我们用Request.form("name")来得到表单里的值,还有一个在客户机与服务器之间传递信息的方发就是Request.QueryString,他是和url一起传递的,就是我们经常看到的,http://www.cfsky.com/forum.asp?id=1。Id=1就是QueryString,我们可以用Request.queryString("id")来得到他的值。

  我们要实现的就是用if语句检查有没有Querystring,如果没有就在页面上生成表单,如果有就在页面上输出 "欢迎您,都市无情人" (小技巧:用Response.write "你想要输出的文字"可以输出,也可以用)

  在页面上建立基本的表单,名字为login.asp,大家注意:我们在

  的action属性中填写的是文件本身,后面还给了他一个url参数,这个参数就是用来控制页面中asp代码的执行的。代码如下:

  < html >

  < head >

  < title >Untitled Document< /title >

  < meta http-equiv="Content-Type" content="text/html; charset=gb2312" >

  < /head >

  < body >

  < form name="form1" method="post" action="login.asp?action=yes" >

  < p >

  < input type="text" name="textfield2" >

  < /p >

  < p >

  < input type="text" name="textfield" >

  < /p >

  < p >

  < input type="submit" name="发送" value="Submit" >

  < /p >

  < /form >

  < /body >

  < /html >

  下面我们来添加if控制语句:

  < html >

  < head >

  < title >Untitled Document< /title >

  < meta http-equiv="Content-Type" content="text/html; charset=gb2312" >

  < /head >

  < body >

  < % if Request.QueryString("action")="" then % >

  < form name="form1" method="post" action="login.asp?action=yes" >

  < p >

  < input type="text" name="textfield2" >

  < /p >

  < p >

  < input type="text" name="textfield" >

  < /p >

  < p >

  < input type="submit" name="发送" value="Submit" >

  < /p >

  < /form >

  < %

  else

  Response.write "欢迎你,都市无情人"

  End if

  % >

  < /body >

  < /html >

  当最初执行login.asp的时候,由于没有url参数,所以Request.QueryString("action")=""是空值,在页面上生成表单,当我们在页面上填写用户名字和密码时,提交表单,< form name="form1" method="post" action="login.asp?action=yes" >这时候,Request.QueryString("action")="yes",不是空,所以在页面上执行Response.write "欢迎你,都市无情人"

  看到没,我们就加了几行asp代码就把两个页面并到了一起,简单吧。当然这是个登录系统,还要校验用户输入的密码是否正确,这里就不在阐述了,因为用dwmx很容易作到,我们只讨论技巧,如果你要做个登录系统,先花两分钟时间用mx搞定,然后再在里面插入上面if语句就可以了。哈哈…

时间: 2024-08-01 19:23:12

Dreamweaver MX中表单应用技巧的相关文章

网页设计中表单应用技巧大放送

技巧|设计|网页|网页设计 我们在制作网页时或修改网页时,不管是动态网页还是静态网页都要用到表单这个元素,那么我们就有必要熟悉和了解表单的一些基础知识和一些常用的技巧!今天给大家收集一下本站内相关表单的文章以方便大家查阅表单的一些知识!这里基本上都全了!希望大家喜欢并且对大家有用! 熟悉常用表单格式的五点技巧 在线用表单建立文件夹 个性化表单五技巧 javascript表单之间的数据传递 判断表单中添加是否数字的JS与VBS代码 常用的表单提交判断函数 高级表单验证-针对多次提交表单 玩转表单之

Bootstrap中表单控件状态(验证状态)_javascript技巧

在制作表单时,难免要做表单验证.同样也需要提供验证状态样式,在Bootstrap框架中同样提供这几种效果. 1..has-warning:警告状态(黄色) 2..has-error:错误状态(红色) 3..has-success:成功状态(绿色) 使用的时候只需要在form-group容器上对应添加状态类名. <form role="form"> <div class="form-group has-success"> <label c

实战Dreamweaver MX技巧之超链接

在经过前面几个部分的操作之后,我们的网页已经图文并茂,具有相当的效果了,但是这对于网页来说还不够,为了网站中的众多网页能够成为一个有机的整体,必须将各个网页通过超链接方式联系起来,这样才能够让浏览者在不同的页面之间跳转.  一.链接图片和文字  为一些文字或者图片建立链接非常方便,只要用鼠标选中需要变成链接的图片或者文字,然后在属性面板的"Link"输入框中输入需要跳转的目标页面地址,或者按下输入框旁边的文件夹图标来选择需要跳转的文件.除此之外,Dreamweaver MX 2004还

Dreamweaver MX技巧之超链接

在经过前面几个部分的操作之后,我们的网页已经图文并茂,具有相当的效果了,但是这对于网页来说还不够,为了网站中的众多网页能够成为一个有机的整体,必须将各个网页通过超链接方式联系起来,这样才能够让浏览者在不同的页面之间跳转. 一.链接图片和文字 为一些文字或者图片建立链接非常方便,只要用鼠标选中需要变成链接的图片或者文字,然后在属性面板的"Link"输入框中输入需要跳转的目标页面地址,或者按下输入框旁边的文件夹图标来选择需要跳转的文件.除此之外,Dreamweaver MX 2004还提供

JavaScript获取页面中表单(form)数量的方法_javascript技巧

本文实例讲述了JavaScript获取页面中表单(form)数量的方法.分享给大家供大家参考.具体如下: 下面的JS代码通过document.forms数组获得网页中表单(form)的数量 <!DOCTYPE html> <html> <body> <h1>sharejs.com</h1> <form name="Form1"></form> <form name="Form2"

Dreamweaver MX Ultradev探索(5-1)

dreamweaver Dreamweaver MX Ultradev探索(5)删除数据库中的记录 继续我们的Dreamweaver MX之旅,在上一章里我们学习了如何使用DW MX自带的服务器行为更新数据库里的记录,大家应当还应记忆犹新吧.它强大的服务器行为可以在我们不用书写一行代码的情况下对数据库里的数据库进行操作,比如说前面提到的插入,更新,删除等.在这一章里,我们将学习如果用DW MX对数据库里的记录进行删除. 先说说它的基本概念吧.:) WEB应用中可能包含允许用户通过浏览器来删除数据

Dreamweaver MX 2004做ASP程序

dreamweaver|程序 最近论坛和QQ里总有人问,"我要学习ASP但是不知道从哪里学起?有没有初级入门的教程?",其实本站中已经有好多关于ASP的教程了而且还有相关的书籍提供大家下载,可能是没看到的原因吧?从今天开始我编写个教程教你一步一步学习ASP,在这里我们使用可视话的编程工具Dreamweaver MX 2004来实现开发ASP程序,在以后我将陆续给大家介绍如何开发ASP.NET.PHP,JSP.本教程写得比较简单,上手应该比较容易,大家跟着一步一步做就行了.我的操作系统是Win X

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

dreamweaver|设计 相关文章:用Dreamweaver MX 2004设计超简留言本 接着昨天晚上的教程继续给大家讲解,前面做的留言本只能显示数据,让我们赋于它生命吧,让这个留言板把网友们互动起来,大家可以积极发言,讨论侃山.首先要做一个写留言的网页,为了简单化,我们把写入留言的网页和提交保存留言的网页分成两个,这样容易看懂,方便学员分析. 我们先做写入留言的网页,静态或动态网页均可,不需要任何ASP代码,最好建个静态文件,这样浏览速度快,不增加服务器负担,也不是说全是ASP网页就好哦

用Dreamweaver MX 2004设计超简留言本

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