Dreamweaver制作数据库页面

1、首先确认站点根目录下有专门的数据库存放目录，比如d:\newgate下面的

database文件夹（有则Ok,无则新建）。

接着打开MicrosoftAccess,"文件”一“新建...”数据库，在弹出的对话框中选择存放

路径并命名。

Bicr•seftAccess

文件①）铜辑@）视图包）fiAd）工具①窗口®帮助QS）

口方P咱>我争X%亳1s-%”晶，他8|齿g❸•【⑦.

文件新建费筹库

保存位:量Q），O◎XJ回•工具《）•

历史

1

文件名建）:|cnbruce»db

保存类型a）:|MicrosoftAccess(♦«db)ZJ取消

2、在新建的数据库中“使用设计器创建表”，弹出的“表1”中设计你的相关字段，注意

各自的“数据类型”，还有一点很重要：字段ID,类型自动编号，并选择它定为主键。

视图9插入9工具复）窗口戏）帮助®

aax电包'c一一回》।全多‘囱：、也i您

曲表1:表-1□!x

字段名称数据类型说明

自动

号

id

文

本

name

文

本

pwd

文

本

email

文

本

question

文本

answer

字

数

字

oicq数

本

icq文

本

msn____文

url

3,设计完“表1”后，直接关闭该窗口，在弹出对话框中点击“是”保存“表1”，并重新

命名为user。

EHicrosoftAccess

文件9编辑⑥视图9插入①）工具建）窗口®帮助®

m，0史|邕山步乂里唱c，叵]”#多囹:、e

cnbruceI

喃打开也）Mi字段名称I数据类型

阶id

licrosoftAccess凶

对象]name

pwd

国表

emai!\是否保存对表“表i”的设计的更改？

ques

fp查询

ans.

;二是豫：二I否®取消

图窗体

icq

msn

url

此时一点需要提到：刚刚强调的设置字段id相关是必须的，否则在保存之后还会出现

如下对话框，其效果还是设置类型是自动编号的关键字段。

4、这时候数据库表user已经建立完毕。

ElHicrosoftAccess

文件9嘉辑⑥视图包）插入Q）工具（I）窗口世）帮助®

D后1,5明昌图学力船包|9•是，或，

号cnbruce：数据库（Access2000文件格式）

勒打开@）陷设计①）国新建®X

四

对象2J使用设计器创建表

mo表使用向导创建表

通过输入数据创建表

邮查询S1

图

国窗体

9报表

置页

3宏

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

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

1、打开DW,在站点里面先新建个ASP页面(index.asp)。在“应用程序”面板中选中“数

据库”标签。只要我们在前面建立了站点，选择了文档类型(即我们选的ASPJavascript的)，

并且还测试了服务器(http://localhost/newgn/)；则当前我们看到就剩下第四步没有打勾

了。那现在就点击“+”号，选择“自定义连接字符串”。

2、在弹出来的“自定义连接字符串”对话框中，"连接名称“随便写一个。“连接字符串”

就要好好填写了。DRIVER={MicrosoftAccessDriver

(*.mdb)};DBQ=d:\newgn\database\cnbruce.mdb这在手工编写ASP连接数据库代码中

很普遍(相关文章见http:〃www.vzDC.net/dispbbs.asD?boardlD=19&ID=172)

自定义连接宇特审

连原名掰：卬----------------

连接字符串briv«r-iNicrosoftDriv«r

Dr.5VgsrffiSSC展恻试财务器上的驱前程停

6使用此泞复机,E的3励程序

帮助

自定义连接字符串

连接名称

连接串［WTserver.MtppathCVn”m/d7aba”/cnbrusedb")

Dr.msr应连接0使用测试熊务器上隹蜘程序

C使用此讨算机上的驱动程序

点击“测试”，出现成功即爽。

自定义理按字符事2<1

在接右新Iconn

连接字野串Mvid：

Dr»anv««T*r应连SE「使用网

C使用此

目定义连接字符串

连接名称

连接字符串ee.mdb*)

Dr*»vetvtr应连掇

附注：需要更多了解的，可以打开DW的帮助教程。

醉使用Dreaave&ver

雷3小跄骨外

隐藏后退前进三典打印选项色)

目录C)I索引国)|搜索⑤)|书签复)|

•入门

♦教程

Dreamweaver基础

心准备建立动态站点

♦设置Web应用程序

♦ColdFusion开发人员的数据库连接

