网站建设项目教程-32课件.pptVIP

任务3.2　成绩显示页面的设计 学习目标： 　　掌握动态站点的前台主页面设计方法；学会字段绑定方法，学会动态超链接和目标网页的设计方法。 一、复习引入： 1、创建有关文件和文件夹，设置好IIS： 2、定义本地动态网站： 3、连接网站与数据库： 　　4、显示已做好的用两级页面显示成绩的有关网页，在右上角显示有当前日期和时间。 请问：这些网页是怎么设计出来的？ 二、创建所需文件： 　　1、在网站中新建三个网页文件并确定它们的连接关系： 　　　　index.asp→cjcx.asp→view.asp 　　2、简单编辑index.asp：在导航栏中输入“成绩查询”， 并为它创建到cjcx.asp的超链接。 三、编辑成绩查询提示页(一级页面)cjcx.asp: 1、在右上角加上显示日期时间的代码：<%=now%> 2、连接数据库：若前面连接了，此步就省了。 3、绑定记录集cj：不设置参数。 4、规划网页主体：3行3列的表格。 　　5、插入相应字段：将记录集cj中的字段学籍号、姓名和 班级分别插入到表格的相应单元格中。 6、为{cj.姓名}添加“转到详细页面”服务器行为： 四、编辑显示成绩的二级页面view.asp： 1、用一级页面传递来的参数绑定记录集vrc： 3、插入所有字段： 2、规划网页： 五、存盘预览： 1、保存各网页文件： 2、从首页开始预览： 　　注意：不能直接打开用参数绑定记录集的网页开始预览。 如，这里不能直接打开view.asp开始预览。 六、小结： 　　要将数据表中的内容分两级页面显示出来，大约操作步骤如下。 1、规划好网页间的链接关系：index→cjcx→view 2、在一级页面中，绑定记录集时不加参数，可排序。 七、作业： 设计一些有一、二级关系的页面，巩固本节所学知识。 　　7、从一级页面或首页开始预览，单击链接转到相应的二级页面。 5、打开二级页面,用一级页面传递来的参数绑定记录集。 　　4、选中某个字段，为它添加“转到详细页面”超链接，设置好参数。 　　3、规划好一级页面，将记录集中部分提示字段插入到网页的相应位置。 6、将筛选到的记录的字段插入到规划好的二级页面。 实习8：一、二级页面的链接 　　一、简单编辑网站首页index.asp，只要它能链接到成绩查询页cjcx.asp就行。 　　二、规划设计一级网页cjcx.asp： 　　绑定数据表chengji到记录集cj时，一般不用筛选条件，将所有记录全部添加进来，可以排序。 　　三、插入相应字段，主要包括学籍号、姓名和班级。设置好重复区域、记录集导航条和记录集导航状态等。 　　四、选中“{cj.姓名}”字段，将它转到详细页面。这里应设好参数xjh=cj.学籍号。 　　五、打开详细页面view.asp(二级页面)，以一级页面传递来的参数绑定想要的数据表记录集vrc，筛选参数的形式可能是： chengji.学籍号=URL参数xjh。些时的记录集中应该只含有一条记录。 　　六、将需要的字段插入到规划的网页表格中。 　　七、存盘，预览调试一、二级页面。