叶子树logo
首 页 技术教程 新闻资讯 网站展示 酷站欣赏 下载中心 站长故事 信息互动 论坛交流
Web www.webshu.net
 
  最新推荐→

 
  最新热门→

 
  相关文章→
 您现在的位置: 叶子树 >> 技术教程 >> 网页制作 >> Dreamweaver教程 >> 正文

Dreamweaver MX中应用数据库

作者:佚名    文章来源:不详    点击数:    更新时间:2008-4-28         

 

<% if request("infoid")<>"" then set rs=conn.execute("select * from nproduct where id="&request("infoid")) if not (rs.eof and rs.bof) then proname=rs("proname") content=rs("proinfo") end if rs.close set rs=nothing end if %>

Dreamweaver MX中应用数据库 Dreamweaver MX不仅仅是一个静态的编辑工具,同时也是可视化的网页编辑工具,自从Dreamweaver产品升级到MX后,其功能更加的增强,可以支持ASP,JSP,PHP等数据库编程。通过本例我们将会了解到怎样用Dreamweaver MX来连接数据库,并且对动态网页有个初步的认识。

所谓动态网页是指应用程序在接收浏览器的请求而更改网页内容的网页,而不是在网页上加入JAVA, JAVASCRIPT等脚本来实现的动态效果或FLASH动画,虽然这些动画实现了网页的“动”,但其本质还是静态的,因为它没有因为浏览器的请求而跟着变化。

在执行动态网页的时候,需要我们用网络服务器来解析,由于我们使用的是ASP,所以我们得配置PWS或IIS,这里就配置服务器不做具体的介绍了,只是稍微提醒一下:



 1 在本地路径选择你站点文件夹:
  



按此在新窗口浏览图片



2 设置文档,主要是设置当浏览器打开网站时最先阅读的文件名称,我们设置如下:



按此在新窗口浏览图片
3.设置完网站服务器后,我们打开Dreamweaver MX,进行相关的设置。首先新建站点,这里可以输入你想给站点起的名字:







按此在新窗口浏览图片

4 设置完成后。点“下一步”,进行如下的设置,由于我们要使用到服务器,所以勾选是,并且选择相应的服务器技术:




按此在新窗口浏览图片

5 点“下一步”,选择相应站点的文件夹:




按此在新窗口浏览图片
Dreamweaver MX中应用数据库 Dreamweaver MX不仅仅是一个静态的编辑工具,同时也是可视化的网页编辑工具,自从Dreamweaver产品升级到MX后,其功能更加的增强,可以支持ASP,JSP,PHP等数据库编程。通过本例我们将会了解到怎样用Dreamweaver MX来连接数据库,并且对动态网页有个初步的认识。

所谓动态网页是指应用程序在接收浏览器的请求而更改网页内容的网页,而不是在网页上加入JAVA, JAVASCRIPT等脚本来实现的动态效果或FLASH动画,虽然这些动画实现了网页的“动”,但其本质还是静态的,因为它没有因为浏览器的请求而跟着变化。

在执行动态网页的时候,需要我们用网络服务器来解析,由于我们使用的是ASP,所以我们得配置PWS或IIS,这里就配置服务器不做具体的介绍了,只是稍微提醒一下:



 1 在本地路径选择你站点文件夹:
  



按此在新窗口浏览图片





2 设置文档,主要是设置当浏览器打开网站时最先阅读的文件名称,我们设置如下:



按此在新窗口浏览图片
3.设置完网站服务器后,我们打开Dreamweaver MX,进行相关的设置。首先新建站点,这里可以输入你想给站点起的名字:







按此在新窗口浏览图片

4 设置完成后。点“下一步”,进行如下的设置,由于我们要使用到服务器,所以勾选是,并且选择相应的服务器技术:




按此在新窗口浏览图片

5 点“下一步”,选择相应站点的文件夹:




按此在新窗口浏览图片
6.设置完成后,点击“下一步”,在输入测试网址的地方,由于我们在配置服务器的时候已经做了相应地设置,这里保持默认,然后单击测试,如果成功,会弹出测试成功的对话框:







按此在新窗口浏览图片

7.设置完成后,点击“下一步”,由于我们不上传到其他的服务器,所以这里选择否:



按此在新窗口浏览图片


好,设置完站点好,我们编写个简单的ASP文件测试一下,在Dreamweaver MX里新建一个文件,输入以下代码,保存为index.asp文件:

6.设置完成后,点击“下一步”,在输入测试网址的地方,由于我们在配置服务器的时候已经做了相应地设置,这里保持默认,然后单击测试,如果成功,会弹出测试成功的对话框:







