设为主页 | 加入收藏 | 联系我们
您当前的位置:首页 > 站长学院 > Dreamweaver教程
用Dreamweaver实现ASP动态网站建设
时间:2008-07-05 01:16:31  来源:天极网  作者:邓庆贤

四、Dreamweaver与数据库的连接(使用DSN连接数据库)

  如果打算在网络应用程序中使用数据库,就需要创建至少一个数据库连接。没有数据库连接的话,应用程序将不知道在什么地方找到数据库或者如何与数据库连接。在Dreamweaver MX 2004中创建数据库连接时,为应用程序提供了与数据库建立联系的信息或参数。

  1 DSN定义

  (1) 在控制面板中,双击管理工具,双击ODBC数据库源图标,出现ODBC数据源管理器窗口,选择系统DSN标记。

  (2) 单击“添加“,接着选择数据库驱动程序,本系统使用Access数据库,所以Microsoft Access Driver(*.mdb),单击“完成“按钮。

  (3) 出现ODBC Microsoft Access安装窗口,在数据源名一栏给连接取个名字conn,说明一栏不是必填项。

  (4) 单击窗口中“选择“按钮,找到数据库的所在路径(“E:我的网站”)并选中相应数据库文件,选中db1.mdb,此时ODBC Access安装窗口中数据库一栏就会出现刚才选定的数据库文件,如图所示。

  

  2 DSN连接

  建立了数据库名(DSN)之后,就可以创建网络应用程序和数据库之间的ODBC连接,DSN被定义后,就能用它来调用各种参数了。

  (1) 启动Dreamweaver MX 2004,打开已经定义好的站点“我的网站”,在站点-我的网站窗口中点击鼠标右键,点新击建文件,文件名改为index.asp,双击文件index.asp使其处于编辑状态。

  (2) 单击“窗口”中的“数据库”,从“数据库”菜单中。在窗口中点击“+”,选择数据源名称,从弹出窗口“连接名称”一栏键入连接的名字conn;在数据源名称(DSN)一栏从下拉菜单中挑选数据库源名conn;Dreamweaver连接一栏选择使用本地DSN即可。如下图:

  

 五、制作显示数据库记录页

  (1)、双击index.asp文件,使其处于编辑状态,选择应用程序的“绑定”,点击“+”,à记录集(查询);在弹出的记录集窗口“名称”填写Rs,连接选择conn,表格选择“表1”,“列”选择全部,单击确定完成记录集的绑定。如下图;

  

  (2)、在index.asp编辑状态下,插入2行七列的表格,并使其居中,在上一行的七个空格中加入数据表中的内容标签,然后将记录集的各字段拖入下一行对应的空格中,在表格上方输入数据库总记录数X条、目前为第X条数据,并将记录集中的总记录数,第一条记录拖入对应的字中,并使其居中。如下图所示:

  点击放大此图片

  (3)、选中第二行的全部表格,点击服务器行为,点击“+”选择重复区域,保持默认状态,点击确定完成重复显示区的设计。

  (4)、点击菜单“插入”,选择“应用程序对象”->记录集分页->记录集导航条,在弹出窗口(保持默认值)点击确定。如图所示:

  点击放大此图片

六、制作添加数据记录页

  新建一网页,命名为add.asp,并使其处于编辑状态,点击菜单“插入”,选择“应用程序对象”->插入记录->插入记录表单向导,在弹出窗口“连接”项选择conn,“插入到表”选择“表1”,“插入后转到”填写a.asp(提交成功显示网页,将在下一步建立),删除不需要的字段(ID),然后点击确定按钮完成页面的制作。

  点击放大此图片

  点击放大此图片

  建立新的一页,保存为a.asp,并在页面上填写“添加数据成功!”完成页面设计。

七、制作修改数据记录页

  打开index.asp文件,使其处于编辑状态,把鼠标定位在第一行,点击拆分单元格图标,如下图:

  

  

  将列拆分为2列。第二行用同样方式拆分为二列,在最后一列填写“修改”字符,全选“修改”,使其被选定,选择服务器行为—>“+”,转到详细页面,从弹出菜单中,详细页填写edit.asp,其它保持不变完成页面设置。

  点击放大此图片

  创建edit.asp新页,用上述同样的方法为其绑定一个名为Rs的记录集(筛选项选择ID,其它保持默认值)。点击菜单“插入”,选择“应用程序对象”->更新记录->更新记录表单向导,在弹出窗口“连接”项选择conn,“要更新表格”选择“表1”,“选取记录是”处选择Rs,唯一键列选择ID,“更新后转到”填写index.asp (修改显示网页,将在下一步建立),删除不需要的字段(ID),然后点击确定按钮完成页面的制作(其余为默认值)。如下图所示:

来顶一下
近回首页
返回首页
上一篇文章:用Dreamweaver MX创造网页鼠标样式
下一篇文章:下面没有链接了
现在评论本文
用户名: 密 码: 验证码: 匿名发布
现在已经有 人对文章发表评论 查看所有评论
网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述
热门排行榜
获取网站Alexa排名数值的方法 0
Flash8滤镜与混合模式(3):混合模 0
Flash8滤镜与混合模式(2):近距离 0
第一回 制前操作第一步的前一步 0
第三回 如何计算制作经费 0
第二回 交涉成功或企划通过后 0
第六回 制前作业三-分镜图和副导 0
第五回 制前作业二:导演的工作 0
第四回 制前作业一:脚本 0
第九回 制前作业六-色彩设计(*1) 0
热门图文
用Dreamweaver实现ASP
用Dreamweaver MX 200
Photoshop结合Dreamwe
Dreamweaver 基础 :D
热评文章
·在 Dreamweaver 中指定哪里处理动态页
·用Dreamweaver实现ASP动态网站建设
·用Dreamweaver MX创造网页鼠标样式
·用Dreamweaver MX 2004的Flash动画元素
·Photoshop结合Dreamweaver制作网页相册
·玩转Dreamweaver 8:了解CSS层叠样式表
·玩转 Dreamweaver8.0:速记 CSS 属性
·玩转Dreamweaver 8.0之设置段落格式
·Dreamweaver 入门:DW 8 的新增功能
·Dreamweaver 入门:注册 Dreamweaver 8
关于我们 | 服务与支持 | 人才招聘 | 联系方式 | 网站地图 | 免责声明
Copyright © 2008-2009 Rrzzw.Com All Rights Reserved
网站备案:粤ICP备08020699号