您的位置: 首页 > 技术文档 > 网络编程 > 用NoahWeb表现层制作动态网站
4天学会 NoahWeb 表单 回到列表 Dreamweaver 数据库路径的使用
 用NoahWeb表现层制作动态网站

作者:jasoncode 时间: 2005-06-23 文档类型:原创 来自:蓝色理想

第 1 页 用NoahWeb表现层制作动态网站 第一天
第 2 页 用NoahWeb表现层制作动态网站 第二天
第 3 页 用NoahWeb表现层制作动态网站 第三天
第 4 页 用NoahWeb表现层制作动态网站 第四天
第 5 页 用NoahWeb表现层制作动态网站 第五天

欢迎大家继续第四天的学习!前三天都是准备和环境的搭建,今天开始真正的教怎么做动态站点,呵呵。

我们先来仔细看一下安装设计器以后在Macromedia Dreamweaver MX 2004加入的NoahWeb扩展菜单,在“插入”里可以看到如下的界面:

这个是NoahWeb Base Object下的内容

这个是NoahWeb Objects下的内容

好了。可以开始制作了。我们先在Macromedia Dreamweaver MX 2004中新建一个“空页面”。

然后存放在e:\webroot\mysite下,命名为"default.aspx"。在这说明一下,如果各位对Macromedia Dreamweaver MX 2004熟悉的话可以在DW中为e:\webroot\mysite建一个站点(DW中建站点不是必须的,各位如果会的话不妨建一下这样用起来会更方便!)。

接下来我们在DW中在"default.aspx"页面的代码头部加插入"NoahWeb Base Objects"下的"NoahPageHeadTag"标签,如下图:

插入以后的代码如下:

呵呵现在就已经表示这个aspx页面采用NoahWeb的引擎来进行解析。这个标签十分重要,否则页面就不能正常的被NoahWeb引擎解析。

我们可以先来测试一下运行是否正常,写个测试内容在body区域里,可以先插入一个"NoahWeb Objects"下的"NoahValue"标签。具体的方法如下:

插入后的代码如下:

然后在ValueName="" 里调用NoahWebInfo()函数,如图所示:

保存"default.aspx"文件以后在IE浏览器里输入"localhost"回车后能看到

Ok,看到上面的内容就表示我们做的都是正确的,"default.aspx"页面已经被NoahWeb的引擎解析。

在此回头看一下刚才使用到的两个命令。第一个命令是

<%@ Page language="c#" AutoEventWireup="false" Inherits="NoahWeb.Engine" %>

这个命令是来告诉系统该页面将使用NoahWeb的引擎来做解析,大家只要记得把这段代码插入到所需要被引擎解析的aspx文件的最头部就可以了。

 

另一个命令是

<!-- NoahValue ValueName="" MaxChar="" DChar="" Safety="False" -->

这个是一个大家所熟悉的HTML注释标签写法,可他在这不是一个普通注释标签,而就是我们的学习的NoahWeb表现层的语法,NoahWeb的13个表现层指令全部都是类似的注释标签,而此刻这个指令是用来回显变量内容到该标签所在的位置的,比如刚才我们调用了一个NoahWebInfo()的函数,这个函数执行出来的结果就会被放在NoahValue标签所在的位置。

OK!知道这两个命令以后我们接着往下讲,今天的内容会比之前几天多一点。

为了后面的动态显示内容。我们先给数据库内的mynews表准备一点内容,用企业管理器添加些内容,如下:

然后我们可以使用设计器建立一个数据库操作集,具体的方法就是在设计器里的"mynews"表上面点鼠标右键然后选择"由此创建Select",如下图:

选择后会看到设计器里出现下面的界面

我们完善一下其中的内容,有修改的部分我用红字给大家做了一下标注,如下:

改动的地方很少。很容易的做的。然后点上图我用蓝色的字标注的地方可以把这个界面关闭并将内容保存,然后就能看到在操作集下出现了一个mynews_S_All的操作集,如下图:

这就相当于我们手写了一个数据库查询“select * from mynews”,然后呢我们回到DW中,在DW中我们可以在刚才的"default.aspx"里做好一个为显示新闻的静态样子。小弟美术水平有限,做的不漂亮大家多多包涵,大概样子如下:

