10.3.2 用户注册信息分页显示功能(课件）-高二《网页设计与制作》同步教学（中国人民大学出版社）

10.3.2 用户注册信息分页显示功能 当需要显示的信息较多时，如果在同一页显示，将会造成页面提及太大，造成用户长时间等待。通常，对于信息较多时，都使用分页显示技术，每页只显示指定的记录数目。这样，既降低了数据的传输量，也方便用户浏览数据。本节将讲解如何分页显示用户注册信息。 1.用户注册信息分页列表list.asp 分页列表设计比较简单，难点在于频繁进行数据绑定。具体操作步骤如下。 （1）打开Dreamweaver的设计界面。单击【文件】→【新建】命令，新建一个名为“list.asp”的标准ASP文件。 （2）单击Dreamweaver【插入】工具栏中【常用】→【表格】命令。在弹出的【表格】对话框中进行相应设置，在【文档】窗口中插入了一些表格用于定位。 （3）根据实际情况，可以对特定的单元格进行宽度和背景图片的指定，来修饰表格的外观。在此基础上，再对单元格行适当的排版，录入相应的文字信息具体效果如图所示。 （4）单击【窗口】→【绑定】命令，弹出【绑定】面板，如图所示。 （5）单击【＋】→【记录集（查询）】命令，弹出【记录集】对话框。在【名称】文本框中输入“rs”。在【连接】下拉列表中选择【conn】选项。【表格】下拉列表中选择【tb_user】选项。然后单击在其右侧的【select】按钮。Dreamweave自动将会在【SQL】文本框中输入“SELECT * FROM tb_user”，如图所示。 （6）单击【测试】按钮，如果记录集创建成功，将弹出如图所示的对话框。 （7）单击【确定】按钮，关闭【记录集】对话框。返回【绑定】面板，向导将自动在其下拉列表中添加一条【rs】的列表选项，如图所示。 （8）在显示“编号”所对应的表格单元格中单击鼠标。在【绑定】面板中选中【记录集（rs）】→【id】选项。单击【插入】按钮，把“id”字段插入到单元格中，如图所示。 （9）用上述同样的的方法，在各个字段对应的单元格中插入记录集字段。其中包括“用户帐号”、“登入口令”、“注册时间”，如图所示。 （10）单击【窗口】→【服务器行为】命令，弹出【服务器行为】面板，如图所示。 （11）直接通过鼠标或者借助【标签选择器】选中表格内用于显示数据的所有单元格，如图所示。 （12）单击【＋】→【重复区域】命令，弹出【重复区域】对话框。在【记录集】下拉列表中选择【rs】选项。在【显示】选项组文本框中输入“2”，如图10-35所示。 （13）单击【确定】按钮，关闭对话框。启动Internet Explorer，在地址栏中输入“http://localhost/list.asp”。将会看到如图所示的效果。 （14）把鼠标定位到用于放置分页信息的区域。单击【插入】→【数据对象】→【显示记录记数】→【记录集导航状态】命令，弹出【记录集导航状态】对话框。在【记录集】下拉列表中选择【rs】选项，如图所示。 （15）单击【确定】按钮，关闭对话框。Dreamweave将在文档窗口中自动插入一排用于记录统计的信息，如图所示。 （16）把鼠标定位到用于放置分页控制的按钮区域。单击【插入】→【数据对象】→【记录集分页】→【记录集导航条】命令，弹出【记录集导航条】对话框。在【记录集】下拉列表中选择【rs】选项。在【显示方式】选项组中选中【文本】选项，如图所示。 （17）单击【确定】按钮，关闭对话框。Dreamweave将在文档窗口中自动插入一排用于翻页控制的导航条，如图所示。 2.用户注册信息分页显示功能 启动Internet Explorer，在地址栏中输入“http://localhost/list.asp”。将会看到如图所示的效果。 $$