♦ASP.NET开发人员的数据库连接

心ASP开发人员的数据库连接

例了解ASP数据库连接

♦创建DSN连接______

|创建非DSNQ)SN-less)连接

?用连接字符串创建数据库连接

国编写连接字符串

2］创建OLEDB连接

♦连接到ISP上的数据库

囱编辑或删除数据库连接

♦参考资料

♦用于JSP开发人员的数据库连接

♦适用于PHP开发人员的数据库连接

3、成功连接数据库后，在DW里其实是自动生成了一个连接文件。位置在自动生成的

Connections文件夹中，名称是你刚才在“自定义连接字符串”随便敲的为命名asp文件。

还可以注意到DW数据库标签内看到mdb文件内的各个字段。

文件▼编辑▼视图▼站点▼

•XCI0tU"傕I口

|newgn飞|本地视图~~3

about

bbs

computer

Connections

4、连接数据库的文件是有了，但下面我们具体的单个页面怎么和数据库挂钩呢。选择

“绑定”标签，添加“记录集（查询）单看字面意思就知道是来SQL查询语句了。

:▼应用程序

IB辐际日倒蚂需梯1阿落

国二J文档类型：ASPVBScript

;记录集（查询）数据：

命令（预存过程）.个站

话求变量!。

阶段变量

应用程序变量并选择记

获取数据源—

5、在弹出的“记录集”窗口中，“名称”随便写个吧，也可不写，默认的。但“连接”就要

从下拉列表中选择你定义的连接对象了，“表格”继续下拉选择（注：这和设计数据库的时候

有几张表相关的）•

6、其它随便看下，其实最主要的是自动生成了SQL语句，点选“高级…”，可以看到如

下图

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

再注意下面有“插入”按钮，完全可以将某个字段选中，或按按钮或拖动到index.asp页

面即可。该asp页面就显示数据库里面内容了。但只能显示首行的，要想全部显示。。。。

Next

8、“插入”工具栏“应用程序”标签中选择“动态表格”。

-[无标36文痞(―gn/i・dex..5尸)]

a文件®籁⑥萱看⑦插入9修改量）文本（I）命令C）站点6）窗口也）帮助

|用囹囱温I超谭同豹嚼

I创剑礴获］栩s：丽散省一眦aIc褥氏豆

9、弹出的动态表格中选择已经帮定的记录集，显示几条记录明白说就是分页程序的生

成：数据的记录多，内容多，就分好几页来显示，每页儿条。记录是用表格自动生成显示出

来的，再设下表格的属性。

▼应用程序

七||文档类型：ASPVBScriptC

等I绑定

日⑭记录集(Recordsetl)

，…勺id

确定后效果如下:

中国同泅2国Q日Q

标建新题酒猊，3,0》四，

D0口印na

namepwdemail；1.

(Recordsetl.id){Recordsetl.nane)[Recordsetl.pwd)(Recordsetl.email)

10、可以告诉你，基本差不多了。F12看看效果

览画|C《?》{}.回

预览在iexploreF12

调试在iexploreAlt+F12

-_编辑浏览器列表国)…____________

