论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Dreamweaver教程
Tag:Dreamweaver CS,Dreamweaver 8,css,表格,布局,字幕,flash,声音,菜单,乱码,图层,行为,视频教程

Dreamweaver构建Blog全程实录(7)-用户登录的实现

文章类别:Dreamweaver | 发表日期:2008-9-18 10:49:58

第七章  Doking's BLOG用户登录页面的实现

  已完成用户的注册,用户现在可以登录到网站中,发表笔记、笔记回复。

7.1  用户登录服务器行为

  用户登录,经过验证正确,页面换了个用户登录后的面貌。

  (1)打开模板bkblog.dwt.aspx,在左边栏插入表格yhtab,并设计如图7-1黑色圈中所示。

  (2)插入关于YH表查询的数据集yhlog,以验证用户登录的正确。

  ①将数据集yhlog设为筛选,如图7-2所示。

图7-1  表格yhtab的设计图   

 图7-2  插入数据集yhlog

  ②点击“高级”按钮,切换到高级数据集模式,如图7-3所示。

图7-3  插入数据集yhlog

  ③点击参数“+”,弹出“编辑参数”对话框,填写名称为“@Logpas”,类型选择“WChar”,如图7-4所示。

图7-4  添加参加Logpass

  ④点击“建立”按钮,弹出“生成值”对话框,名称为“Logpass”,源选择“表单变量”,如图7-5所示。

图7-5  生成值对话框

  ⑤单击“确定”保存设置,一直回到数据集yhlog对话框。修改SQL语句,修改结果如图7-6所示。

图7-6  对数据集yhlog进行修改

  (3)在<html>标签之前,插入如图7-7红色圈所示的代码。

图7-7  定义函数uselog

  (4)拖拉模板bkblog.dwt.aspx中的数据集yhlog下的字段YHNAME到页面任何位置,再拖拉数据集yhlog下的字段YHID在其后,代码如下:

<%# yhlog.FieldValue("YHNAME", Container)  %><%# yhlog.FieldValue("YHID", Container)  %>

  把上面代码改为:

<%# uselog(yhlog.FieldValue("YHNAME", Container),yhlog.FieldValue("YHID", Container)) %>

  (5)插入关于ZT表查询的数据集bjre,返回该用户发表的学习笔记总数。

  ①将数据集设为“筛选”,筛选字段为:YHID,筛选方式为:输入值,如图7-8所示。

图7-8  插入数据集bjre

  ②点击“高级”,切换到高级数据集模式,将SQL修改成如图7-9所示。

图7-9  修改数据集bjre

  ③点击“编辑”按钮,在文本域中把YHID改为session(”USEID”),结果如图7-10所示。

图7-10  编辑数据集bire的参数

  ④按“确定”键,再按“确定”键完成数据集bire。

  (6)插入关于HF表查询的数据集plre,返回该用户发表的学习笔记总数。除了查询表不同外,其他设置与数据集bjre相同(可以先复制粘贴数据集plre,再进行修改)。

  (7)拖拉数据集bjre下的字段Eprl100到表格yhtab中的“发表笔记:”之后;拖拉数据集plre下的字段Eprl100到表格yhtab中的“发表回复:”之后。

  (8)把光标移到表格yhtab中的“用户信息”之前,点击ASP.NET快捷菜单下的“绑定数据”,结果如图7-11所示。

图7-11  插入绑定数据

  保持光标在图71红色垂直线的位置,输入:session(“USENAME”)

  (9)返回设计视图,给表格yhtab中的“发表新笔记”建立超级链接:../ztfb.aspx

  给表格yhtab中的“修改资料”建立超级链接:../yhsg.aspx

  结果如图7-12所示。

图7-12  表格yhtab的修改

  (10)选择表格yhtab,返回代码视图,按“Ctrl+X”或在【编辑】菜单中选择“剪切”,老方法:把它粘贴到新建立的记事本或Word文档中。

  (11)返回设计视图,选择表格logtab,把光标移至如图7-13所示的红色垂直线的位置。

图7-13  移至光标所在位置

  (12)输入代码,如图7-14红色圈中所示。

图7-14  在标签<form>之前插入代码

  (13)把光标移到Yhlogfrm结束标签</form>之后,输入代码,如图7-15红色圈中所示。

