《用Dreamweaver搞定ASP动态网页编程》由会员分享,可在线阅读,更多相关《用Dreamweaver搞定ASP动态网页编程(46页珍藏版)》请在金锄头文库上搜索。
1、图:用图:用 Dreamweaver 搞定搞定 ASP 动态动态 网页编程网页编程2006-07-11 09:52 作者:龙犊整理出处:天极网责作者:龙犊整理出处:天极网责任编辑:龙犊任编辑:龙犊图文:用图文:用 Dreamweaver 搞定搞定 ASP 动态网页编程动态网页编程新版网页陶吧上线了,点击新版网页陶吧上线了,点击这里这里进入新版网页进入新版网页陶吧陶吧 第一步第一步:服务器配置篇服务器配置篇1,打开电脑,在 D 盘下建立一文件夹 newgn(这个夹子就是你的站点存放点了),并且在里面建几个子文件夹(就好似你网站的子目录)2,回到 newgn 的根目录,右键选择“共享和安全”(其实
2、是快速地建立虚拟目录)3,出现属性对话框后,选择“Web 共享”标签,点选“共享文件夹”,出现共享别名对话框,选择默然设置,确定即可。4,补充说明。其实设置 Web 共享就是设置 IIS 的虚拟目录。你可以查看到 IIS 中默认网站中已经有了 newgn(附注:偶的 OS 是 win2003 的,其实有关 IIS 的操作一回事。如: win2K 里面打开 IIS-本地计算机-默认站点)5,以上步骤完成了建站,设虚拟目录,下面就是把 Dreamweaver 打开了。第一步就是“编辑站点”了6,选择“编辑站点”,在弹出的属性框中选“高级”标签,从“分类”中先选“本地信息”,右窗口中设置站点名称(随
3、便输入,但自己要清楚其代表的意思,推荐和你站点的根文件名同),本地根文件夹(这时候就指向到我们在步骤 1 中建的文件夹了)。7,然后设置远程信息,访问选择“本地/网络”,远端文件夹仍选择我们的站点文件夹 d:newgn8,再接着“测试服务器”,“服务器模型”暂为 ASP Javascript,“访问”本地/网络,“测试服务器文件夹”仍是我们的站点文件夹 d:newgn,“URL 前缀”在 http:/localhost 后面添加“newgn/”,添加的东西就是我们步骤 3 中设置的虚拟目录9,这时,站点定义基本结束,点击确定。出现“编辑站点”对话框,“完成”即可。10,此时 DW 的站点属性框
4、中就将 d:newgn内所有内容映射过来,在此需要提醒的是:DW 中建好了站点连接,就可直接在 DW 中对其对应的文件、文件夹操作,最好不要回到我的电脑 d:newgn里面去操作。【 能在 DW 中操作的,尽量不要离开 DW 的编辑环境 】剩下的就是新建一 asp 页面,具体实现怎样的功能。第二步第二步:数据库设置篇数据库设置篇1,首先确认站点根目录下有专门的数据库存放目录,比如 d:newgate 下面的 database 文件夹(有则Ok,无则新建)。接着打开 Microsoft Access DBMS,“文件“-“新建.”数据库,在弹出的对话框中选择存放路径并命名。2,在新建的数据库中“
5、使用设计器创建表”,弹出的“表 1”中设计你的相关字段,注意各自的“数据类型”,还有一点很重要:字段 ID,类型自动编号,并选择它定为主键。3,设计完“表 1”后,直接关闭该窗口,在弹出对话框中点击“是”保存“表 1”命名为 user。此时一点需要提到:刚刚强调的设置字段 id 相关是必须的,否则在保存之后还会出现如下对话框,其效果还是设置类型是自动编号的关键字段。4,这时候数据库表 user 已经建立完毕。5,双击数据库表 user,小添试一下,在弹出的 user 表中输入相关内容。关闭保存。第三步第三步:数据库显示篇数据库显示篇站点建了,DW 也管理了,数据库表也建了,还小添了一下。那下面
6、就开用 DW 还算强大的功能:连接数据库并且显示纪录。1,打开 DW,在站点里面先新建个 ASP 页面(index.asp)。 在“应用程序”面板中选中“数据库”标签。只要我们在前面建立了站点,选择了文档类型(即我们选的 ASP Javascript 的),并且还测试了服务器(http:/localhost/newgn/);则当前我们看到就剩下第四步没有打勾了。那现在就点击“+”号,选择“自定义连接字符串”。2,在弹出来的“自定义连接字符串”对话框中,“连接名称“随便写一个。“连接字符串”就要好好填写了。当“使用此计算机上的驱动程序“时应用绝对路径:DRIVER=Microsoft Acces
7、s Driver (*.mdb);DBQ=d:newgndatabasecnbruce.mdb 否则“使用测试服务器上的驱动程序”采用 Mappath 转换路径 :“Driver=Microsoft Access Driver (*.mdb);DBQ=“同样,因为在此之前已经建了和数据库连接的文件 conn.asp,该文件是全站点有效的。所以在你新建的 regist.asp 中的“应用程序”-“数据库”标签里面就自动有了“conn“。这一步是只要开始做第一步,以后都不要添加的(除非要连另外的数据库)。2,接着还是老规矩,切换到“绑定”标签,添加记录集。(我想应该这几步很上手吧)添加好了以后的画
8、面依然是老面孔。3,在 regist.asp 页面做个很简单的表单页,内容以及 form 表单名最好和数据库表里的字段对应。4,在代码标签处选择“form”表单标记,最主要为下一步插入记录做准备。始终注意要对某块设置相关属性动作的时候,一定要选中它。5,切换到“服务器行为”标签,因为先前已在第 2 步中绑定了记录集,所以该标签内容中也已有记录集这一项,这很正常。但我们要的是插入记录,继续按“+”,选择“插入记录”。6,在弹出的“插入记录”对话框中。“连接”选你所建; “插入到表格”顺其自然; “插入后,转到”意思是注册成功以后要跳转到某页提示,先写 个,但要记得马上要建这个页面; “获取值自”
9、就是刚刚选择的 Form 名了;“表单元素”中的“name 插入到列中 name”,意思是表单中 name 输入框中的内容插入到数据库表 name 字段中。这时明白为什么在步骤 3 中“内容以及 form 表单名最好和数据库表里的字段对应”了吧,DW 自动智能插入,否则你得一个一个点选。7,确定以后,注册系统已经完成了大半。(我正常到此的时间是 1 分钟不到,最主要的是多多练习)但再想想注册系统是不是不允许重名呢?那就要继续添加一些内容。在“服务器行为”中继续按“+”,“用户身份验证”中选“检查新用户名”。8,同样在弹出的“检查新用户名”对话框中,用户名字段选择“name”表示不得重名注册,当
10、然也可以选择其他的,比如 email,意思就是同个 emai 只能注册一个。“如果已存在,则转到”表示假如有重复的现象该怎么办呢?那就跳到一个出错页面提示。当然这页也还没建,先写个文件,和刚才的 registok.html 一样记得马上补上去。9,做一些细节性的动作,比如表单里面哪些必须添啊,哪些一定要是数字啊,email 地址要包含一个和两个“.“号啊等等。注意先选择“提交”按钮。“设计”面板“行为”中选择“检测表单”。弹出的对话框中就可以很轻易的点取设置了10,再做下刚刚没有的两个页子吧:registok.html 和 registbad.htmlregistok.html 页面内容大概是
11、:注册成功,请登录(当然登录系统是下一篇我要写的)。registbad.html 页面内容大概就是:呵呵,对不起,有这个用户了,还是麻烦你重新注册下。返回!还有注意下,把“密码提示问题”和“密码提示答案”也填下,以后讲到“找回密码系统”的时候会用到。第五步第五步:登陆系统篇登陆系统篇1, 在站点里右键新建一文件 login.asp 用来做登录页面;同样,之前已经建了和数据库连接的文件conn.asp。所以在你新建的 login.asp 中的“应用程序”-“数据库”标签里面就自动有了“conn“。2,和注册页面一样,都需要到“应用程序”面板的“绑定”标签下“+”记录集。弹出窗口中选择完毕后点击“
12、测试”,可以看到当前数据库中满足 SQL 条件的相关记录。注:该图显示表明数据库中的相关内容,name:cnbruce,pwd:123456 和 name:cnrose,pwd:123456。记住它,可以在我们测试登录的时候用到。3,在登录页中做了 Form 表单,并对输入文本框进行合理命名。4,点选 form 标记,设计页中整个表单被选中。5,选择“应用程序”面板中“服务器行为”中“+”-“用户身份验证”-“登录用户”。6,弹出的对话框中进行具体的设置。“从表单获取输入”意思是从本 asp 页面中选择具体的 form 表单,以及该表单中的所必有的用户名字段和密码字段。“连接验证”表示通过 c
13、onn 文件和数据库表进行连接设定。选择“user 表格”,用户名列表和密码列表即数据库中的特定用户名字段和密码字段。很明显,让库中的字段的内容和表单中提交的内容进行验证比较连接。“登录成功,转到”loginok.asp,该页面是一权限页面,只有当登录完全正确的时候才能进入。否则是登录失败,转到 loginbad.html。7,确定后,login.asp 基本完成。切换到 login.asp 的代码窗口,注意!已经生成了用户的局部变量Session:“Session(“MM_Username“= MM_valUsername”。该变量可以全站采用的。8,新建一 loginok.asp,其是一个
14、保护页面,只有当用户密码正确登录后才会进入。否则跳转到loginbad.html(登录失败,可能原因是用户名或密码错。)打开 loginok.asp,“应用程序”-“绑定”-“阶段变量”9,弹出的阶段变量对话框中,根据第 7 步的代码显示,名称输入 MM_Username 句即可。10,选择建立起来的“MM_Username”,按下“插入”按钮或者拖入页中。可以让不同用户进入时动态显示其对应的姓名。11,再为 loginok.asp 做下权限限定,意思是你可以知道 http:/localhost/newgn/loginok.asp,但你单纯在地址栏输入绝对是进不了的,或者用户密码不正确也是进不
15、了的。那该怎么实现这样的效果呢?“服务器行为”-“身份验证”-“限制对页的访问”就 OK 了。12,按“用户名和密码”进行限制,拒绝则跳转到“loginbad.html”13,有关 loginok.asp 基本设置完毕,感觉还是蛮麻烦的,不过按步骤来会好很多,呵呵。Now,还有个 loginbad.html 再努力一下。很简单,登录失败跳转到该页,非法登录也同样跳到本页,内容很简单。1,你注册了吗?没有的话来登记下吧!2,你是不是忘了什么东西了,返回仔细填下哦。14,差不多了,调试一下。当然先从 login.asp 开始,填写个正确的看看。测试:先用 name:cnbruce,pwd:1234
16、56注意后面的 name 是 cnbruce再用 name:cnrose,pwd:123456注意,同样是 loginok.asp,但显示的人姓名不一。再随便敲个 http:/localhost/newgn/loginok.asp 看看,其自动跳转到 loginbad.html。今天就把登录系统好好做下,就够你用时间的了。还有,再把前面的多多复习,直到闭着眼睛一气呵成到登录系统。嘿,说实话,我以前做了不下 50 遍,现在虽搁了今 3 个月,但一样很上手。那多练啊,打基础啊,呵呵!下一篇下一篇:查找密码系统。查找密码系统。第六步 查找密码系统1,建立第一个页面 1.asp,其主要作用是让查找密码的朋友输入其用户名,很简单的页面:一个name 文本输入框,和一个 submit 提交按钮。2,1.asp 中选 form 标记,在相应的属性框中,“动作”填写 2.asp,“方法”采用 post。3,保存 1.asp,在站点里面新建 2.asp,并打开它。该页的作用有两个:1,判断上一页,即