：ecordset1.pwd]I{Recordset1.ein

登无标题文者-■icrosoftInternetExplorer

那么现在暂搞一段落，你己经学会怎么连数据库，怎么显示库表中的记录了。等待你的

就是下面怎么插入新的记录，怎么修改记录等等。。。。

1、在站点里右键新建一文件regist.asp用来做注册页面；同样，因为在此之前己

经建了和数据库连接的文件conn.asp,该文件是全站点有效的。所以在你新建的regist.asp

中的“应用程序”--“数据库”标签里面就自动有了”conn"。这一步是只要开始做第一步，以

后都不要添加的（除非要连另外的数据库）。

文件▼编辑▼视图▼站点▼

cu令。津□

newgn三I本地视图3

B©站

-newgn(D:\newgn)

©

,about

©

・&

田

.computer

©-Connections

中

database

国

english

0-©-flash

.

gbook

®--

田images

，

由link

：

text

d

index,asp

2、接着还是老规矩，切换到“绑定”标签，添加记录集。（我想应该这几步很上手

吧）添加好了以后的画面依然是老面孔。

3、在regist.asp页面做个很简单的表单页，内容以及form表单名最好和数据库表

里的字段对应。

记录篥(Rec«rdsetl)

pwd

qsstaon

answer

oicq

icq

nxn

url

〔第一个记录…

〔最后一个记.

【全部记录】

4、在代码标签处选择“form”表

单标记，最主要为下一步插入记录做准备。始终注意要对某块设置相关属性动作的时候，一

定要选中它。

jregist.asp*

<Cbody><£or»>

5、切换到“服务器行为”标签，因为先前已在第2步中绑定了记录集，所以该标签

内容中也已有记录集这一项，这很正常。但我们要的是插入记录，继续按“+”，选择“插入

记录”。

自，雇用程序

后二1ASPJavaScript

记录集（查询）

命令

重复区域

记录集分页

显示区域

动态文本

转到详细信息页

转到相关页

插入记录

更新记录

-删除记录

动态表单元素》

用户身份验证►_

"偏辑服务器行为...

新建服务器行为.一［一!

:获取更多服务器行为.一

6、在弹出的“插入记录”对话框中。“连接”选你所建；“插入到表格”顺其自然；“插

入后，转到”意思是注册成功以后要跳转到某页提示，先写个，但要记得马上要建这个页面;

“获取值自”就是刚刚选择的Form名了；“表单元素”中的“name插入到列中name”，意思

是表单中name输入框中的内容插入到数据库表name字段中。

这时明白为什么在步骤3中“内容以及form表单名最好和数据库表里的字段对应”

了吧，DW自动智能插入，否则你得一个一个点选。

7、确定以后，注册系统已经完成了大半。（我正常到此的时间是1分钟不到，最

主要的是多多练习）但再想想注册系统是不是不允许重名呢？那就要继续添加一些内容。

在“服务器行为”中继续按“+”，”用户身份验证”中选“检查新用户名”。

重复区域

记录集分页

显示区域

动态文本

转到详细信息页

转到相关页

插入记录

更新记录

删除记录

动态表单元素

登录用户用尸身份验证

限制对页的访问

编辑服务器行为...

注销用户

新建服务器行为...

检查新用户名

获取更多服务器行为.一

8、同样在弹出的“检查新用户名”对话框中，用户名字段选择“name”表示不得重名

注册，当然也可以选择其他的，比如email,意思就是同个emai只能注册一个。“如果已存

在，则转到”表示假如有重复的现象该怎么办呢？那就跳到一个出错页面提示。当然这页也

还没建，先写个文件，和刚才的registok.html一样记得马上补上去。

检查新用尸名X

用尸名字段：记3确定

如果已存在，则转到.Mstbad.Mmil---------------------------浏览…|取消

帮助

9、做一些细节性的动作，比如表单里面哪些必须添啊，哪些一定要是数字啊，email

地址要包含一个@和两个号啊等等。注意先选择“提交”按钮。“设计”面板“行为”中选择

“检测表单”。弹出的对话框中就可以很轻易的点取设置了

HTML样式石药

年二1〈submit）动作

—r

播放声音

打开浏览器窗口

弹出信息

调用JavaScript

改变属性

恢复交换图像

检查表单

检查插件

检查浏览器

交换图像

控制Shockwave或Flash

设置导肮条图像

设置文本

时间轴

跳转菜单

跳转菜单开始

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

registok.html页面内容大概是“注册成功，请登录”（当然登录系统是下一篇我要写的）。

registbad.html页面内容大概就是“呵呵，对不起，有这个用户了，还是麻烦你重

新注册下。返回！”

还有注意下，把“密码提示问题”和“密码提示答案”也填下，以后讲到“找回密码系统”

的时候会用到。

地址@)但1http：//localhost/newgn/regist.asp

用户名：cnrose

密码：I•…”

电子邮件：cnbruce@126.com

密码提示问题：|123

密码提示答案：|456

OICQ：|22814446

ICQ：|266837980

MSN：cnbruee007@hotmail,co

URL:http://blog.ku.net

重置

直完毕

文件⑥编辑⑥查看（V）收藏&）工具a）

Q后退▼J▼囱圉；1J|搜索收藏夹

地址⑥画http://localhost/newgn/registok.html

注册成功，请登录

。后退，•工0;谯素收露夹方媒体e,.G，B*id£

地址Q)|.前http：//localhost/n«w^)n/r«pstbad.htBl?rcqus«rnwne：cnbruc«

呵呵，对不起，有这个用户了，还是麻烦你重新注册下。返回!

今天的注册系统就到这边吧，主要是插入记录，并且验证的不重名效果。呵呵，登

录系统编写中。。。