按此在新窗口浏览图片

7.设置完成后,点击“下一步”,由于我们不上传到其他的服务器,所以这里选择否:



按此在新窗口浏览图片


好,设置完站点好,我们编写个简单的ASP文件测试一下,在Dreamweaver MX里新建一个文件,输入以下代码,保存为index.asp文件:

好,设置完站点好,我们编写个简单的ASP文件测试一下,在Dreamweaver MX里新建一个文件,输入以下代码,保存为index.asp文件:
按此在新窗口浏览图片






9.然后启动Internet Explorer,在地址拦里输入127.0.0.1,如果成功编译,就会显示如下的信息:


按此在新窗口浏览图片

10 好到这里我们Dreamweaver MX 也配置成功了,下面我们制作数据库,在Dreamweaver MX中可以使用的数据库有很多,几乎市场上流行的数据库都可以,比如SQL,MYSQL等等,这里我们使用最简单的数据库------ACCESS,打开ACCESS,然后新建空数据库,会弹出一个保存窗口,我们将之保存到站点"data"文件夹里,并命名为“news.mdb”:



按此在新窗口浏览图片


11.然后按“创建”,选择使用“设计器创建表”,这里字段名称是显示字段的名称;数据类型:存储数据的类型;说明:是对数字做详细的说明,以方便别人的理解:

按此在新窗口浏览图片


12 我们进行如下的设置,设置ID为主健,至于ACCESS的一些详细说明,大家可以参阅相关资料说明,这里就不详细说明了:

按此在新窗口浏览图片
好,设置完站点好,我们编写个简单的ASP文件测试一下,在Dreamweaver MX里新建一个文件,输入以下代码,保存为index.asp文件:
按此在新窗口浏览图片






9.然后启动Internet Explorer,在地址拦里输入127.0.0.1,如果成功编译,就会显示如下的信息:


按此在新窗口浏览图片

10 好到这里我们Dreamweaver MX 也配置成功了,下面我们制作数据库,在Dreamweaver MX中可以使用的数据库有很多,几乎市场上流行的数据库都可以,比如SQL,MYSQL等等,这里我们使用最简单的数据库------ACCESS,打开ACCESS,然后新建空数据库,会弹出一个保存窗口,我们将之保存到站点"data"文件夹里,并命名为“news.mdb”:



按此在新窗口浏览图片


11.然后按“创建”,选择使用“设计器创建表”,这里字段名称是显示字段的名称;数据类型:存储数据的类型;说明:是对数字做详细的说明,以方便别人的理解:

按此在新窗口浏览图片


12 我们进行如下的设置,设置ID为主健,至于ACCESS的一些详细说明,大家可以参阅相关资料说明,这里就不详细说明了:

按此在新窗口浏览图片
好,设置完站点好,我们编写个简单的ASP文件测试一下,在Dreamweaver MX里新建一个文件,输入以下代码,保存为index.asp文件:
按此在新窗口浏览图片






9.然后启动Internet Explorer,在地址拦里输入127.0.0.1,如果成功编译,就会显示如下的信息:


按此在新窗口浏览图片

10 好到这里我们Dreamweaver MX 也配置成功了,下面我们制作数据库,在Dreamweaver MX中可以使用的数据库有很多,几乎市场上流行的数据库都可以,比如SQL,MYSQL等等,这里我们使用最简单的数据库------ACCESS,打开ACCESS,然后新建空数据库,会弹出一个保存窗口,我们将之保存到站点"data"文件夹里,并命名为“news.mdb”:



按此在新窗口浏览图片


11.然后按“创建”,选择使用“设计器创建表”,这里字段名称是显示字段的名称;数据类型:存储数据的类型;说明:是对数字做详细的说明,以方便别人的理解:

按此在新窗口浏览图片


12 我们进行如下的设置,设置ID为主健,至于ACCESS的一些详细说明,大家可以参阅相关资料说明,这里就不详细说明了:

按此在新窗口浏览图片
13 然后单击保存,命名为INFO:







按此在新窗口浏览图片


14 双击INFO,在里面进行相关的资料添加:





按此在新窗口浏览图片


15 好了,到这里我们数据库也配置好了,现在回到Dreamweaver MX里,进行数据库连接的设置,设置数据库连接,我们可以使用设置DSN来进行数据库连接,但由于我们以后可能会把自己的网站上传到别人的空间,那我们就没有办法到别人的主机上去配置DSN了,所以这里采取“自定义连接字符串”进行连接数据库,打开窗口/数据库,点击右边加号,选择自定义连接字符串,进行相关的设置 ,其代码如下,然后按测试,如果成功的话会谈出测试成功的对话框:
"Provider = Microsoft.Jet.OLEDB.4.0 ; Data Source = "& Server.MapPath ("/data/news.mdb")





