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
分享到:
相关推荐
- **基于组件的UI**:GWT提供了丰富的用户界面组件,如表格、按钮、面板等,可以方便地构建复杂的界面布局。 - **异步通信**:GWT支持AJAX,允许无刷新的页面更新和服务器通信。 - **本地化支持**:内置的国际化...
标题中的“gwt反射”指的是Google Web Toolkit (GWT) 中的反射机制。GWT 是一个用于构建富互联网应用程序(RIA)的开放源代码Java框架,它允许开发者使用Java编程语言来编写前端应用,然后通过编译器将Java代码转换...
在本文中,我们将深入探讨GWT-Ext框架中布局管理器的应用,这是一个基于Google Web Toolkit (GWT) 和 ExtJS 的强大控件库,用于快速开发富互联网应用程序。本系列文章的第三部分主要关注各种布局的实现和使用技巧,...
我们正在尝试在这个项目中结合 GWT 和 Polymer: : (工作正在进行中)添加聚合物元素使用 Bower 安装新元素,例如core-toolbar元素: cd src/main/webapp/polymerbower install --save Polymer/core-toolbar使用--...
在布局管理方面,书中详细阐述了Ext GWT的布局系统,包括绝对布局、表格布局、流式布局和边界布局等,帮助开发者根据需求灵活地组织界面元素。此外,还涵盖了数据绑定和远程服务调用,使开发者能有效地与服务器进行...
GWT允许开发者使用Java语言来编写客户端的Web应用,并自动生成优化过的JavaScript代码,以确保在各种主流浏览器上运行良好。 GWT的核心特性包括: 1. **Java编程模型**:GWT使用Java作为开发语言,使得开发者可以...
- GWT提供了一套丰富的UI组件库,如Button、TextBox、ListBox等,这些组件可以轻松地构建复杂的用户界面。 - 支持事件处理机制,如点击事件、键盘事件等。 4. **远程服务调用(RPC)**: - GWT支持通过远程过程调用...
Java 源码:网页表格组件 GWT Advanced Table 是一个基于 Google Web Toolkit(GWT)开发的高级表格组件。GWT 是一个用于构建富互联网应用程序(RIA)的开放源码框架,它允许开发者使用 Java 语言来编写客户端的 ...
《GWT揭秘》试读:运行调试项目 GWT(Google Web Toolkit)是Google推出的一款用于构建高性能、跨浏览器的富互联网应用程序(Rich Internet Applications,RIA)的开发框架。它允许开发者使用Java语言来编写客户端...
gwt-htmlspec GWT 支持完整的 W3C HTML 规范。 目的 GWT SDK 包含对多种原生 HTML 元素的原生支持。 此支持允许您创建根植于除通用DivElement之外的元素的 UiBinder 定义。 然而,可用元素的多样性并非应有尽有,...
fwefwefwGWT工具GWT工具GWT工具GWT工具GWT工具GWT工具
**GWT(Google Web Toolkit)** 是一个由Google开发的开源JavaScript开发框架,它允许Java开发者使用Java语言来编写Web应用程序,并自动生成优化过的JavaScript代码。GWT的主要目标是简化复杂的Web开发过程,提高...
GWT AsyncGen是一个简单的Ant任务,没有依赖项,您可以轻松地将其合并到项目中,以完成为FooService GWT RemoteService接口定义生成FooServiceAsync源的烦人的自动化任务。 我们的目标是在这里实现最大程度的简化。 ...
在学习GWT的过程中,练习StockWatcher可以帮助你掌握GWT的核心组件和工作原理。逐步理解并实践这些知识点,你将能够创建更复杂、功能丰富的GWT应用程序。记得在实践中不断尝试、调试和优化,以加深对GWT的理解。
gwtext是如何与GWT整合,提供增强的组件库和布局管理器的。了解如何在项目中引入gwtext库,并创建第一个gwtext应用。此外,还会讲解gwtext的组件体系,包括按钮、表单、面板、树形视图等基本组件的使用方法。 第二...
GWT(Google Web Toolkit)是Google推出的一款开源的JavaScript开发框架,它允许开发者使用Java语言编写Web应用程序,并自动生成优化的JavaScript代码。RPC(Remote Procedure Call)是GWT中的一个核心特性,用于...
7. **用户界面(UI)设计**:GWT提供了一系列丰富的用户界面组件,如按钮、表格、表单等,以及布局管理器,帮助开发者快速构建现代Web界面。 8. **异步通信(RPC)**:GWT支持远程过程调用(RPC),使得客户端可以...
- **HTML和CSS**:虽然GWT会自动处理一部分布局,但理解基本的HTML和CSS可以帮助你更好地定制表格样式。 - **MVP(Model-View-Presenter)模式**:GWT推荐使用MVP模式进行开发,以分离业务逻辑和视图逻辑。 在...