我们看一下,如果我们要希望呈现按照静态的样子来动态显示成后台数据库中的内容,要做的其实就是循环"<tr>"到下一个"</tr>"之间的内容,了解这点以后就很容易做了。我们可以在设计器中先选中"<tr>"至"</tr>"之间的一段内容,然后插入"NoahWeb Objects"下的"NoahLoop"标签,具体如下:

然后会看到下面的内容

这样LOOP就把"<tr>"至"</tr>"之间的内容包住了,然后我们把之前在设计器中做好的"mynews_S_All"数据库操作集的名称放到SQLLinkId=""中,如下

保存以后运行一下看看,呵呵在浏览器里就能看到这样的结果,如下:

可以看到,现在多了6条"准备做新闻的第1条"这样的内容,我们继续做一下,就可以把内容显示出来了,在DW中用上面我们讲过的方式插入一个

<!-- NoahValue ValueName="" MaxChar="" DChar="" Safety="False" -->

替换掉

"准备做的新闻第1条"

然后在ValueName=""里写入"[_LOOP.*.title]",如下图所示:

存盘以后在浏览器中的显示结果如下:

再接再力,把发布时间也替换了……,方法就是把

发布时间

替换成

<!-- NoahValue ValueName="[_LOOP.*.newdate]" MaxChar="" DChar="" Safety="False" -->

如下图:

存盘保存以后,在浏览器里查看显示结果如下:

哇,后面把时间也显示出来了~,得改改……,要不太难看,改的方法查了查NoahWeb的文档可以调用date函数,稍微修改一下:

<!-- NoahValue ValueName="[_LOOP.*.newdate]" MaxChar="" DChar="" Safety="False" -->

改成

<!-- NoahValue ValueName="date('O',mktime([_LOOP.*.newdate]))" MaxChar="" DChar="" Safety="False" -->

如下图:

刷新一下浏览器就能看到下面的结果

现在好多了。不过下面刚才静态做的那些也应该去掉,这样才漂亮

在DW中删掉那些代码就可以了。如下

在浏览器里刷新就看到

苦闷呀,实际操作的时候其实非常简单的,我写的整个过程最多1-2分钟的操作。可写出来害我截了那么多张图片……,命苦。今天就教大家到这吧,明天接着再讲。累了。

出处:蓝色理想
责任编辑:蓝色

上一页 用NoahWeb表现层制作动态网站 第三天 下一页 用NoahWeb表现层制作动态网站 第五天

◎进入论坛网络编程版块参加讨论

作者文章
多种Web脚本语言下的日历实现
4天学会 NoahWeb 表单
表单制作方式大比拼
用NoahWeb表现层制作动态网站
热门搜索:CSS Fireworks 设计比赛 网页制作 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
周大福“敬•自然”设计大赛开启
国际体验设计大会7月将在京举行
中国国防科技信息中心标志征集
云计算如何让安全问题可控
云计算是多数企业唯一拥抱互联网的机会
阿里行云
云手机年终巨献,送礼标配299起
阿里巴巴CTO王坚的"云和互联网观"
1499元买真八核 云OS双蛋大促
首届COCO桌面手机主题设计大赛
栏目最新 栏目最新列表
浅谈JavaScript编程语言的编码规范
如何在illustrator中绘制台历
Ps简单绘制一个可爱的铅笔图标
数据同步算法研究
用ps作简单的作品展示页面
CSS定位机制之一:普通流
25个最佳最闪亮的Eclipse开发项目
Illustrator中制作针线缝制文字效果
Photoshop制作印刷凹凸字体
VS2010中创建自定义SQL Rule
>> 分页 首页 前页 后页 尾页 页次:4/51个记录/页 转到 页 共5个记录 分享按钮

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
网站可用性测试及优化指南
《写给大家看的色彩书1》
《跟我去香港》
众妙之门—网站UI 设计之道
《Flex 4.0 RIA开发宝典》
《赢在设计》
犀利开发—jQuery内核详解与实践
作品集 更多内容

杂⑦杂⑧ Gold NORMANA V2