按此在新窗口浏览图片


16 这时候,右边会显示出我们数据库:





按此在新窗口浏览图片

17:切换到应用程序/绑定,单击加号,在谈出的菜单里选择”记录集(查询)”在弹出的菜单里进行如下的设置,在连接里选择我们刚才已经连接好的表(由于只进行简单的数据库连接,没有牵涉到很复杂的应用,这里的筛选与排序我们保持默认的形式):




按此在新窗口浏览图片






13 然后单击保存,命名为INFO:







按此在新窗口浏览图片


14 双击INFO,在里面进行相关的资料添加:





按此在新窗口浏览图片


15 好了,到这里我们数据库也配置好了,现在回到Dreamweaver MX里,进行数据库连接的设置,设置数据库连接,我们可以使用设置DSN来进行数据库连接,但由于我们以后可能会把自己的网站上传到别人的空间,那我们就没有办法到别人的主机上去配置DSN了,所以这里采取“自定义连接字符串”进行连接数据库,打开窗口/数据库,点击右边加号,选择自定义连接字符串,进行相关的设置 ,其代码如下,然后按测试,如果成功的话会谈出测试成功的对话框:
"Provider = Microsoft.Jet.OLEDB.4.0 ; Data Source = "& Server.MapPath ("/data/news.mdb")





按此在新窗口浏览图片


16 这时候,右边会显示出我们数据库:





按此在新窗口浏览图片

17:切换到应用程序/绑定,单击加号,在谈出的菜单里选择”记录集(查询)”在弹出的菜单里进行如下的设置,在连接里选择我们刚才已经连接好的表(由于只进行简单的数据库连接,没有牵涉到很复杂的应用,这里的筛选与排序我们保持默认的形式):




按此在新窗口浏览图片






13 然后单击保存,命名为INFO:







按此在新窗口浏览图片


14 双击INFO,在里面进行相关的资料添加:





按此在新窗口浏览图片


15 好了,到这里我们数据库也配置好了,现在回到Dreamweaver MX里,进行数据库连接的设置,设置数据库连接,我们可以使用设置DSN来进行数据库连接,但由于我们以后可能会把自己的网站上传到别人的空间,那我们就没有办法到别人的主机上去配置DSN了,所以这里采取“自定义连接字符串”进行连接数据库,打开窗口/数据库,点击右边加号,选择自定义连接字符串,进行相关的设置 ,其代码如下,然后按测试,如果成功的话会谈出测试成功的对话框:
"Provider = Microsoft.Jet.OLEDB.4.0 ; Data Source = "& Server.MapPath ("/data/news.mdb")





按此在新窗口浏览图片


16 这时候,右边会显示出我们数据库:





按此在新窗口浏览图片

17:切换到应用程序/绑定,单击加号,在谈出的菜单里选择”记录集(查询)”在弹出的菜单里进行如下的设置,在连接里选择我们刚才已经连接好的表(由于只进行简单的数据库连接,没有牵涉到很复杂的应用,这里的筛选与排序我们保持默认的形式):




按此在新窗口浏览图片






13 然后单击保存,命名为INFO:







按此在新窗口浏览图片


14 双击INFO,在里面进行相关的资料添加:





按此在新窗口浏览图片


15 好了,到这里我们数据库也配置好了,现在回到Dreamweaver MX里,进行数据库连接的设置,设置数据库连接,我们可以使用设置DSN来进行数据库连接,但由于我们以后可能会把自己的网站上传到别人的空间,那我们就没有办法到别人的主机上去配置DSN了,所以这里采取“自定义连接字符串”进行连接数据库,打开窗口/数据库,点击右边加号,选择自定义连接字符串,进行相关的设置 ,其代码如下,然后按测试,如果成功的话会谈出测试成功的对话框:
"Provider = Microsoft.Jet.OLEDB.4.0 ; Data Source = "& Server.MapPath ("/data/news.mdb")





按此在新窗口浏览图片


16 这时候,右边会显示出我们数据库:





按此在新窗口浏览图片

17:切换到应用程序/绑定,单击加号,在谈出的菜单里选择”记录集(查询)”在弹出的菜单里进行如下的设置,在连接里选择我们刚才已经连接好的表(由于只进行简单的数据库连接,没有牵涉到很复杂的应用,这里的筛选与排序我们保持默认的形式):




