Tapestry组件运用总结(Image组件)
初次使用图片时是在阅读<<EnjoyWebDevWithTapestry-995>>时,按照示例程序发现确实直接写图片相对路径图片显示不出来.使用下面方法可以显示.
Page文件中:
<asset name="head" path="context:/image/Head.gif"/>
HTML文件中:
<img src="image/Head.gif" jwcid=" @Image" image=" ognl:getAsset('head')" width="800" height="100"/>
如此便能使图片正常显示.
Asset被用访问静态文件如images和stylesheets.
访问图片:
<asset name="head" path="context:/image/Head.gif"/>
访问CSS样式表:
<asset name="stylesheet" path="style/style.css"/>
需要在HTML中使用Shell来声明:
<html jwcid="@Shell" stylesheet="ognl:assets.stylesheet">
随后,自己写的练习程序中,没有使用Image组件,只使用相对路径,仍然能正常显示图片.
似乎CSS样式表是否也可以不通过Shell组件,直接使用.
从数据库中读取图片路径:
在页面类中实现IAsset接口
HTML页面模板中
<img jwcid="@Image" image="ognl:newsImage" height="200" border="0"/>
Page文件中:
<asset name="head" path="context:/image/Head.gif"/>
HTML文件中:
<img src="image/Head.gif" jwcid=" @Image" image=" ognl:getAsset('head')" width="800" height="100"/>
如此便能使图片正常显示.
Asset被用访问静态文件如images和stylesheets.
访问图片:
<asset name="head" path="context:/image/Head.gif"/>
访问CSS样式表:
<asset name="stylesheet" path="style/style.css"/>
需要在HTML中使用Shell来声明:
<html jwcid="@Shell" stylesheet="ognl:assets.stylesheet">
随后,自己写的练习程序中,没有使用Image组件,只使用相对路径,仍然能正常显示图片.
似乎CSS样式表是否也可以不通过Shell组件,直接使用.
从数据库中读取图片路径:
在页面类中实现IAsset接口
public IAsset getNewsImage(){
return new ExternalAsset(getPictureUp(), null);
//getPictureUp()用以获取数据库中图片路径
}
HTML页面模板中
<img jwcid="@Image" image="ognl:newsImage" height="200" border="0"/>