图7-15  标签</form>之后插入代码

  (14)把第7步中剪切的表格yhtab粘贴在代码<%end  if%>代码之前,<% else %>之后。

  (15)保存模板bkblog.dwt.aspx。打开所有基本于bkblog.dwt.aspx模板建立的网页,分别在【服务器行为】中把bkblog.dwt.aspx模板中新添加的数据集yhlog、bjre、plre,复制、粘贴过来。再插入如第3步骤的代码,就OK了!

  (16)在IE浏览器中浏览index.aspx,用户登录前如图7-16所示,用户登录成功如图7-17所示。记得ASP.NET是不支持gb2312编码传输,要进行修改,上一章中已说过了,以后不再哆嗦。

图7-16  用户登录前

图7-17  用户登录后

  提醒:为了方便读者学习,教程分成模块来写。实际上一开始就得在模板中所有功能做好,非凡是在模板必须插入的数据集及页头载入程序,因为这些在后期修改后不能更新网页。

7.2  用户发表回复信息

  用户登录后,就可以对 各学习笔记发表回复信息。

  (1)打开hf.aspx,插入表单yhplfrm,再插入表格Hftab,在表格中插入服务器文本框控件,ID为HFNAME;插入服务器文本区域控件,ID为HFTEXT;插入“发表”按钮,ID为plbottom,将其设为禁用,结果如图7-18所示。

图7-18  表格Hftab的有关设计

  (3)绑定数据session(“usename”)到表格Hftab中的“姓名:”之后(方法如7.1第8步骤绑定“用户信息”前的用户名)。

  (4)拖拉数据集Ztre下的字段ZTNAME到文本框HFNAME,在文本框HFNAME的属性窗口中,把初始值:

<%# Ztre.FieldValue("ZTNAME", Container) %>

  改为:

<%#  “RE:”&Ztre.FieldValue("ZTNAME", Container) %>

  (5)选择按钮plbottom,右键选择状态栏< input # plbottom>,在弹出快捷菜单中选择“编辑标签”,如图7-19所示。

图7-19  选择< input # plbottom>快捷编辑标签

  (6)在弹出的< input # plbottom>快捷编辑标签中把:

disabled=”true”

  改为:

disabled=<%# iif((session("USENAME")<>nothing),false,true) %>

  结果如图7-20所示。

图7-20  快捷< input # plbottom>编辑标签

  即设按钮plbottom,当用户登录前为禁用,用户登录后为可用。

  (4)添加插入记录服务器行为,提交值来自表单yhplfrm,选择插入表格为HF,其他设置如图7-21所示。

图7-21  添加插入记录服务器行为

  在图7-21中,可以看到字段HFID、HFTIME、YHID、ZTID没有获取值。字段HFID是自动编号,数据库会自动给记录添加数值;字段HFTIME在Access中已设默认值为date(),所以数据库会自动给新增加的记录添加当天日期。那字段YHID就是登录用户的ID码,字段ZTID就是要发表的笔记ID。所以要把登录用户的ID码添加到字段YHID中,要发表的笔记ID码添加到字段ZTID中。

  (5)返回到代码视图,找到插入记录(dkconn,HF)的代码,如图7-22黑色已选择部分。

图7-22  找到插入记录(dkconn,HF)的代码

  (6)把代码:

CommandText='<%# "INSERT INTO HF (HFNAME, HFTEXT) VALUES (?, ?,)" %>'

  改为:

CommandText='<%# "INSERT INTO HF (HFNAME, HFTEXT, ZTID, YHID) VALUES (?, ?, ?, ?)" %>'

  (7)按次序添加参数:

<Parameter  Name="@ZTID"  Value='<%# Ztre.FieldValue("ZTID", Container)  %>'  Type="Integer"   />

       <Parameter  Name="@YHID"  Value='<%# SESSION("USEID")  %>'  Type="Integer"   />

  结果如图7-23所示。

图7-23  插入记录(dkconn,HF)代码的修改结果

  (8)在发布回复信息前,得对回复标题和回复的内容进行验证,防止发布空标题或空内容的回复信息。参照6.2节中插入RequiredFieldValidato验证控件方法,分别给文本框HFNAME、文本区域控件HFTEXT添加RequiredFieldValidato验证控件。

  (9)用户发布回复信息时,还得给学习笔记的回复总数自动增加1,也就是给ZT表下的HFZS字段自动增加1。

  ①在【服务器行为】面板中,插入“更新记录”服务器行为,设更新表格为ZT,暂时设提交值,来自表单yhplfrm,暂时设:‘HFZS’从‘HFTEXT’获取值(作为‘Integer’);暂时设:‘ZTID’将‘HFTEXT’ 用作‘Integer’来选择记录

  ②为什么全是暂时的?那是为了先让Dreamweaver自动生成一些代码,后方便修改。先切换代码视图,找到更新记录(dkconn,ZT)的原代码,找到其中的代码:

<Parameter Name="@HFZS" Value='<%# IIf((Request.Form("HFTEXT") <> Nothing), Request.Form("HFTEXT"), "") %>' Type="Integer" /> 

<Parameter Name="@ZTID" Value='<%# IIf((Request.Form("HFTEXT") <> Nothing), Request.Form("HFTEXT"), "") %>' Type="Integer" /> 

  把它改为:

<Parameter Name="@HFZS" Value='<%# Ztre.FieldValue("HFZS", Container)+1 %>' Type="Integer" />

<Parameter Name="@ZTID" Value='<%#  session("ztanw") %>' Type="Integer" />

  (10)保存hf.aspx。

7.3  用户发表学习笔记

  用户登录后,除了可以发表回复信息外,还可以发表新的学习笔记。

  (1)新建由模板bkblog.dwt.aspx生成动态网页ztfb.aspx,在mainbody可编辑区域中插入一列五行的表格ztfb。

  (2)添加数据集zthb,设筛选为YHID,并设参数为阶段变量USENAME,其设计如图7-24所示。

图7-24  添加数据集zthb

  (3)拖拉数据集下的有关字段到表格ztfb中,方法参照第4.2节的方法。

  (4)打开hf.aspx,复制表单yhplfrm,把它粘贴到网页ztfb.aspx中的表格zthb的第五行,清空文本框HFNAME,并进行必要的修改,结果如图7-25所示。

图7-25  表格ztfb的设计

  (2)把文本框HFNAME改名为ZTNAME,文本区域HFTEXT改名为ZTTEXT。

  (3)设表格zthb的第一、二、三行为数据集zthb的重复区域,再在表格的第四行中插入数据集导航。

  (4)插入列表/菜单LMID,点击其属性窗口中的列表值,在弹出的列表值对话框中,输入项目标签为:设计项;值为:1,按“确定”键,如图7-26所示。

图7-26  LMID列表值对话框

  (5)保持列表/菜单LMIDl在选,切换到代码视图,找到列表/菜单LMID的原代码,拖拉数据集menuda下的字段LMID,替换value等于号的数据1,如图7-27所示。

图7-27  拖拉数据集menuda下的字段LMID

  (6)拖拉数据集menuda下的字段LM,替换“设计项”,结果如图7-28所示。

图7-28  拖拉数据集menuda下的字段LM

  (7)选择图7-3-5红色圈中的代码,并把它定义为数据集menuda的重复区域,结果如图7-29所示。

图7-29  定义列表中的数据集menuda重复区域

  (8)添加“插入记录”服务器行为,其设置如图7-30所示。

图7-30  添加“插入记录”服务器行为

  (9)切换到代码视图,找到插入记录(dkconn,ZT)的原代码,找到代码:

CommandText='<%# "INSERT INTO ZT (LMID, ZTNAME, ZYTEXT) VALUES (?, ?, ?)" %>'

  改为:

CommandText='<%# "INSERT INTO ZT (LMID, ZTNAME, ZYTEXT,YHID) VALUES (?, ?, ?, ?)" %>'

  (10)添加参数:

<Parameter Name="@YHID" Value='<%# session("USEID") %>' Type="Integer" />

  结果如图7-31所示。

图7-31  插入记录(dkconn,ZT)修改的原代码

7.4  修改用户资料

  修改用户资料页面设计与用户注册页面设计基本相同。

  (1)打开注册页面yhlogok.aspx,把它另存为yhsg.aspx,并进行适当的修改,结果如图7-32所示。

图7-32  yhsg.aspx页面设计

  (2)删除“插入记录(dkconn,YH)”服务器行为,添加数据集yhsg,如图7-33所示。

图7-33  插入数据集yhsg

  (3)绑定数据集yhsg下的有关字段到相应的文本框中,结果如图7-34所示。

图7-34  绑定动态文本到有关文本框中

  (4)添加更新记录服务器行为,暂时设:’YHID’将’YHNAME’用作’Integer’来选择记录,结果如图7-35所示。

图7-35  添加更记录服务器行为

  (5)在更记录的原代码中,找到代码:

<Parameter Name="@YHID" Value='<%# IIf((Request.Form("YHNAME") <> Nothing), Request.Form("YHNAME"), "") %>' Type="Integer" /> 

  将其改为:

<Parameter Name="@YHID" Value='<%# IIf((Not Session("USEID") Is Nothing), Session("USEID"), "") %>' Type="Integer" /> 

  (6)保存yhsg.aspx。

视频教程列表
文章教程搜索
 
Dreamweaver推荐教程
Dreamweaver热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058