1、在站点里右键新建一文件login.asp用来做登录页面；同样，之前已经建了和数据

库连接的文件conn.asp。所以在你新建的login.asp中的“应用程序”--“数据库”标签里面

就自动有了"conn"。

▼应用程序

gbook▲

images

link

text

index.asp

login.asp

regist.asp

registbad.html

d

registok.html

桌

E画面

2、和注册页面一样，都需要到“应用程序”面板的“绑定”标签下“+”记录集。弹出窗口

中选择完毕后点击“测试”，可以看到当前数据库中满足SQL条件的相关记录。

测试SQLjg令

记录|id|name|pwd|email|ques...|answer|

11cnbruce123456cnbr...cnbrucecnrose

22cnrose123456cnbr...123456

注：该图显示表明数据库中的相关内容，name:cnbruce,pwd:123456和

name:cnrose,pwd:123456»记住它，可以在我们测试登录的时候用到。

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

।

「鬼叉k再昼R

]login,asp*

<body>«or,><p><input#pwd>

5、选择“应用程序”面板中“服务器行为"中“十”一•"用户身份验证”•一”登录用户”。

6、弹出的对话框中进行具体的设置。“从表单获取输入”意思是从本asp页面中选择具

体的form表单，以及该表单中的所必有的用户名字段和密码字段。“连接验证”表示通过

conn文件和数据库表进行连接设定。选择“user表格”，用户名列表和密码列表即数据库中

的特定用户名字段和密码字段。很明显，让库中的字段的内容和表单中提交的内容进行验证

比较连接。"登录成功，转到"loginok.asp,该页面是一权限页面，只有当登录完全正确的

时候才能进入。否则是登录失败，转到loginbad.html。

7、确定后，login.asp基本完成。切换到login.asp的代码窗口，注意！已经生成了

用户的局部变量Session：“Session("MM_Username")=MM_valUsername”。该变量

可以全站采用的。

MM-nUser.CuniorLocation=2;

30MM_r3User.LockType=3;

31MM_r3User.Open();

