GWT HTML Template
1.简介
gwt进行html页面开发,要做出好的页面是相对困难的。一种简单的方式是美工完成html页面,程序员在页面对需要放置的组件如按钮,输入框定义一个id,在类中导入html页面,自动id映射填充。
a.使用html文件作为模板,定义页面使用的id
b.装载html页面
c.初始化widget,通过id映射放置到html中
2.核心
Template.gwt.xml
HTMLTemplatePanelX : html template类,自动装配widget
ITemplateSource : html模板接口
3.Demo
java 代码
- public class TestApp implements EntryPoint{
-
- public void onModuleLoad() {
-
- TestHtml html = new TestHtml();
-
- RootPanel.get().add(html);
- }
-
- static class TestHtml extends HTMLTemplatePanelX{
- public TestHtml(){
- Template template = (Template) GWT.create(Template.class);
- String html = template.getWelcome();
-
- TextBox txt1 = new TextBox();
- Button btn1 = new Button("Click welcome");
-
- super.widgets.put("txt1", txt1);
- super.widgets.put("btn1", btn1);
- super.setHtml(html);
- }
-
- interface Template extends ITemplateSource{
-
-
-
-
- String getWelcome(); //template.html和imageBundle一样,放在相同包下
- }
- }
- }
如果想实时修改html,就能获得修改,使用debug模式,实时请求服务器:
java 代码
- interface htmlTemplate extends ITemplateSource{
-
-
-
-
-
-
- String getSource(); //gwt.debug 后面文件为public下相对路径
- }
4.地址:http://code.google.com/p/macaufly-gwt-tool/downloads/list
分享到:
相关推荐
我们正在尝试在这个项目中结合 GWT 和 Polymer: : (工作正在进行中)添加聚合物元素使用 Bower 安装新元素,例如core-toolbar元素: cd src/main/webapp/polymerbower install --save Polymer/core-toolbar使用--...
NULL 博文链接:https://zkf60553.iteye.com/blog/1315760
gwt-htmlspec GWT 支持完整的 W3C HTML 规范。 目的 GWT SDK 包含对多种原生 HTML 元素的原生支持。 此支持允许您创建根植于除通用DivElement之外的元素的 UiBinder 定义。 然而,可用元素的多样性并非应有尽有,...
GWT AsyncGen是一个简单的Ant任务,没有依赖项,您可以轻松地将其合并到项目中,以完成为FooService GWT RemoteService接口定义生成FooServiceAsync源的烦人的自动化任务。 我们的目标是在这里实现最大程度的简化。 ...
gwt-gradle:使用NPMWebpack的用于现代Web应用程序的Gradle GWT插件
gwt-formlayout 具有 json 数据绑定的可定制、响应式表单布局例子 JSONObject sampleData = new JSONObject ();sampleData . put( " Field 1 " , new JSONNumber ( 1.0 ));sampleData . put( " Field 2 " , new JSON...
gwt-crypto 从 code.google.com/p/gwt-crypto 自动导出 ===更新 2015-03-12:=== 嗨伙计, 鉴于即将关闭的谷歌代码: : 我将其移至 github: : 我不再支持这个项目了,所以请随意分叉! 担 Brill 说:在 GWT ...
java源码:网页表格组件 GWT Advanced Table.zip
GWT-OpenLayers 3+ 使用gwt-ol,您可以使用纯Java编写用于Web和移动设备的快速映射应用程序。 从技术上讲,它是使用的用于的GWT包装器。 该项目包括两个部分: 适用于OpenLayers 3+的GWT包装器(gwt-ol3-client) ...
使用的技术: IDE:eclipse Luna Service Release 2 (4.4.2) Jar 管理:Apache Maven Web 技术:GWT、GWTP、CSS 版本 GWT 版本:2.7.0 gwt-maven-plugin.version:2.7.0 目标.jdk:1.7
Ext GWT 2.0: Beginner's Guide pdf 和源码,重点推荐学习GWT-EXT的入门资料,英文版的
GWT学习文档,整理的学习文档,适用于初学者
GWT 2.7 Designer修补程序 如果要使用预构建的SDK,请在存储库的根目录中获取gwt-0.0.0.zip文件。 它是在没有Elemental支持的情况下构建的。 请参阅此处以获取2.6.1补丁中的内容: : 除了上述补丁的更改之外,还...
这是一个 GWT 项目,用于使用 GWT 创建令人惊叹的演示文稿。 例子 GWT.create 会议上的 GQuery 基础知识 它使用 gwt + gquery + 生成器根据示例代码和 java 文件中的 javadoc 生成 HTML5 演示文稿。 演示文稿 java ...
基于扩展 HTML 本身的封装和可互操作的自定义元素,Web 组件开创了 Web 开发的新时代。 Polymer 建立在这些新标准之上,可以更轻松、更快速地创建任何东西,从按钮到跨桌面、移动设备等的完整应用程序。 GWT + ...
gwt-material 适用于GWT的Google Material Design包装器 迁移2.0-> 2.1 演示版 文献资料 支持文档可以在找到我们为开发人员创建了 Maven 当前版本2.4.2 < groupId>com.github.gwtmaterialdesign</ groupId> ...
GWT Pleso Framework 使您能够基于业务逻辑类创建自动生成的用户界面。 它为以下项目提供控制面板解决方案: 数据库企业项目; 其他基于关系的项目。 网站管理; 它有一组用于操作用户数据的组件,例如 ...
gwt-cannonjs 围绕库的 GWT 包装器。演示大多数 cannon.js 演示被翻译成 Java/GWT: ://gwt-cannonjs.appspot.com/demoLauncher/目标零开销在 cpu 和代码大小方面,包装器保证不会在 cannon.js 库代码上增加开销(1) ...
GWT的环境搭建详细配置说明,GWT中RPC调用的详细例子,内附代码加文档说明。
gwt-全屏 GWT全屏 演示 演示源