首页 | 新闻 | 新品 | 文库 | 方案 | 视频 | 下载 | 商城 | 开发板 | 数据中心 | 座谈新版 | 培训 | 工具 | 博客 | 论坛 | 百科 | GEC | 活动 | 主题月 | 电子展
返回列表 回复 发帖

使用 Vaadin 实现全堆栈 Java Web 开发(1)

使用 Vaadin 实现全堆栈 Java Web 开发(1)

要在 Web 应用程序中创建引人注目的交互式用户体验,Java 开发人员通常必须掌握作为现代浏览器基础的一些非 Java 技术:JavaScript、CSS 和        HTML5。HTML5/JavaScript 前端与 Java 后端之间的交互(通常通过 Ajax 实现)往往需要一个复杂的、很难维护的程序集。但现在,由于开源 Vaadin        框架,在完全用 Java 编程的环境中,Java 开发人员可以获得对其现代 Web 应用程序的全堆栈控制权。
作为一个成熟的框架,Vaadin 支持所有流行的 Java 开发环境(Eclipse、IntelliJ、NetBeans、Maven,等等;本教程的示例使用的是          Eclipse)。Vaadin 有数百个社区贡献的和市面上可以买到的 UI 组件。这些组件都是精心打造和维护的,可用于所有现代浏览器,而且它们使用了最新提供的          HTML5、CSS 和 JavaScript 功能。
Vaadin 的服务器端 UI 创建支持使您能够编写和部署 Java 技术中的可重用组件。该框架管理客户端 UI 创建和管理的复杂性。与您已经熟悉的所有中间层和后端 Java            技术(比如 Enterprise Java Beans (EJB) 技术、Java Persistence API (JPA) 和 Spring)的集成非常容易。Vaadin            以服务器为中心的特性使得该框架兼容所有现代的云托管解决方案(包括 Bluemix™),所以您可以在云中轻松地部署高度互动的 Web 应用程序。Vaadin            还兼容支持 JVM 的生态系统(包括 Python (Jython)、Groovy 和 Scala)中的其他许多编程语言。
发挥您的 Vaadin 技能在最终的黑客马拉松比赛中加入 IBM 和 Vaadin 的阵营。使用您在本教程中获得的技能,以及基于 Bluemix 的技能,“ ”,以便构建出色的应用程序和赢得奖品。挑战赛举办时间为 2015 年 10 月 15 日至              2015 年 11 月 30 日。 。

本教程将介绍 Vaadin,揭示它的架构,说明它的工作原理,并提供多个动手实例,让您熟悉 Eclipse 环境中的 Vaadin 开发。最后一个 Jython 示例突出强调了                Vaadin 在处理许多 JVM 支持的编程语言方面的灵活性。
Vaadin 内部揭秘从架构上讲,Vaadin 类似于 AWT、Swing 和 SWT。您需要实例化准备在服务器端使用的组件并将它们连接在一起,该框架会自动生成和部署 UI 元素。Vaadin                  与那些传统 Java 工具包之间的主要区别是:使用的组件是 HTML5/CSS/JavaScript 组件,通过 Ajax                  与服务器进行通信并通过框架进行自动管理,而不是使用通过 Java 呈现的桌面 GUI 组件(或通过受支持操作系统的特定图形 API)。
图 1 显示了 Vaadin 的架构。
图 1. Vaadin 架构客户端编程模型本教程将重点介绍 Vaadin 的更受欢迎的服务器端编程模型。Vaadin                    还支持一个鲜为人知的客户端编程模型。浏览器中运行的代码可以访问小部件和远程调用服务器端方法,但必须先从 Java 编译成 JavaScript。

在图 1 中,您可以看到 Vaadin 如何帮助开发人员完全屏蔽 UI 呈现技术堆栈的复杂性。作为 Vaadin 的开发人员,您可以创建您的                      UI(包括各种交互的事件处理程序):通过在一个 Java servlet(一个 VaadinServlet)中使用 Java 来连接预制组件。然后由                      Vaadin 负责其余的工作。客户端 Vaadin 引擎(用 HTML5/CSS/JavaScript 编写,而且基于 Google Web                      Toolkit)和服务器端框架都支持为您实现(生成) UI 和管理 UI。服务器端 UI 组件网络是通过浏览器中的客户端 UI                      小部件网络来实现 的。
服务器端 UI 组件支持 Vaadin 中的数据绑定,这使得处理后台数据库变得非常容易。Java 应用程序代码可以继续利用服务器提供的所有功能,包括 Java                        Platform、Enterprise Edition (Java EE) 和 Web 服务。
根据行业最佳实践,在使用 Vaadin 时,呈现是与业务逻辑无关的。您可以使用 Vaadin HTML 设计文档以声明方式创建布局,或者以 Java                          编程的方式创建布局。您可以通过使用 CSS 或 Sass 中的主题,进一步自定义和调优应用程序的外观。
返回列表