32i((?MM_rsUser.EOF||!MM_rsUser.BOF){

33//usernameandpasswordmatch-thisisavaliduser

34Session(r'MM_Usernamer,)=Username

35if(MMjdUserAuthorizadon!=r,r'){

36Session(r,MM_UserAiithorizationri)-String(MM_r3User.Fields.

37}else{

38Ses3ion(r,MM^UserAiithorizationr,)=r,r,;

39}

40ii(String(Reqiiest.QueryString(r,accessdenieclr,))!=r,andefinEdr,&&

41MM_redirEctLoginSuccess=Request.QueryString(r,accessdeniedr

42

43MM_r3User.Close();

44RpxnrknxpRprlirprr/MMrFrlirprl"!.nszinSiirrpssV

8、新建一loginok.asp,其是一个保护页面，只有当用户密码正确登录后才会进入。

否则跳转到loginbad.html(登录失败，可能原因是用户名或密码错。)打开loginok.asp,

“应用程序”…“绑定”…“阶段变量”

9、弹出的阶段变量对话框中，根据第7步的代码显示，名称输入MMJJsername句

即可。表示了Session("MM_Username")的直接弓I用。

10、选择建立起来的“MMJJsername”，按下“插入”按钮或者拖入页中。可以让不同

用户进入时动态显示其对应的姓名。

欢迎您,(Session.MMUsername]

11、再为loginok.asp做下权限限定，意思是你可以知道

http://localhost/newgn/loginok.asp,但你单纯在地址栏输入绝对是进不了的，或者用户

密码不正确也是进不了的。那该怎么实现这样的效果呢？“服务器行为”…“身份验证”…“限

制对页的访问”就OK了。

国二]iSPJavaScript

记录集（查询）

命令

重复区域

记录集分页

显示区域

「动态文本

►转到详细信息页

转到相关页

插入记录

更新记录

删除记录

动态表单元素

登录用尸用户身份验证>[:=

限制对页的访问

编辑服务器行为...

注销用户

新建服务器行为一.

检查新用户名

获取更多服务器行为.一

12、按“用户名和密码”进行限制，拒绝则跳转至iWoginbad.html”

13、有关loginok.asp基本设置完毕，感觉还是蛮麻烦的，不过按步骤来会好很多,

呵呵。Now,还有个loginbad.html再努力一下。很简单，登录失败跳转到该页，非法登

录也同样跳到本页，内容很简单。

1、你注册了吗？没有的话来登记下吧！

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

14、差不多了，调试一下。当然先从logimasp开始，填写个正确的看看。测试：

先用name:cnbruce,pwd:123456

G局g▼，▼回囹心IQ搜索寸收藏夹

地址也）卜囱http://localhost/newgn/login.asp

Name：|cnbruce

Pwd:I-...I

1^1重置I

注意后面的name是cnbruce

。局a*，▼回国©|£搜索收藏夹

地址也）|前http：//localhost/newgn/loginok.asp

欢迎您，cnbruce

再用name:cnrose,pwd:123456

。后退▼♦▼叵i团搜索收藏浜

地址Jhttp：//localhost/newgn/login.asp

Name:M—se

Pwd:卜•••••

重置|

注意，同样是loginok.asp,但显示的人姓名不一。

地址@）httD：//localhost/new£n/loginok.asp

欢迎您，cnrose

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

loginbad.htmlo

o后退♦区I团心I户搜索六收鹿夹一媒体d▼强」/口目

地址但1http://cnbruce/newert/loginbad.html?accessdenied=%2Fnew£n^Floginok^2Easp

呵呵，不好意思哦。

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

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

今天就把登录系统好好做下，就够你用时间的了。还有，再把前面的多多复习，直

到闭着眼睛一气呵成到登录系统。嘿，说实话，我以前做了不下50遍，现在虽搁了今3个

月，但一样很上手。那多练啊，打基础啊，呵呵！

1、建立第一个页面1.asp,其主要作用是让查找密码的朋友输入其用户名，很简单的

页面：一个name文本输入框，和一个submit提交按钮。

；口|8口方+电值________________________________________

输入你的姓名(n赢).......................................................

国............................................

1L*p*|-

<bodjr><£or»>Q>

▼JE性

文本域字符宽度—)|:类祖6单行0)「多行⑥「密码9

而最大字符数|初始值①)

2、1.asp中选form标记，在相应的属性框中，"动作”填写2.asp,“方法"采用post。

囤制国，标匙标题音JMTOTg愁*以坦二

name

1^1

3、保存l.asp,在站点里面新建2.asp,并打开它。该页的作用有两个：

(1)判断上一页，即l.asp所填写名字在数据库中是否存在。

(2)不存在应提示出错，存在则应将该用户的问题

(question)字段内容显示。具体怎么实现呢？

4、2.asp上数据库已经连好。老方法，先绑定记录集(“应用程序”面板--“绑定”标

签下“+””记录集(查询)”)o在弹出的“记录集”中就要好好设置了。最主要的就是“筛选”，

选择“name““="“表单变量""name"。意思是，要显示数据库表中字段name的内容，得

有个条件，那就是：从上一页(l.asp)中书写的name表单内容要和库中的字段name值

相等。

记录集凶

5、其实切换到“高级”就可以看到自动生成的SQL代码，其中就有

requeset.form(MnameM),意思就是把1.asp文本框中输入的值接受过来。

圮*集X

名林’

连接jconn-三1定义

SZ8•

FROMuserd

rHKREns*='WColPtrg'

财

名称I默U值］运行时值,.

NNColPartmIRequtslFornCnw****)

E衷格

散密区项游游JSQL

£视图

$BUCT

预存

胤

YKERE

ORDKRBY

6、在2.asp页面敲入不存在该用户的提示语言”嘿嘿，这个用户还没有注册，所以你

就没必要找密码了。”换行再敲入存在该用户的语句。但与此同时还要注意把密码问题

SHOW出来，以及问题的答案做成文本框。

嘿嘿，这个用户还没有注册，所以你就没必要找密码了。

我迎您.

I

你的密码问题是，

I

I

请正确填写你的答案，f

7、选中2.asp的form标签，属性面板中动作填写3.asp,方法采用post..3.asp

主要就是用来判断问题和答案是否吻合，如吻合则显示正确密码了。注意！是问题和答案在

一起。而我们当前只有答案可以传过去，那我们的问题该怎么传到3.asp呢？

嘿嘿，这个用户还没有注册，所以你就没必要找密码了。

「阚I

11.g.asp「

<body><f»r»>

8、在“你的密码问题是：”后面插入光标，然后从“绑定”的“记录集”中选择“question”

插入或者直接拖入到页面。注意！这还只是显示给用户密码问题，是不能将此信息传过去的。

那怎么样才可以呢？

/

歹