|
Dreamweaver构建Blog全程实录(1)·Dreamweaver构建Blog(2):构建开发环境
Dreamweaver构建Blog(3):数据库的设计和连接·Dreamweaver构建Blog(4):首页的实现
5.1.2 在首页中实现分栏显示
（1）打开首页index.aspx，切换到【服务器行为】面板，双击数据集（Ztre），在弹出的数据集对话框中，单击“高级”按钮，如图5-1-5所示。选择【SQL】文本区域中的SQL命令进行复制，建议把它粘贴到新建立的记事本或Word文本中，它在以后步骤中将会有很大作用（熟悉SQL语言，可以跳过此步骤）。
图5-1-5 数据集高级对话框
（2）单击“简单”按钮，在【筛选】下拉菜单中选择筛选字段为LMID，选“URL参数”作为参数传递方式，输入参数变量为menanw，按“确定”键，结果如图5-1-6所示：
图5-1-6 修改Ztre数据集为筛选
（3）对首页进行IE浏览，浏览结果没有记录，如图5-1-7所示
图5-1-7 首页浏览图
Dreamweaver构建Blog全程实录(1)·Dreamweaver构建Blog(2):构建开发环境
Dreamweaver构建Blog(3):数据库的设计和连接·Dreamweaver构建Blog(4):首页的实现
（4）在首页IE浏览中，单击链接“网络编程”，结果如上章的图4-3-3所示，显示出所有网络编程的学习笔记。
“等等，这与原先的设计思路不符合！只有按分栏显示，不能显示所有学习笔记！”这里还有个ASP.NET页间数据传递的问题：Windows应用程序中的各Form窗体间数据传递可以通过定义全局变量（Public static 变量）等方法来实现。而这些方法却无法用以ASP.NET中各Web页面数据传递。例如：当点击数据集导航条会有个Ztre_currentPage的数据传递，却不能传递menanw的数据，也就是说当点击数据集导航条的任何一个超级链接，menan传递的数据永远是空值，这就不能既实现分栏显示，又同时进行在分栏下的分页显示。这里是采取session进行参数传递的方法解决。
（5）为了把参数变量menanw传递给session("menanw")，切换到代码视图，在标签之前，插入如图5-1-8红色圈中所示的代码。
图5-1-8 给index.aspx插入页面载入默认函数
（6）在【服务器行为】面板中选择数据集（Ztre），如图5-1-9所示，带黑色部分的就是数据集（Ztre）定义代码。
图5-1-9 数据集Ztre的代码
（7）找到代码：
CommandText='<%# "SELECT * FROM ZTRE WHERE LMID = ? ORDER BY ZITIME ASC" %>'
把上面的代码改为：
CommandText='<%# IIf(((request.QueryString("menanw")<>nothing) or Request.QueryString("Ztre_CurrentPage") <> Nothing),"SELECT * FROM ZTRE WHERE LMID = ? ORDER BY ZITIME DESC","SELECT * FROM ZTRE ORDER BY ZITIME DESC") %>'
（8）找到代码：
<Parameter Name="@LMID" Value='<%# IIf((request.QueryString("menanw") <> Nothing), request.QueryString("menanw"), "") %>' Type="Integer" /></Parameters></MM:DataSet>
把上面的代码改为：
<Parameter Name="@LMID" Value='<%# IIf((session("menanw") <> Nothing), session("menanw"), "") %>' Type="Integer" /></Parameters></MM:DataSet>
（9）进行IE浏览，结果第四章的图4-3-3所示。完成既定的设计思路。
Dreamweaver构建Blog全程实录(1)·Dreamweaver构建Blog(2):构建开发环境
Dreamweaver构建Blog(3):数据库的设计和连接·Dreamweaver构建Blog(4):首页的实现
5.2 回复页面的实现
设计思路：能够实现点击笔记的标题，就能够够链接出一个页面，包括这笔记和相应所有回复。从上一节，可以这已不难了，只在笔记标题的超级链接上进行这个笔记的代码参数传递就可以实现了。
5.2.1 基本页面设计
（1）新建由模板bkblog.dwt.aspx生成的ASP.NET VB 动态页hf.aspx，在mainbody可编辑区域中插入表格ztre，并进行有关设计，结果如图5-2-1所示：
图5-2-1 表格ztre设计图
（2）启动Access2003，建立FH表、YH表连接查询HFRE，其实连接视图及显示字段如图5-2-2所示。
图5-2-2 查询HFRE的有关设计
（3）按4.2.2数据集那节中（1）-（3）步骤，添加数据集Ztre，拖拉字段到相应位置，并进行动态文本（Ztre.ZYTEXT）的格式设置，结果如图5-2-3所示：
图5-2-3 绑定数据到表格ztre
（4）修改数据集Ztre为筛选，筛选字段为ZTID，选“URL参数”作为参数传递方式，输入参数变量为ztanw。
（5）添加数据集Hfre，筛选字段为ZTID，选“URL参数”作为参数传递方式，输入参数变量为ztanw，结果如图5-2-4所示：
图5-2-4 数据集Hfre的设计
Dreamweaver构建Blog全程实录(1)·Dreamweaver构建Blog(2):构建开发环境
Dreamweaver构建Blog(3):数据库的设计和连接·Dreamweaver构建Blog(4):首页的实现
（6）拖拉数据集Hfre字段到表格ztre的相应位置，设动态文本（Htre.HFTEXT）的格式设置“编码—HTML编码格式”，将表格ztre的第5、6、7行，定义为重复区域，定义数据分页到表格ztre，结果如图5-2-5所示：
图5-2-5 绑定数据集Htre到表格ztre中
（7）打开首页index.aspx，选择动态文本（Ztre.ZTNAME），创建超级链接，链接到hf.aspx，切换到代码视图，把链接属性改为：hf.aspx?ztanw=，拖拉数据集Ztre下的字段ZTID到等于号之后，结果如图5-2-6所示：
图5-2-6 在代码中添加动态超级链接
（8）保存hf.aspx和index.asps，在Access中给相应HF表、YH表随便输入几个记录，进行IE浏览器中浏览index.asps，点出有回复的学习笔记主题，如图5-2-7所示：
图5-2-7 回复页的显示
（9）再点击数据集导航的任何一个超级链接，结果如图5-2-8所示：
图5-2-8 点击数据集导航后页面结果
啊！全没了！这就是ASP.NET网页间数据传递的问题。得像5.1节中那进行修改。
（10）切换到代码视图，在标签之前，插入如图5-2-9红色圈中所示的代码。
图5-2-9 给hf.aspx插入页面载入默认函数
Dreamweaver构建Blog全程实录(1)·Dreamweaver构建Blog(2):构建开发环境
Dreamweaver构建Blog(3):数据库的设计和连接·Dreamweaver构建Blog(4):首页的实现
（11）找到数据集Ztre中的代码：
<Parameter Name="@ZTID" Value='<%# IIf((request.QueryString("ztanw") <> Nothing), request.QueryString("ztanw"), "") %>' Type="Integer" />
把上面代码中request.QueryString("ztanw")替代为session("ztanw")，结果代码修改为
<Parameter Name="@ZTID" Value='<%# IIf((session("ztanw")<> Nothing), session("ztanw"), "") %>' Type="Integer" />
（12）找到数据集Hfre中的代码：
<Parameter Name="@ZTID" Value='<%# IIf((request.QueryString("ztanw") <> Nothing), request.QueryString("ztanw"), "") %>' Type="Integer" />
把上面代码中request.QueryString("ztanw")替代为session("ztanw")，结果代码修改为
<Parameter Name="@ZTID" Value='<%# IIf((session("ztanw")<> Nothing), session("ztanw"), "") %>' Type="Integer" />
（13）保存hf.aspx。
|
