分享
 
 
 

Dreamweaver MX 2004做信息公告系统(3)设计首页

王朝html/css/js·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

1、在“文件”面板中双击站点中的index.asp打开它,在“应用程序”面板集中的“绑定”面板中点击“+”号,在弹出的菜单中选择“记录集(查询)”。

在弹出的对话框中作如下图的设置:

这里说明一下,名称就是建立的记录集的名称,连接则是选择连哪个数据库的连接,表格就是数据库中的数据表,列就是要选择的字段。筛选是选择记录的条件,排序是指选择出来的记录在显示的时候以什么方式排序。点击“测试”可以看到建立的记录集的结果。

点击“高级”可以切换到“高级”对话框,能进行更复杂的SQL语句的录入。 建立记录集后,可以在“绑定”面板中看到如下图所示的记录集:

2、在打开的index.asp中选中公告的标题部分,然后从“绑定”面板中选择“g_title”,在“绑定到”中选择“选定文本”(这是因为我事先在这个标题上做了链接),然后单击“绑定”。

3、依次选择其它需要从数据库中调用显示的部分,在“绑定”面板中选择相应的字段,单击下面的“插入”按钮。

4、选中日期部分“{rsgg.g_addtime}”,在“绑定”面板中g_addtime后面的下拉箭头处选择“日期/时间”>“长日期格式”,把时间格式化为“xxxx年x月x日”的样式。

5、首页全部内容绑定后的效果如下图。现在把文件保存,然后按F12预览,已经可以看到把数据库中的内容显示出来了。不过只显示了第一条记录,所以我们接下来要做重复区域,让其它的记录也显示出来。把光标放在这一行中,点击下面“标签选择器”中的<tr>,选中这一行。

6、然后点击“服务器行为”面板上的“+”号,在菜单中选择“重复区域”。

7、在弹出的“重复区域”对话框中选择要重复的记录集和显示的条数。这里选择“rsgg”和“11”条。

8、确定后就会在这一行的上面显示出“重复”的字样。

现在再保存后按F12预览,可以看到已经按我们设定的显示了11条记录了。那么超过11条记录后其它的记录我想分页显示的话又该怎么办呢?这个在DW中实现起来相当的方便。

9、把光标放在下面我们想显示分页导航的地方,把“插入”面板切换到“应用程序”,在下图所示的按钮中选择插入“记录集导航条”。

10、在弹出的“记录集导航”对话框中选择要分页的记录集,这里是rsgg,显示方式选择“文本”,点击“确定”。

11、可以看到在刚才的光标处已经插入了分页导航条。

12、可是仔细一看好像原来的单元格被撑高了一点,导航条的位置也太靠下了。这可不行,所以我们要来解决它。点击工具栏处的“代码”切换到代码视图。

一下就看到了,原来多了一个“&nbsp;”空格符,删除它,OK搞定。

13、分页的问题也解决了,显示已经没有问题了,就应该考虑如何在页面上进行交互了。首先要考虑的当然是我们如何通过点击标题的链接转到具体的公告内容页面上去?

这个问题在DW中也很好解决。

选中首页中的标题,在“服务器行为”面板上单击“+”号,在菜单中选择“转到详细页面”。对,这个功能就是帮助我们通过点击不同的标题来转到不同的内容页面的。

14、在弹出的“转到详细页面”对话框中进行如下图的设置(如果你用的我的模板的话,其实不用设置就是下面这样了):

说明一下,链接就是点击页面上的哪个链接来执行“转到详细页面”的操作;详细信息页当然就是公告内容页了,这里就是showgg.asp;传递URL参数是指把本页的值用什么参数传递到详细页上,也就是链接中“showgg.asp?g_ID=xxx”中的g_ID,是可以自定义的;记录集和列就是选择传递哪个记录的哪个字段的值。如果该页本来就带有参数,又想把该参数传递到下个页面,还可以勾选下面的“URL参数”或者“表单参数”。

该页正常的功能我们都已经实现了,大家赶快奖励自己一下,呵呵。接下来我们要实现一个小功能。那就是当数据库中还没有记录的时候,我们要给出一些提示信息,比如“还没有新的公告”。在原来的公告标题所在的表格下方再插入一个表格,里面输入“还没有新的公告!”,如下图所示。

15、选中这个表格,在“服务器行为”面板中点击“+”号,在菜单中选择“显示区域”>“如果记录集为空则显示区域”。

16、在弹出的对话框中选择判断是否为空的记录集,这里是rsgg,确定。

这样的话在数据库中还没有记录的时候页面就会显示出“还没有新的公告!”了。

同样你还可以把有记录集的那个表格设置为“如果记录集不为空则显示区域”。

17、首页的制作就要完成了。再检查一下,还有什么没有做呢?对了,还有个小小的图像“new”还没有用起来。我先来讲讲这里要实现的功能,就是当发布的公告的日期是今天的话,就显示这个“new”的图像表示是新的公告。怎么实现呢?看起来还比较难的样子,呵呵。不要担心,这个也很简单的。不过不是DW自带的功能了,我们需要在源代码上动它一动,呵呵。

选中小图像“new”,切换到“代码”视图。你可看到选中的代码是这样的:

<img src="images/news_new.gif" width="25" height="10">

现在把它改成这样的,也就是两头加上两句:

<% If Cstr(date())=left(rsgg.Fields.Item("g_addtime").Value,instr(rsgg.Fields.Item("g_addtime").Value," ")-1) Then %><img src="images/news_new.gif" width="25" height="10"><% End If %>

其中,If ... Then 表示一个条件判断,该条件为真则执行下面的语句,也就是显示图片,End If 用来结束这个判断。

( If ... Then ... [elseif ...] [else ...] End if )可是一个非常常用的语句,大家一定要用得很熟练噢。

那么判断的条件中又是些什么东东呢?我们一点一点来看。

Cstr(date()),其中date()是获取今天的日期,Cstr()是把括号中的内容转化为字符型。为什么要转化为字符串呢?接着看下面的...

left(A,i)是指截取字符串A从左边数起一直到第i位...

instr(A,B)是判断B在A中出现的位置是第几位,这里的instr(rsgg.Fields.Item("g_addtime").Value," ")-1),就是判断空格出现在时间的第几位,举个例看看:2005-7-13 12:03:04,空格出现在第10位,再-1那就是9。再结合前面的left(),对了,等号后面的语句其实就是为了把时间中的日期取出来。由于这里截取过后已经是字符型了,所以前面也要转化为字符型才能进行比较(记住噢,相同的类型才能比较噢)。

说了这一大段,这个判断应该看明白了吧。不明白偶也真的没办法了。(汗!汗!汗!我是前朝遗民,还是来自火星...-_-!) 首页全部制作完毕!各位可以小憩一番了。等一下再继续。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有