NoahWeb
在线搜索
NoahWeb.net | 开发者交流中心 | 支持 | 文档 | 反馈缺陷 

动态网站制作示例

我们来看一下怎么通过NoahWeb快速制作出一个网站的动态页面。下图是几个已经设计好的静态页面,我们看看怎么一步一步的制作成动态页面。

下图是default.aspx的设计页面

下图是news.aspx的设计页面

下图为newscontent.aspx的设计页面

一张一张的来吧,首先是default.aspx,分析后发现,页面中三块地方的内容需要是动态的。另外,还要加入一个搜索功能。

动态内容需要来源于数据库。打开原代码,把不用的table,tr和td都删掉,留下一个来改。

查询新闻的数据表,根据类型把内容循环显示出来,并且每条新闻应该是个链接,点击以便查看详细信息。

首先插入NoahPageHeadTag。

使用NoahWeb的设计器创建news_S_bykind数据查询

使用NoahWeb设计器辅助功能得到表现层循环头部标签。

在Dreamweaver MX的default.aspx代码编辑区,把要显示出来的字段写成链接,放在loop里,把返回字段的唯一索引取出来传到下一个页面,给下一个操作集作为条件使用。

至于“排行榜”,按点击数进行排序就可以了,每次点击一条新闻查看详细信息的时候,更新表,让记录点击数的字段+1。所以在NoahWeb设计器里创建一个根据点击数排序的查询。

在Dreamweaver MX的default.aspx代码编辑区中排行榜的内容部分使用此查询。



看看成果,是不是期望的那样。

default.aspx现在显示如下:

显示在页面上的链接证明了这个方法没有问题,现在还有两个链接没写,就是标题“国际新闻”和“国内新闻”。

除了在链接中写动作……还得传个参数,下一个页面的操作集得使用这个参数作为查询的条件!

好啦,传递的值已经准备好,现在去制作新闻详细信息的newscontent.aspx页面。

在NoahWeb的设计器中创建一个根据id查询的news_S_byid查询

通过NoahWeb设计器查询集辅助功能获得news_S_byid的表现层代码

把辅助生成的代码粘贴进Dreamweaver MX中的newscontent.aspx相应把显示的内容套在loop里,使用刚才建的那个操作集,查询条件“id”就是点击新闻链接时传过来的那个值。

显示图片的问题……判断一下就解决了。

看看结果如何。

newscontent.aspx显示如下:

为了让“排行榜”显示出真实的新闻排行,查看新闻详细信息的时候得让记录点击数的字段+1,不然“排行榜”就没用了。这个使用更新数据库字段就行了。

在NoahWeb设计器中创建news_U_byid查询操作:

在代码中使用news_U_byid查询操作

试试看,刚才做的是不是都成功了。

news.aspx显示如下

newscontent.aspx显示如下

default.aspx显示如下

下面要做的是newscontent.aspx页面左侧的链接。

default.aspx和newscontent.aspx页都做得差不多了,现在去做新闻列表news.aspx页。
和刚才一样,还是先给它一个动作。

创建一个news_S_bykind_page操作集用来做分页显示。

剩下的就是在news.aspx文件的代码中写一些简单的逻辑了。

把要显示的内容套在一个loop中。



把不用的tr,td都删掉,留下一个来改。

下面接着做页面的分页链接。

OK!大功告成!测试一下……

一切顺利,不过好象还缺少一个判断。

回去修改一下。

再试试……

三个动态页面做完了,回到首页测试一下。

……继续吧……
现在开始做搜索新闻的功能,搜索是在当前页执行的,点击搜索按钮后提交到新闻news.aspx一个动作,在news.aspx页显示搜索结果,因此可以把当前页面上最外层的那个table拷贝一个,放在一个动作中,当搜索按钮点击后,触发的就是这个动作!而原来的table也要放在一个没有名称的动作中,这样一来当页面载入时,就会执行这个没有名称的动作,页面原有的功能也就可以继续使用了!

在default.aspx页面代码中

在NoahWeb设计器中新建用于关键词搜索的news_S_bykindandkey操作集



关于“排行榜”,也需要新建用于排行榜搜索的news_S_bycontandkey操作集。



将search动作中用的操作集都换掉。

继续对default.aspx的代码进行编写

好了……测试一下

打开default.aspx页面输入关键词

关键词搜索以后default.aspx页面显示如下:

没有错,全部完成了……看看表,大概用了20分钟……


 

 

 

查看NoahWeb在线手册

Copyright © 2001-2004 The NoahWeb Corporation
All rights reserved.