网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > Dreamweaver
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.DreamweaverMX打造留言本(四).
.Dreamweaver使用CSS样式表设置网.
.经验分享:网页设计中实用的制作.
.Ultradev实例教程:2.2 用ODBC连接.
.玩转Dreamweaver8.0:关于冲突的.
.Dreamweaver CS4新特性之JavaScr.
.DreamwaverMX与ASP.NET(三).
.如何用Dreamweaver批量做web网页.
.细品Dreamweaver MX内建FW技术.
.DW-MX制作ASP.NET-修改.
.Dreamweaver行为全接触(4).
.利用Dreamweaver插件改变IE浏览器.
.Dreamweaver CS3 新功能描述.
.Dreamweaver3 图层应用技巧(五).
.用DreamWeaver定制网站的颜色.
.Dreamweaver 4 简明教程(八、为网.
.Dreamweaver超级技巧之文字特效.
.玩转Dreamweaver 8.0:属性检查器.
.Dreamweaver中幂格式文本巧实现.
.Dreamweaver构建Blog全程实录(12.

Ultradev实例教程:3.3 应用数据库创建动态网页

发表日期:2004-1-29


第三章:应用数据库创建动态网页

第三节:显示数据库记录


终于到了显示Dreamweaver Ultradev威力的时候了,先让我们来看看怎么用Ultradev来实现数据的显示功能。很简单的,跟着我来吧。

上一回我们创建好了数据集后,在Data Bindings面板中就有如下的显示:



然后我们创建一个由2行*六列的表格,列数由数据表的字段数决定,至于为什么要两行,看下去你就会明白了。填上必要的信息后页面如图所示:



接下来的工作很简单,选中在Data Bindings面板中出现的字段名称,把他拖放到我们刚才创建的表格中,效果如图所示,这样就表示我们要在对应的单元格中显示数据库中某个字段的值。但这样子还是不够的,还需要一步才能将数据库里面的记录全部显示出来。



选中我们刚才拖放字段进去的那一行,效果如图所示:

切换面板到Server Behaviors ,我们的主角要上场了。我们要为这些数据施加一些动作,让他们乖乖的听我们的话,按我们想要的样子显示出来。选择Repeat Region :



接下来的对话框是要你在一页中显示多少条记录。当你的数据库里面有几千条记录时,我们不可能将他们全部显示出来,这样会使网页加载速度变慢,一般都是采用分页的形式来显示数据,用到的就是这个Repeat Region行为了。这里我们选择每页显示3条记录。



点击OK后如图所示:



让我们切换到浏览器窗口,察看我们刚才生成的程序,哦,别忘了把这一页保存为你在Internet信息服务管理器中设定的默认文档名,这里是default.asp。在浏览器窗口的地址栏里输入 http://localhost 看到的效果如下。呵呵,是不是很激动,数据库里面的数据显示在我们的眼前,你也发现,原来创建一个Web应用也不是很难。嗯,高兴了一会儿,好像发现有哪里不对劲是吧,对了,这里只显示了3条记录,而我们刚才在我们的数据库中手工输进去了5条记录,其他的呢?好,让我们接下去完善一下我们的程序。


选择 菜单 Insert -> Live Objects -> Recordset Navigation Bar 为我们的纪录显示添加一个翻页的功能:



这个对话框问你翻页的连接用文字还是用图像来表示,简单起见,我们用Text:



OK后,你会发现Ultradev为我们生成了一个表格,里面有4列,分别为First、 Previous、 Next、Last,分别就是我们常见的第一页,上一页,下一页,最后一页的表示方法了,你可以把他修改为中文。



在切换到浏览器窗口,我们就发现有些不同了,多了两个连接,Next 和 Last,哇!我们的记录可以分页显示了。即使对高手而言,分页显示也是一件比较麻烦的事情,而对Ultradev来讲,却是举手之间的事情。



点击Next连接,显示第二页的记录,同时,Previous 和 First的连接也自动出现了。因为我们的记录总共只有5条,每页显示3条的话就没有第三页了,所以也就没有了 Next 和 Last的连接了,呵呵,是不是觉得Ultradev挺智能的。



好了,看到这里,朋友们应该已经知道怎么显示数据库的记录了,也学会了怎么分页显示,接下来的内容是学会怎么往数据库里面添加纪录,请听下回分解。
上一篇:Ultradev实例教程:3.2 创建数据库连接 人气:15360
下一篇:Ultradev实例教程:3.4 向数据库添加纪录 人气:16318
浏览全部Ultradev实例教程的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