dreamweaver制作asp动态网页之展示数据库记录

 时间:2024-09-22 14:39:53

前面已经介绍了如何向数据库添加记录,接下来给大家介绍一下如何从数据库提取数据并展示到页面中。

工具/原料

DreamweaverCS6.

方法/步骤

1、笔者之前分想过一篇经验:dreamweav娣定撰钠er制作asp动态网页之向数据库增加记录http://jingya荏鱿胫协n.baidu.com/article/72ee561aa54127e16138df11.html。大家先去看一下那篇经验,然后我们在这篇经验的基础上来介绍如何从数据库里边提取数据展示到页面中。

2、打开Dreamweaver,新建一个AspVBScript类型的网页。操作如图。

dreamweaver制作asp动态网页之展示数据库记录

dreamweaver制作asp动态网页之展示数据库记录

3、按Ctrl+S保存,保存成“jiluji.asp”。注意:后缀名是asp。

dreamweaver制作asp动态网页之展示数据库记录

4、这里我们把之前创建的个人信息登记数据表里边的内容展示出来。单击菜单栏:插入-->表格。插入一个2行6列的表格。操作如图。

dreamweaver制作asp动态网页之展示数据库记录

dreamweaver制作asp动态网页之展示数据库记录

5、在表格第一行的各个单元格中分别添加如图所示文字。

dreamweaver制作asp动态网页之展示数据库记录

6、打开绑定面板,点击“+”,选择“记录集(溽朽孑臾查询)”。在弹出的面板中选择我们之前创建过的“zengjianjilu”的表,排序选项可以选择“按ID升序排序”。操作如图所示

dreamweaver制作asp动态网页之展示数据库记录

dreamweaver制作asp动态网页之展示数据库记录

7、展开刚刚添加的记录集,鼠标左键按住不同的属性值,把它们拖到表格中对应的属性下边。如图所示。

dreamweaver制作asp动态网页之展示数据库记录

8、在后边的“查看和修改”以及“删除”单元格下方输入文字“查看和修改”和“删除”。如图所示。(这么做是为了方便我们下一讲要介绍的修改和删除做准备。

dreamweaver制作asp动态网页之展示数据库记录

9、把鼠标指针放到表格第二行的任意一个单元格中,然后点击界面下方的“tr”标签:选中第二行。如图所示。

dreamweaver制作asp动态网页之展示数据库记录

10、打开服务器行为面板,点击“+”,选择“重翱务校肢复区域”。在弹出的页面中我们看到有一个“显示”选项,可以自己自定义每页显示的记录数量,也可以显示“全部”。这里我们设置成每页显示3条记录。

dreamweaver制作asp动态网页之展示数据库记录

dreamweaver制作asp动态网页之展示数据库记录

11、把鼠标真真放到表格最后面外边,然后按回车,把鼠标指针切换到下一行。然后单击菜单栏:插入-->数据对象-->记录集分页-->记录集导航条。

dreamweaver制作asp动态网页之展示数据库记录

dreamweaver制作asp动态网页之展示数据库记录

12、在弹出的页面中,显示方式有文本和图像,这里我们选择“图像”。导航条就做好了。

dreamweaver制作asp动态网页之展示数据库记录

dreamweaver制作asp动态网页之展示数据库记录

13、此时,显示记录集的工作就完成了。我们按一下F12在浏览器中预览一下。下一讲我们接着将如何修改记录。

dreamweaver制作asp动态网页之展示数据库记录

DW更新页面如何打开库项目 如何利用html制作网页水平导航菜单? Dreamweaver中如何修改页面设置 怎样用DreamWeaver实现多种html的切换 Dreamweaver如何转到URL
热门搜索
魔法少女育成计划 狼少女 财神爷图片 开心果树图片 雾灯图标