GWT嵌入纯HTML页面

  众所周知,gwt页面是java代码所写,不存在html页面直接作用于gwt面板中。不过gwt也倒是提供了一些可用的功能,比如frame,这个是UI中的一个,内部可以设置URL,但是经过我测试后发现,这个frame在生成之后,在嵌套的面板周围会有一个框框,影响美观,具体能不能经过css修改,我没有多测试。日后有时间会试下。

  我这里是要说明的是另一种方法,gwt提供了一个HTML的UI,这个UI有一个方法,即setHTML(String str)。好了,大致已经清楚,就是把一些字符串放到HTML这个UI中,然后就能在页面展示这个HTML了。但是要是把一个html页面的代码全部弄成字符串,有些不切实际。gwt的ClientBundle中提供了方法,可以引用外部资源。详细代码如下:

  

 1 import com.google.gwt.core.shared.GWT;
 2 import com.google.gwt.resources.client.ClientBundle;
 3 import com.google.gwt.resources.client.TextResource;
 4
 5 public interface HtmlResources extends ClientBundle {
 6
 7     public static final HtmlResources INSTANCE = GWT.create(HtmlResources.class);
 8
 9     @Source("page.html")
10     public TextResource getHtml();
11 }

  其中用到了GWT.create()的延迟绑定方法,这里绑定了自身。

  使用方法如下:

HTML html = new HTML();
String str =HtmlResources.INSTANCE.getHtml().getText();
html.setHTML(str);
Panel.add(html);

  使用也是及其简单,就这样把html页面的代码转换成了字符串了。

时间: 2024-10-08 19:52:26

GWT嵌入纯HTML页面的相关文章

纯js页面跳转整理

js方式的页面跳转1.window.location.href方式    <script language="javascript" type="text/javascript">           window.location.href="http://updn.cn";     </script>2.window.navigate方式跳转   <script language="javascript

将flex页面嵌入到jsp页面中

如果我们只需要用到Flex的一部分功能,例如播放器功能,我们可以单独把Flex页面嵌入到Jsp页面中.要想实现此功能,需要下载一个工程,将其覆盖在服务器根目录下即可.你可以在次下载:FlexModule_j2ee.zip. 在eclipse下新建一个web工程,将刚才下载的工程解压缩,然后将webtier文件夹下的内容覆盖服务器根目录下,如本人的: 注意要将lib文件夹和jars文件夹下的jar包添加到到类路径下,这样就算是整合完成了吧. 接着新建一个flex的mxml文件PlayVideo.m

Java与Flex学习笔记(20)---将flex页面嵌入到jsp页面中

如果我们只需要用到Flex的一部分功能,例如播放器功能,我们可以单独把Flex页面嵌入到Jsp页面中.要想实现此功能,需要下载一个工程,将其覆盖在服务器根目录下即可.你可以在次下载:FlexModule_j2ee.zip. 在eclipse下新建一个web工程,将刚才下载的工程解压缩,然后将webtier文件夹下的内容覆盖服务器根目录下,如本人的: 注意要将lib文件夹和jars文件夹下的jar包添加到到类路径下,这样就算是整合完成了吧. 接着新建一个flex的mxml文件PlayVideo.m

把discuzX 的用户登录信息添加到纯静态页面

把discuzX 的用户登录信息添加到纯静态页面 转:http://cq6.com/forum.php?mod=viewthread&tid=86560&extra=page%3D1&page=1 分享&收藏 花了几个小时的间,终于把discuzX 的用户登录信息加到纯静态页面了:演示地址:http://cq6.com/bm/ 源码:1. zx.php (存放在网站根目录) <?php require './source/class/class_core.php';

纯客户端页面关键字搜索高亮jQuery插件

一.效果抢鲜展示 此插件是我今天下午写的,为了直观地看到是个什么东东,先展示效果,您可以狠狠地点击这里:搜索页面文字jQuery插件Demo 下图为Demo页面的两个测试截图 – 测试页面HTML代码取自豆瓣网帮助页面: 下载 您可以狠狠地点击这里:jquery.textSearch-1.0.js 文件较小,功能简单,恕不打包~~ 二.功能简述 从上图也应该看出来了,就是对HTML页面上的文字内容进行高亮标记,这个可以用在内容搜索上.纯粹的客户端程序,与后台一点瓜葛都没有. 三.如何使用 使用方

通过ASP生成html纯静态页面的简单示例

本站收录这篇文章通过ASP生成html纯静态页面的简单示例,详细解说文章中相关静态 asp 技术与知识,欢迎能给大家一些在这方面的支持和帮助!下面是详细内容: 原理:通过浏览器传送变量,如 http://127.0.0.1/shengcheng.asp?id=90 代码:if SaveFile("/new/"&id&".html","http://127.0.0.1/news.asp?id="&id&"&

在WPF中嵌入WebBrowser可视化页面

无论是哪种C/S技术,涉及数据可视化就非常的累赘了,当然大神也一定有,只不过面向大多数人,还是通过网页来实现,有的时候不想把这两个功能分开,一般会是客户的原因,所以我们打算在WPF中嵌入WebBrowser,然后使用ECharts 完成复杂的图表展示,其功能不亚于一个名为Devexpress的图标库,而且这东西还收费(呵呵),本文就对WebBrowser+ECharts进行了演示. 首先下载一下Echats.js文件以及Jquery文件并且创建一个Html页面,在我们项目的bin文件夹中. 在h

怎样获取优酷站内视频的MP4格式地址,嵌入到手机页面播放

最近的有关项目需要使用video标签播放视频,并且视频的路径src是优酷里面的视频,所以需要得到优酷里面的mp4路径才能播放. 但是在网上查了下资料,看到优酷的播放格式是一个m3u8文件,如图所示: 请问在移动端页面中播放优酷里面的视频,怎样实现?

嵌入在html页面中图像格式的区别与选用

图片格式是计算机存储图片的格式,常见的存储的格式有bmp,jpg,tiff,gif,pcx,tga,exif,fpx,svg,psd,cdr,pcd,dxf,ufo,eps,ai,raw等. HTML页面中常用的有:bmp,bmp,jpg,gif. BMP是一种与硬件设备无关的图像文件格式,使用非常广.它采用位映射存储格式,除了图像深度可选以外,不采用其他任何压缩,因此,BMP文件所占用的空间很大.BMP文件的图像深度可选lbit.4bit.8bit及24bit.BMP文件存储数据时,图像的扫描