当前位置:七道奇文章资讯设计学堂DW设计
日期:2009-10-28 21:35:00  来源:本站整理

<b>DreamweaverMX打造留言本(三)</b>[DW设计]

赞助商链接



  本文“<b>DreamweaverMX打造留言本(三)</b>[DW设计]”是由七道奇为您精心收集,来源于网络转载,文章版权归文章作者所有,本站不对其观点以及内容做任何评价,请读者自行判断,以下是其具体内容:

 OK,接下来就是邮箱和地址了,和前面的做法稍有点差别,如图(7-18)和(7-19)所示.



7-18


7-19


一样,要注意有个次序,先选中邮箱这个图片,再从下面的属性面板中点击Link按钮.呈现如图(7-20)所示的对话框,这里的意思就是假如点击这张图片的话衔接到那边去.


7-20

从前呢,我们这个功效是衔接到本地的某个页面去,但在DW MX里我们能通过挑选Data Sources衔接到动态的页面去.这里我们从记录集合email的字段,并记得在前面加上“mailto:”这里为什么加这个呢?是因为这个“mailto”是个html标签,即衔接以OUTLOOK翻开来发信.

同时,记得要给这个email图片加上alt属性,即alt="<%=(guestbook.fields.item("f_name").value)%>的邮箱是<%=(guestbook.fields.item("f_email").value)%>,点击这里给他/她发信".

地址的衔接办法如图(7-21)所示.


7-21

绑定好衔接后记得对图片加上alt属性,改成alt="<%=(guestbook.fields.item("f_name").value)%>的邮箱是<%=(guestbook.fields.item("f_homepage").value)%>,点击这里给他/她发信"


是的,这里的确有点烦燥,不过加油吧,成功在向我们招手呢.:)
看看目前的效果吧,如图(7-22)所示.


7-22

接下来要做的呢,就是给答复该主题和编辑、删除加上衔接,并动态化.这里应用的行为是跳转到细节页(Go To Detail Page).在前面我们成立了答复页(rep.),编辑页(edit.)和删除页(del.),在这里我们也不一一详述若何举行衔接了,效果如图(7-23,7-24,7-25)所示.



7-23

7-24

7-25

做好上面这三步后还要记得做一件事哦,假如我们留言内容有很多条怎么办??这里要用DW MX服务器行为中的Repeat Region(反复区域),选中显示留言的整个大表格,Application-->Server Behaviors-->Repeat Region,如图(7-26)所示.



7-26
我们定义它为每页显示14条记录,这样看起来简洁一点,单击OK按钮.

做到这一步的时刻不得不考虑一个问题了,浏览的用户怎么知道我有多少条留言记录呢??其实当我们在成立记录集的时刻,DW MX早就为我们考虑好这些了,如图(7-27)所示.



7-27

First record index:索引中的第一条记录.
Last record index:索引中的最后一条记录.
total records:全部记录总和.

有了这些,我们要做的只是把他们拖到页上去,加上呼应的阐明文字就行了,如图(7-28)所示.


7-28

保持,就要成功了!我们还需求一个导行条,因为前面我们用到了Repeat Region(反复区域),如图(7-29)所示.



7-29
Insert-->Application Objects-->Recordset Navigation Bar(插入-->利用对像-->记录集导行条),点击后呈现如图(7-30)所示对话框.



7-30

Recordset:这里挑选要导行的记录集.
Display Using:这里挑选导行条的显示方法,text为文字,images为图片,这里我们挑选images.

单击OK按钮,显示效果如图(7-31)所示.



7-31

大概它太大了,我们可以把这个表格缩一下,选中这个表格后在属性面板里把它的width="50%"改成width="15%"就行了,终究效果如图(7-32)所示.


7-32

目前举行最后完善阶段,把“发表新主题”衔接到new.页面,下面的“管理人员进口”衔接到login.页面,“退出登陆!”上应用一个行为,这个功效其实是为超级用户预备的.如图(7-33)所示.



7-33
User Authentication:用户断定.
Log Out user:登陆用户退出.

单击后呈现如图(7-44)所示对话框.



7-44

Log Out When:哪类方法退出登陆,Link clicked:当点击这个衔接后就退出.Page Loads:当页面关闭后就算退出.
When Done, Go To:当退出后转到哪个页面,这里我们定义转到index.首页.

还有在上面看到的{Session.MM_username}其实也是为超级用户预备的,当你没有登陆的时刻就显示“欢送您”,假若有超级用户登陆了,则会显示“欢送您XX!”.在这里我们要成立一个Session变量,如图(7-34)所示,至于这个Session变量的问题,我们在背面的章节里会具体介绍.:)



7-34


7-35

点击后呈现如图(7-35)所示的对话框,在对话框里输入MM_username.这个MM_username变量是DW MX在应用登陆的行为(我们将在背面具体介绍)后自动产生的.同时把它拖到“欢送您!”之间的感慨号之前. 啊,让我们来一同吼吼~~~~~~终于把最难的这部份做完了,恭喜啊,呵...


  以上是“<b>DreamweaverMX打造留言本(三)</b>[DW设计]”的内容,如果你对以上该文章内容感兴趣,你可以看看七道奇为您推荐以下文章:
  • <b>hosts是什么 hosts文件在什么位置 若何改正hosts</b>
  • <b>在 Windows 8 中手动安装语言包</b>
  • <b>五个常见 PHP数据库问题</b>
  • Windows中Alt键的12个高效快速的利用本领介绍
  • <b>MySQL ORDER BY 的实现解析</b>
  • <b>详解MySQL存储历程参数有三种范例(in、out、inout)</b>
  • <b>Win8系统恢复出来经典的开始菜单的办法</b>
  • <b>Win8系统花屏怎么办 Win8系统花屏的办理办法</b>
  • <b>Windows 7系统下无线网卡安装</b>
  • <b>为什么 Linux不需求碎片整理</b>
  • <b>Windows 8中删除账户的几种办法(图)</b>
  • <b>教你如安在win7下配置路由器</b>
  • 本文地址: 与您的QQ/BBS好友分享!
    • 好的评价 如果您觉得此文章好,就请您
        0%(0)
    • 差的评价 如果您觉得此文章差,就请您
        0%(0)

    文章评论评论内容只代表网友观点,与本站立场无关!

       评论摘要(共 0 条,得分 0 分,平均 0 分) 查看完整评论
    Copyright © 2020-2022 www.xiamiku.com. All Rights Reserved .