首页 | 软件中心 | Designand Inspiration
读库教程网 > 网络教程 > 网站建设 > DreamWeaver > 菜鸟学用DreamWeaver做ASP

菜鸟学用DreamWeaver做ASP

添加:2010年2月27日

    原作者:cnbruce

按照步骤来,

第一步:服务器配置篇

1,打开计算机,在D盘下建立一文件夹newgn(这个夹子就是你的站点存放点了),并且在里面建多个子文件夹(就好似你站点的子目录)

菜鸟学用DreamWeaver做ASP[组图]图片1 

 

2,回到newgn的根目录,右键挑选"共享和安全"(本来是高速地建立虚拟目录)

菜鸟学用DreamWeaver做ASP[组图]图片2 

 

3,出现属性对话框后,挑选"Web共享"标签,点选"共享文件夹",出现共享别名对话框,挑选默然配置,确定即可。

菜鸟学用DreamWeaver做ASP[组图]图片3 

 

 

菜鸟学用DreamWeaver做ASP[组图]图片4 

 

4,补充表明。本来配置Web共享就是配置IIS的虚拟目录。你能够查看到IIS中默认站点中已经有了newgn(附注:偶的OS是win2003的,本来有关IIS的操作一回事。如: win2K里面打开IIS---本地计算机---默认站点)

菜鸟学用DreamWeaver做ASP[组图]图片5 

 

5,以上步骤完成了建站,设虚拟目录,下面就是把Dreamweaver打开了。第一步就是"编辑站点"了

菜鸟学用DreamWeaver做ASP[组图]图片6 

 

6,挑选"编辑站点",在弹出的属性框中选"高级"标签,从"分类"中先选"本地信息",右窗口中配置站点名称(随便输入,但自身要清楚其代表的意思,推选和你站点的根文件名同),本地根文件夹(这时刻就指向到咱们在步骤1中建的文件夹了)。

菜鸟学用DreamWeaver做ASP[组图]图片7 

 

7,然后配置远程信息,访问挑选"本地/网络",远端文件夹仍挑选咱们的站点文件夹d:\newgn\

菜鸟学用DreamWeaver做ASP[组图]图片8 []

 

8,再接着"测试服务器","服务器模型"暂为ASP Javascript,"访问"本地/网络,"测试服务器文件夹"仍是咱们的站点文件夹d:\newgn\,"URL前缀"在http://localhost后面添加"newgn/",添加的东西就是咱们步骤3中配置的虚拟目录

菜鸟学用DreamWeaver做ASP[组图]图片9 

 

9,这时,站点解释基本结束,点击确定。出现"编辑站点"对话框,"完成"即可。

菜鸟学用DreamWeaver做ASP[组图]图片10 

 

10,此时DW的站点属性框中就将d:\newgn\内所有内容映射过来,在此须要提醒的是:DW中建好了站点连接,就可直接在DW中对其对应的文件、文件夹操作,最好不要回到我的计算机d:\newgn\里面去操作。【 能在DW中操作的,尽量不要离开DW的编辑环境 】

剩下的就是新建一asp页面,详细实现怎样的功能,呵呵,待续。。。

第二步:数据库配置篇

1,最先确认站点根目录下有专门的数据库存放目录,比如d:\newgate下面的database文件夹(有则Ok,无则新建)。

接着打开Microsoft Access DBMS,"文件"---"新建..."数据库,在弹出的对话框中挑选存放路径并命名。

菜鸟学用DreamWeaver做ASP[组图]图片11 

 

2,在新建的数据库中"运用设计器建立表",弹出的"表1"中设计你的有关字段,留心各自的"数据类型",还有一点很主要:字段ID,类型自动编号,并挑选它定为主键。

菜鸟学用DreamWeaver做ASP[组图]图片12 

 

3,设计完"表1"后,直接关上该窗口,在弹出对话框中点击"是"保存"表1"命名为user。

菜鸟学用DreamWeaver做ASP[组图]图片13 

 

