新Web数据库应用教程 教学课件 潘红艳 实训2讲解.pptVIP

留言板数据库的设计 留言窗体界面的设计（1） 留言窗体界面的设计（2） 1、插入单选按钮 ： 留言窗体界面的设计（3） 留言板网页的组成与操作 留言板的分页显示功能（1） 留言板的分页显示功能（2） 留言板的分页显示功能（2） 留言板的分页显示功能（3） 留言板的分页显示功能（4） 留言板的分页显示功能（5） 小结 * 课程责任教师 潘红艳 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 在留言板数据库(liuyanban.mdb)中，有一个数据表表，名字为liuyanbanku。该表单中有7个字段，如左图： 其中姓名的字段宽度为8，主题的字段宽度为50，email的字段宽度为50，图标的字段宽度为50。 温馨提示： 在liuyanban数据表中保存表情图标，不是保存图像本身，而是保存图像的文件名，所以在定义图标类型时设置为文本类型。这是在数据库中保存图像的一种方法。 如上图所示，设计留言板界面时，首先要插入表单(form表)，然后在表单中插入5行2列的表(table)，在表单最下面以行，插入两个按钮，一个按钮用于送出留言，一个按钮用于清掉重写。表情图标用单选按钮选择。 下面讲一下插入单选按钮和图标的语法： img src=Face01.gif width=15 height=15 input type=radio name=pic value=face01.gif 输入类型 属性名 属性值 2、插入图标 ： 插入图片face01.gif 图片宽度 图片高度 留言板中的20个单选按钮的属性名设置应该一致，以便表情图标信息被正确保存。 input type=radio name=pic value=face01.gif img src=Face01.gif width=15 height=15 input type=radio name=pic value=.face02.gif img src=Face02.gif width=15 height=15 input type=radio name=pic value=face03.gif img src=Face03.gif width=15 height=15 input type=radio name=pic value=face04.gif img src=Face04.gif width=15 height=15 input type=radio name=pic value=face05.gif img src=Face05.gif width=15 height=15 。。。。。。 Liuyanban.asp Chuliliuyan.asp Liuyanban.mdb 送出留言 写入 观看留言 读取 注释：在该图中，实线表示上网者操作的动作，虚线表示程序的动作。 见右图，通过liuyanban.asp将留言信息送给chuliliuyan.asp，再由chuliliuyan.asp将留言信息写入liuyanban.mdb数据库中，并将程序转向liuyanban.asp显示最新留言。 温馨提示： 在该留言板设计中，将留言窗体和留言板放在一个文件中，界面的上半部分显示用户留言，下半部分显示留言窗体。也有将留言窗体单独作为一个文件设计的，请同学们在自行设计时注意。 分页浏览是网页设计经常使用的处理方式。当留言很多，需要分页浏览时，就要用到分页的技巧。 在上图最下面一行，有四个链接，分别到第一页，最后一页，上一页，下一页。每次只显示一页的用户留言。一页显示几条留言，可以在设计时自行设定。 分页功能的实现要用到记录集对象rs。常用的与分页功能相关的属性有： rs.absolutePage: 将当前数据记录移到某一页的第一项。 例如：rs.absolutePage=5，则表示将当前数据记录移到第五页的第一条记录。 rs.pageSize: 设置每页的数据记录项数。 例如：rs.pageSize=10，表示一页显示10条记录。 rs.pageCount: 获得总页数。 程序代码分析： % page=Clng(request(page)) if page1 Then page=1 if