按此在新窗口浏览图片






13 然后单击保存,命名为INFO:







按此在新窗口浏览图片


14 双击INFO,在里面进行相关的资料添加:





按此在新窗口浏览图片


15 好了,到这里我们数据库也配置好了,现在回到Dreamweaver MX里,进行数据库连接的设置,设置数据库连接,我们可以使用设置DSN来进行数据库连接,但由于我们以后可能会把自己的网站上传到别人的空间,那我们就没有办法到别人的主机上去配置DSN了,所以这里采取“自定义连接字符串”进行连接数据库,打开窗口/数据库,点击右边加号,选择自定义连接字符串,进行相关的设置 ,其代码如下,然后按测试,如果成功的话会谈出测试成功的对话框:
"Provider = Microsoft.Jet.OLEDB.4.0 ; Data Source = "& Server.MapPath ("/data/news.mdb")





按此在新窗口浏览图片


16 这时候,右边会显示出我们数据库:





按此在新窗口浏览图片

17:切换到应用程序/绑定,单击加号,在谈出的菜单里选择”记录集(查询)”在弹出的菜单里进行如下的设置,在连接里选择我们刚才已经连接好的表(由于只进行简单的数据库连接,没有牵涉到很复杂的应用,这里的筛选与排序我们保持默认的形式):




按此在新窗口浏览图片






18 在页面里新建一个简单的表格:







按此在新窗口浏览图片


19 在第二行第一列,选择记录集里的ID,按下插入,然后期于的进行相关的设置:

按此在新窗口浏览图片


按下F12键看看,大家会发现只出现一条记录,而我们需要将记录都给读出来,这就需要我们设置“重复区域”了。选择第二行全部,然后切换到服务器行为,点击加号,选择重复区域命令:





按此在新窗口浏览图片

现在大家看看最终效果吧!




按此在新窗口浏览图片
18 在页面里新建一个简单的表格:







按此在新窗口浏览图片


19 在第二行第一列,选择记录集里的ID,按下插入,然后期于的进行相关的设置:

按此在新窗口浏览图片


按下F12键看看,大家会发现只出现一条记录,而我们需要将记录都给读出来,这就需要我们设置“重复区域”了。选择第二行全部,然后切换到服务器行为,点击加号,选择重复区域命令:





按此在新窗口浏览图片

现在大家看看最终效果吧!




按此在新窗口浏览图片
18 在页面里新建一个简单的表格:







按此在新窗口浏览图片


19 在第二行第一列,选择记录集里的ID,按下插入,然后期于的进行相关的设置:

按此在新窗口浏览图片


按下F12键看看,大家会发现只出现一条记录,而我们需要将记录都给读出来,这就需要我们设置“重复区域”了。选择第二行全部,然后切换到服务器行为,点击加号,选择重复区域命令:





按此在新窗口浏览图片

现在大家看看最终效果吧!




按此在新窗口浏览图片
18 在页面里新建一个简单的表格:







按此在新窗口浏览图片


19 在第二行第一列,选择记录集里的ID,按下插入,然后期于的进行相关的设置:

按此在新窗口浏览图片


按下F12键看看,大家会发现只出现一条记录,而我们需要将记录都给读出来,这就需要我们设置“重复区域”了。选择第二行全部,然后切换到服务器行为,点击加号,选择重复区域命令:





按此在新窗口浏览图片

现在大家看看最终效果吧!




按此在新窗口浏览图片
18 在页面里新建一个简单的表格:







按此在新窗口浏览图片


19 在第二行第一列,选择记录集里的ID,按下插入,然后期于的进行相关的设置:

按此在新窗口浏览图片


按下F12键看看,大家会发现只出现一条记录,而我们需要将记录都给读出来,这就需要我们设置“重复区域”了。选择第二行全部,然后切换到服务器行为,点击加号,选择重复区域命令:





按此在新窗口浏览图片

现在大家看看最终效果吧!




按此在新窗口浏览图片


叶子树:www.webshu.net
  • 下一篇文章:

  • 文章录入:webshu    责任编辑:webshu 
    叶子树(www.webshu.net)所有资料源于作者发布或网友推荐收集整理而来,仅供学习使用,版权归原作者所有,如有侵权,请您联系我们,我们将尽快更正。

      网友评论:(评论内容只代表网友观点,与本站立场无关!) 发表评论

    友情链接 | 留言互动 | 版权声明
    Copyright©All return the ye ze shu and www.webshu.net   
    本站广告服务请加QQ:904166(超越-激情)
    京ICP备05086028号  把"叶子树" 与你的好友一起分享!