此时一点须要提到:刚刚强调的配置字段id有关是必须的,否则在保存之后还会出现如下对话框,其成效仍旧配置类型是自动编号的主要字段。

菜鸟学用DreamWeaver做ASP[组图]图片14 

 

4,这时刻数据库表user已经建立完毕。

菜鸟学用DreamWeaver做ASP[组图]图片15 []

 

5,双击数据库表user,小添试一下,在弹出的user表中输入有关内容。关上保存。

菜鸟学用DreamWeaver做ASP[组图]图片16 

 

至此对数据库、表、字段的建立保存工作完毕。下面就开始动用DW操纵mdb文件了。

第三步:数据库显示篇

站点建了,DW也维护了,数据库表也建了,还小添了一下。那下面就开用DW还算强悍的功能:连接数据库并且显示纪录。

1,打开DW,在站点里面先新建个ASP页面(index.asp)。 在"使用程序"面板中选中"数据库"标签。只要咱们在前面建立了站点,挑选了文档类型(即咱们选的ASP Javascript的),并且还测试了服务器(http://localhost/newgn/);则当前咱们看到就剩下第四步没有打勾了。

那现在就点击"+"号,挑选"自解释连接字符串"。

菜鸟学用DreamWeaver做ASP[组图]图片17 

 

2,在弹出来的"自解释连接字符串"对话框中,"连接名称"随便写一个。"连接字符串"就要好好填写了。当"运用此计算机上的驱动程序"时使用绝对路径:DRIVER={Microsoft Access Driver (*.mdb)};DBQ=d:\newgn\database\cnbruce.mdb 否则"运用测试服务器上的驱动程序"采用Mappath转换路径 :"Driver={Microsoft Access Driver (*.mdb)};DBQ="& server.mappath("/newgn/database/cnbruce.mdb") 注:假如将要上传到网上去的页子就能够直接采用Mappath了。

菜鸟学用DreamWeaver做ASP[组图]图片18 

 

 

菜鸟学用DreamWeaver做ASP[组图]图片19 

 

点击"测试",出现成功即爽。

菜鸟学用DreamWeaver做ASP[组图]图片20 

 

 

菜鸟学用DreamWeaver做ASP[组图]图片21 

 

附注:须要更多明白的,能够打开DW的帮助教程。

菜鸟学用DreamWeaver做ASP[组图]图片22 []

 

3,成功连接数据库后,在DW里本来是自动生成了一个连接文件。位置在自动生成的Connections文件夹中,名称是你刚才在"自解释连接字符串"随便敲的为命名asp文件。还能够留心到DW数据库标签内看到mdb文件内的各个字段。

菜鸟学用DreamWeaver做ASP[组图]图片23 

4,连接数据库的文件是有了,但下面咱们详细的单个页面如何和数据库挂钩呢。挑选"绑定"标签,添加"记载集(查询)"。单看字面意思就知晓是来SQL查询语句了。

菜鸟学用DreamWeaver做ASP[组图]图片24 

 

5,在弹出的"记载集"窗口中,"名称"随便写个吧,也可不写,默认的。但"连接"就要从下拉列表中挑选你解释的连接对象了,"表格"继续下拉挑选(注:这和设计数据库的时刻有几张表有关的)。

菜鸟学用DreamWeaver做ASP[组图]图片25 

 

6,其它随便看下,本来最首要的是自动生成了SQL语言,点选"高级...",能够看到如下图

菜鸟学用DreamWeaver做ASP[组图]图片26 

 

7,确定后,你会发觉记载集已经绑定,所有数据库中的字段都显现出来。

菜鸟学用DreamWeaver做ASP[组图]图片27 

 

再留心下面有"插入"按钮,完全能够将某个字段选中,或按按钮或拖动到index.asp页面即可。该asp页面就显示数据库里面内容了。但只好显示首行的,要想所有显示。。。。Next

8,"插入"工具栏"使用程序"标签中挑选"动态表格"。

菜鸟学用DreamWeaver做ASP[组图]图片28 

 

9,弹出的动态表格中挑选已经帮定的记载集,显示几条记载明白说就是分页程序的生成:数据的记载多,内容多,就分好几页来显示,每页几条。记载是用表格自动生成显示出来的,再设下表格的属性。

菜鸟学用DreamWeaver做ASP[组图]图片29 

 

确定后成效如下:

菜鸟学用DreamWeaver做ASP[组图]图片30 []

 

10,能够告诉你,基本差不多了。F12看看成效

菜鸟学用DreamWeaver做ASP[组图]图片31 

 

 

菜鸟学用DreamWeaver做ASP[组图]图片32 

 

那么现在暂搞一段落,你已经学会如何连数据库,如何显示库表中的记载了。等待你的就是下面如何插入新的记载,如何修改记载等等。。。。

第四步:注册系统篇

1, 在站点里右键新建一文件regist.asp用来做注册页面;同样,因为在此之前已经建了和数据库连接的文件conn.asp,该文件是全站点有效的。所以在你新建的regist.asp中的"使用程序"----"数据库"标签里面就自动有了"conn"。这一步是只要开始做第一步,以后都不要添加的(除非要连另外的数据库)。

菜鸟学用DreamWeaver做ASP[组图]图片33 

 

2,接着仍旧老规矩,切换到"绑定"标签,添加记载集。(我想应该这几步很上手吧)添加好了以后的画面依然是老面孔。

菜鸟学用DreamWeaver做ASP[组图]图片34 

 

3,在regist.asp页面做个很基本的表单页,内容以及form表单名最好和数据库表里的字段对应。

菜鸟学用DreamWeaver做ASP[组图]图片35 

 

4,在代码标签处挑选"form"表单标记,最首要为下一步插入记载做准备。始终留心要对某块配置有关属性动作的时刻,必须要选中它。

菜鸟学用DreamWeaver做ASP[组图]图片36 

 

5,切换到"服务器行为"标签,因为先前已在第2步中绑定了记载集,所以该标签内容中也已有记载集这一项,这很正常。但咱们要的是插入记载,继续按"+",挑选"插入记载"。

菜鸟学用DreamWeaver做ASP[组图]图片37 

 

6,在弹出的"插入记载"对话框中。"连接"选你所建; "插入到表格"顺其自然; "插入后,转到"意思是注册成功以后要跳转到某页提示,先写 个,但要记得立即要建这个页面; "获取值自"就是刚刚挑选的Form名了;"表单元素"中的"name插入到列中name",意思是表单中 name输入框中的内容插入到数据库表name字段中。

[]

这时明白为什么在步骤3中"内容以及form表单名最好和数据库表里的字段对应"了吧,DW自动智能插入,否则你得一个一个点选。

菜鸟学用DreamWeaver做ASP[组图]图片38 

 

7,确定以后,注册系统已经完成了大半。(我正常到此的时间是1分钟不到,最首要的是多多练习)但再想想注册系统是不是不准许重名呢?那就要继续添加一些内容。

在"服务器行为"中继续按"+","用户身份验证"中选"检验新用户名"。

菜鸟学用DreamWeaver做ASP[组图]图片39 

 

8,同样在弹出的"检验新用户名"对话框中,用户名字段挑选"name"示意不得重名注册,当然也能够挑选其他的,比如email,意思就是同个emai只好注册一个。"假如已存在,则转到"示意假如有重复的现象该如何办呢?那就跳到一个出错页面提示。当然这页也还没建,先写个文件,和刚才的registok.html一样记得立即补上去。

菜鸟学用DreamWeaver做ASP[组图]图片40 

 

9,做一些细节性的动作,比如表单里面哪些必须添啊,哪些必须要是数字啊,email地址要包含一个@和两个"."号啊等等。留心先挑选"提交"按钮。"设计"面板"行为"中挑选"检测表单"。弹出的对话框中就能够很轻易的点取配置了

菜鸟学用DreamWeaver做ASP[组图]图片41 

 

 

菜鸟学用DreamWeaver做ASP[组图]图片42 

 

10,再做下刚刚没有的两个页子吧:registok.html和registbad.html

registok.html页面内容大概是:注册成功,请登录(当然登录系统是下一篇我要写的)。

registbad.html页面内容大概就是:呵呵,对不起,有这个用户了,仍旧麻烦你重新注册下。返回!

还有留心下,把"密码提示疑问"和"密码提示答案"也填下,以后讲到"找回密码系统"的时刻会用到。

菜鸟学用DreamWeaver做ASP[组图]图片43 

 

 

菜鸟学用DreamWeaver做ASP[组图]图片44 

 

 

菜鸟学用DreamWeaver做ASP[组图]图片45 []

 

注册系统就到这边吧,首要是插入记载,并且验证的不重名成效。呵呵,登录系统编写中。。。

第五步:登陆系统篇

1, 在站点里右键新建一文件login.asp用来做登录页面;同样,之前已经建了和数据库连接的文件conn.asp。所以在你新建的login.asp中的"使用程序"----"数据库"标签里面就自动有了"conn"。

菜鸟学用DreamWeaver做ASP[组图]图片46 

 

2,和注册页面一样,都须要到"使用程序"面板的"绑定"标签下"+"记载集。弹出窗口中挑选完毕后点击"测试",能够看到当前数据库中满足SQL条件的有关记载。

菜鸟学用DreamWeaver做ASP[组图]图片47 

 

 

菜鸟学用DreamWeaver做ASP[组图]图片48 

 

注:该图显示表明数据库中的有关内容,name:cnbruce,pwd:123456和name:cnrose,pwd:123456。记得它,能够在咱们测试登录的时刻用到。

3,在登录页中做了Form表单,并对输入文本框实行合理命名。

菜鸟学用DreamWeaver做ASP[组图]图片49 

 

4,点选form标记,设计页中整个表单被选中。

菜鸟学用DreamWeaver做ASP[组图]图片50 

 

5,挑选"使用程序"面板中"服务器行为"中"+"----"用户身份验证"----"登录用户"。

菜鸟学用DreamWeaver做ASP[组图]图片51 

 

6,弹出的对话框中实行详细的配置。"从表单获取输入"意思是从本asp页面中挑选详细的form表单,以及该表单中的所必有的用户名字段和密码字段。

"连接验证"示意议决conn文件和数据库表实行连接设定。挑选"user表格",用户名列表和密码列表即数据库中的特定用户名字段和密码字段。很清楚,让库中的字段的内容和表单中提交的内容实行验证比较连接。

"登录成功,转到"loginok.asp,该页面是一权限页面,只有当登录完全正确的时刻才能进入。否则是登录失败,转到loginbad.html。

菜鸟学用DreamWeaver做ASP[组图]图片52 []

7,确定后,login.asp基本完成。切换到login.asp的代码窗口,留心!已经生成了用户的局部变量Session:"Session("MM_Username"= MM_valUsername"。该变量能够全站采用的。

菜鸟学用DreamWeaver做ASP[组图]图片53 

 

8,新建一loginok.asp,其是一个保卫页面,只有当用户密码正确登录后才会进入。否则跳转到loginbad.html(登录失败,可能原由是用户名或密码错。)打开loginok.asp,"使用程序"---"绑定"---"阶段变量"

菜鸟学用DreamWeaver做ASP[组图]图片54 

 

9,弹出的阶段变量对话框中,根据第7步的代码显示,名称输入MM_Username句即可。

菜鸟学用DreamWeaver做ASP[组图]图片55 

 

10,挑选建立起来的"MM_Username",按下"插入"按钮或者拖入页中。能够让不一样用户进入时动态显示其对应的姓名。

菜鸟学用DreamWeaver做ASP[组图]图片56 

 

11,再为loginok.asp做下权限限定,意思是你能够知晓http://localhost/newgn/loginok.asp,但你单纯在地址栏输入绝对是进不了的,或者用户密码不正确也是进不了的。那该如何实现这样的成效呢?

"服务器行为"---"身份验证"---"限定对页的访问"就OK了。

菜鸟学用DreamWeaver做ASP[组图]图片57 

 

12,按"用户名和密码"实行限定,拒绝则跳转到"loginbad.html"

菜鸟学用DreamWeaver做ASP[组图]图片58 

 

13,有关loginok.asp基本配置完毕,感觉仍旧蛮麻烦的,不过按步骤来会好许多,呵呵。

Now,还有个loginbad.html再全力一下。很基本,登录失败跳转到该页,非法登录也同样跳到本页,内容很基本。

1,你注册了吗?没有的话来登记下吧!

2,你是不是忘了什么东西了,返回仔细填下哦。

14,差不多了,调试一下。当然先从login.asp开始,填写个正确的看看。

测试:

先用name:cnbruce,pwd:123456

菜鸟学用DreamWeaver做ASP[组图]图片59 []

 

留心后面的name是cnbruce

菜鸟学用DreamWeaver做ASP[组图]图片60 

 

再用name:cnrose,pwd:123456

菜鸟学用DreamWeaver做ASP[组图]图片61 

 

留心,同样是loginok.asp,但显示的人姓名不一。

菜鸟学用DreamWeaver做ASP[组图]图片62 

 

再随便敲个http://localhost/newgn/loginok.asp看看,其自动跳转到loginbad.html。

菜鸟学用DreamWeaver做ASP[组图]图片63 

 

即日就把登录系统好好做下,就够你用时间的了。

还有,再把前面的多多复习,直到闭着眼睛一气呵成到登录系统。

嘿,说实话,我以前做了不下50遍,现在虽搁了今3个月,但一样很上手。

那多练啊,打基本啊,呵呵!

下一篇:查找密码系统。。。

第六步 查找密码系统

1,建立第一个页面 1.asp,其首要作用是让查找密码的朋友输入其用户名,很基本的页面:一个name文本输入框,和一个submit提交按钮。

菜鸟学用DreamWeaver做ASP[组图]图片64 

 

2,1.asp中选form标记,在相应的属性框中,"动作"填写2.asp,"要领"采用post。

菜鸟学用DreamWeaver做ASP[组图]图片65 

 

3,保存1.asp,在站点里面新建2.asp,并打开它。

该页的作用有两个:

1,判断上一页,即1.asp所填写名字在数据库中能无法存在。

2,不存在应提示出错,存在则应将该用户的疑问(question)字段内容显示。

详细如何实现呢?

4,2.asp上数据库已经连好。老要领,先绑定记载集("使用程序"面板--"绑定"标签下"+""记载集(查询)")。在弹出的"记载集"中就要好好配置了。最首要的就是"筛选",挑选"name" "=" "表单变量" "name"。

意思是,要显示数据库表中字段name的内容,得有个条件,那就是:从上一页(1.asp)中书写的name表单内容要和库中的字段name值相等。

菜鸟学用DreamWeaver做ASP[组图]图片66 []

 

5,本来切换到"高级"就能够看到自动生成的SQL代码,其中就有requeset.form("name"),意思就是把1.asp文本框中输入的值接受过来。

菜鸟学用DreamWeaver做ASP[组图]图片67 

 

6,在2.asp页面敲入不存在该用户的提示语言"嘿嘿,这个用户还没有注册,所以你就没必要找密码了。"

换行再敲入存在该用户的语句。但与此同时还要留心把密码疑问SHOW出来,以及疑问的答案做成文本框。

菜鸟学用DreamWeaver做ASP[组图]图片68 

 

7,选中2.asp的form标签,属性面板中动作填写3.asp,要领采用post。3.asp首要就是用来判断疑问和答案能无法吻合,如吻合则显示正确密码了。留心!是疑问和答案在一起。而咱们当前只有答案能够传过去,那咱们的疑问该如何传到3.asp呢?

菜鸟学用DreamWeaver做ASP[组图]图片69 

 

8,在"你的密码疑问是:"后面插入光标,然后从"绑定"的"记载集"中挑选"question"插入或者直接拖入到页面。留心!这还只是显示给用户密码疑问,是无法将此信息传过去的。那如何样才能够呢?

菜鸟学用DreamWeaver做ASP[组图]图片70 

 

9,咱们采用"潜藏域"来传送question的值。插入一"潜藏域"(PS:有人不会插入吗?呵呵),对"潜藏域"的属性实行修改:"潜藏区域"名称就叫"question"吧,"值"点击后面的闪电图标,弹出对话框中挑选"question"。已经完成对"潜藏域"question的赋值,同样也能够实行传递。

菜鸟学用DreamWeaver做ASP[组图]图片71 

 

10,剩下的就是把2.asp中的两部分严格分开了。

选中"嘿嘿,这个用户还没有注册,所以你就没必要找密码了。"这段文本。

"使用程序"面板"服务器行为""+""显示区域""记载为空则显示区域"。

弹出对话框中挑选刚刚建立的recordset1即可。

意思很清楚:假如没有找到满足SQL语言查询的记载集就显示该行不正确提示。

菜鸟学用DreamWeaver做ASP[组图]图片72 

11,同样,挑选form表单,"使用程序"面板"服务器行为""+""显示区域""记载[]不为空则显示区域"。

弹出对话框中挑选刚刚建立的recordset1即可。

意思也很清楚:假如有满足SQL语言查询的记载集就显示疑问和答案书写框。

最后成效页应该如下:

菜鸟学用DreamWeaver做ASP[组图]图片73 

 

总算把2.asp完成了。总结下,该页首要起承上启下的作用。先要判断有没有这个用户,假如有,还有把密码疑问显示出来,并要能传送到下一页3.asp

12,那3.asp就要判断2.asp过来的密码疑问以及答案能无法和数据库中的吻合了。

又有两个作用:不吻合,表明密码答案错,返回上页再来!吻合,那就规规矩矩地给人家密码吧,呵呵。

不过有了做2.asp的体会,做3.asp还不是小菜一碟!

13,保存2.asp,在站点新建3.asp并且打开它。老规矩,绑定记载集("使用程序"面板--"绑定"标签下"+""记载集(查询)")。

在弹出的"记载集"中就要值得你要留心留心了。

"筛选",挑选"question" "=" "表单变量" "question"

菜鸟学用DreamWeaver做ASP[组图]图片74 

 

14,但你有没有留心到,咱们要传送两个值给3.asp接受的,但现在只好一个实行挑选。那该如何办呢?切换到"高级"SQL的有关代码。咱们要稍加添加。

SQL结构查询语言会一点,模仿能力强一点,呵呵就过来了!

"变量"添加一个"MMAnswer","运行值"当然就是"request.form("answer")"了

然后把SQL语言加一下and answer = 'MMAnswer'

看SQL的意思就明白了:必须要求 question and answer和数据库表中两字段的值吻合。

菜鸟学用DreamWeaver做ASP[组图]图片75 

 

15,接着,象做2.asp样高速设计3.asp

页面上书写不吻合的语句"呵呵,你的疑问答案不是这个吧,要不回去再试试? "并且选中后,同样是"使用程序"面板"服务器行为""+""显示区域""记载为空则显示区域"。

接着是吻合的情况,"你的密码是:"的后面,从"绑定""记载集"中挑选"pwd"插入或者直接拖入到页面;

并且还要选中该部分,"使用程序"面板"服务器行为""+""显示区域""记载不为空则显示区域"。

菜鸟学用DreamWeaver做ASP[组图]图片76 

 

16,保存3.asp,大功告成!来调试下。

菜鸟学用DreamWeaver做ASP[组图]图片77 []

 

 

菜鸟学用DreamWeaver做ASP[组图]图片78 

即日首要就是页面之间的关联,还有对SQL的一点运用,以及根据记载显示区域等等。

要好好整理楚其原理和逻辑顺序。

第七步:修改资料篇

修改资料!最先要清醒一点,什么人才能够修改。

一,本人只好修改自身的;二,维护员能够修改所有人的。

那即日先来搞个能够修改自身资料的页面。

顺序是:先确认是正确登录,然后才是自身的资料出现,再接着你才能够修改,对吧。

还记得---菜鸟也学DW做ASP。(登录系统篇)

这里面的loginok.asp页面还在的吧。不在也不要紧。再做一遍,当作练习的。

好了吧。loginok.asp首要是私人信息页面,不一样的用户显示不一样的信息。

这个页要留心的:是一保卫页面,要添加"限定对页的访问"的;当然相信你已经做了。

那接着就是显示记载,来!动手了!

1,loginok.asp中"使用程序"面板"绑定"标签"+""记载集"。

2,弹出的对话框中,好好配置下!首要是筛选那块:"name""=""阶段变量""MM_username"。

菜鸟学用DreamWeaver做ASP[组图]图片79 

 

3,切换到"高级..."本来就是生成了SQL:SELECT * FROM user WHERE name='MMColParam' ,并且MMColParam是一变量,运行的时刻被赋上Session("MM_username")值。

很好理会,loginok.asp所绑定以及要显示的记载,有一条件:就是按WHERE后面的去找。

不愁找不到!因为只有当Session("MM_username")不存在才找不到。

而假如Session("MM_username")不存在那表明这家伙根本还没有正确登录。

呵呵,有点像鸡和鸡蛋的疑问。

菜鸟学用DreamWeaver做ASP[组图]图片80 

4,本来,这个时刻你只要挑选"使用程序"--"更新记载表单"就能够做咱们的修改了。

但私人体会,先不去用这个,采用其它的要领同样能够,并且还能学到更多的知识。何乐而不为?

菜鸟学用DreamWeaver做ASP[组图]图片81 

 

5,下面,那就跟我来。再让你学一手主细致页面的打造。

有关主细致页,顾名思义。先来个笼统的显示(首要的),对哪个感兴趣,常会来个"详情请进"。

[]

当然在这个页子里面是没有多大用处的,因为主来详去就你一个用户信息。

但假如是维护员的页面呢?对这个用户详细查看一下就要用到了。

菜鸟学用DreamWeaver做ASP[组图]图片82 

 

6,在弹出的对话框中,"记载集"Recordset1无需理会,"主页字段"意思就是在主页面上要显示的字段信息。

因为是主,其他不要显示的字段就一个个按"-"删除吧,主得只剩下大名name。

那下面的连接到细致信息就只有挑选"name"了。

"传递独一键"就选自动编号ID吧,当然其他的也能够选,但必须要确认你所选的在数据库表中必须要有内容。比如一些人注册的时刻QQ号码不必须写,那这时刻你就无法选oicq做为"传递独一键"

(所谓"传递独一键",就是asp中传递URL参数值。君不见xxx网址是http://www.cnbruce.com/blog/showlog.asp?cat_id=27&log_id=219,那"?"后面的是什么玩意,cat_id就是参数,27就是值,当然后面不光只要一个参数,多个参数就用&连起来。当然这些东西,学asp的都知晓了。DW做,呵呵,不要理会这么多,但你必须要学。)

然后是"细致页名称",因为还没有做,当然推选你先不做,为什么?自有玄机!

就先命名个"xiangxi.asp"吧。

"细致页字段"就不改吧。好!确定。

菜鸟学用DreamWeaver做ASP[组图]图片83 

7,确定后,一段时间的等待,突然发觉,DW自动生成了xingxi.asp(刚才玄机所在)。不光页面内容生成,连"记载集"也绑定好了,动态文本也添加了。(真是服务周到)

菜鸟学用DreamWeaver做ASP[组图]图片84 

 

8,再看看loginok.asp。有不少东西,看得眼睛发呆,这些大都是和xiangxi.asp实行挂钩连接用的,不是垃圾,甭怕,呵呵。

菜鸟学用DreamWeaver做ASP[组图]图片85 

9,然后做什么事呢?回到xiangxi.asp吧。咱们要修改资料,那得有些文本的框框让我填写啊。那这时刻就有个死要领,先选中整个表格,ctrl+x把表格给剪了。立马回到表单工具部分,插入表单,在出来的虚线框中ctrl+v粘贴过来。

菜鸟学用DreamWeaver做ASP[组图]图片86 

10,接下来,添加文本框。先把{Recordset1.xxx}一个一个删掉,只留下一个ID和name因为这两个不须要修改,也无法修改!

其余的,换成对应的文本框,留心[]"文本域"打上对应的名字。

在对表格加一行,添加两个按钮。

菜鸟学用DreamWeaver做ASP[组图]图片87 

 

11,再想想,那些文本框里面是不是空的,正常修改资料的时刻还会显示到原有的信息的。所以,选中表单。"使用程序""绑定""记载集"中相应的字段。

菜鸟学用DreamWeaver做ASP[组图]图片88 

 

或者,采用文本框的属性里面配置原始值,点动态闪电图标,弹出对话框中挑选对应字段。

菜鸟学用DreamWeaver做ASP[组图]图片89 

 

12,好了以后,选中form表单。。"使用程序"--"服务器行为"--"+"--"更新记载"

菜鸟学用DreamWeaver做ASP[组图]图片90 

13,弹出窗口中,通常默认。"在更新后,转到:"老规矩先写个xiugaiok.html,以后再来建。

菜鸟学用DreamWeaver做ASP[组图]图片91 

14,当然,该页还没有结束,要添加"服务器行为"--"用户身份验证"--"限定对页的访问",首要仍旧起保卫作用,无法随便就能进入的。

结尾在把xiugaiok.html做下了,大体内容:修改成功!返回loginok.asp。

基本完成,能够调试了。先从loginok.asp开始。因为是第一次打开窗口,根本没有登录,所以loginok.asp回自动转向到loginbad.html

菜鸟学用DreamWeaver做ASP[组图]图片92 

返回到login.asp,一路填下去

菜鸟学用DreamWeaver做ASP[组图]图片93 

 

菜鸟学用DreamWeaver做ASP[组图]图片94 

点击"cnbruce"修改密码"789"确定!

菜鸟学用DreamWeaver做ASP[组图]图片95 

 

菜鸟学用DreamWeaver做ASP[组图]图片96 []

然后,你再返回到 login.asp看看修改密码是不是生效了!

结尾:整个的修改页是越来越庞杂了,我采用步骤比较多的要领,当然也附带学到了主细致页的用处。最首要是本人认为这样对初学者才有挑战性,能够灵活运用,扩展,修改,细化,都须要自身多练。有不正确是正常的,须要你自身对不正确的识别和摆平,只有这样,也许技能才会有所提高。



读库教程网文章由网络收集后整理发布,文章发布人拥有该内容的所有权力及责任!

如果你喜欢这页,可以按Ctrl+D收藏起来。

相关内容
上一个内容:Dreamweaver动态网页实例:验证用户注册
下一个内容:没有了
相关评论
公益广告
精彩推荐
友情链接: 百分百青年 | 烛光信息网 | 夏布新网 | 新育互联网
管理员:QQ:27038219, E-mail:27038219@qq.com今日更新
读库教程网所有文章从网络收集所发布,文章发布人拥有该内容的所有权力及责任,转载时请注明出处!
Template designed by www.dkuu.com. Optimized for 1024x768 to Firefox,Opera and MS-IE6/IE7.