对GWT还是不死心 vue-gwt

简介: 引子 gwt推出很多年了,可能很多人都忘记了,google web toolkit。当时Google推出的时候,野心勃勃,试图一通江湖,通过Java把服务器端,浏览器端都统一。(从现在看,还是nodejs吞吃后端的可能性更大了) 自己多年以前就记录过一篇,《为什么我放弃GWT》。

引子

gwt推出很多年了,可能很多人都忘记了,google web toolkit。当时Google推出的时候,野心勃勃,试图一通江湖,通过Java把服务器端,浏览器端都统一。(从现在看,还是nodejs吞吃后端的可能性更大了)

自己多年以前就记录过一篇,《为什么我放弃GWT》。实际上之后也一直持续的关注GWT的发展。新版本引入JsInterop技术,有点让GWT更加开放了。今天要介绍的vue-gwt就是一个重度通过JsInterop让gwt和vue.js组件化开发框架融合的项目。

优势

  1. Java 强类型
  2. vue.js 组件化,虽然说能够跟Gwt组件一起使用,但还是不推荐了,因为gwt自己的组件库好像有点落伍了
  3. 比起gwt-react的封装优雅许多

ShowTime

真正的组件

#SimpleLinkComponent.java
@Component
public class SimpleLinkComponent extends VueComponent {
    @JsProperty String linkName = "Hello Vue GWT!";
}
#SimpleLinkComponent.html
<a href="https://github.com/Axellience/vue-gwt">
    {{ linkName }}
</a>

生命周期回调

#SimpleLinkComponent.java
@Component
public class SimpleLinkComponent extends VueComponent  implements HasCreated {
    @JsProperty String linkName = "Hello Vue GWT!";
    @Override
    public void created() {
        console.log("SimpleLinkComponent created!")
    }
}

结尾

Java我所欲,vue.js亦我所欲,二者的兼,vue-gwt!
这也不是什么介绍,纯粹属于个人看到了,高兴,就记录下,以后再慢慢累教程吧。
项目github地址

目录
相关文章
|
数据可视化 前端开发 Java
SpringBoot 集成 Flowable + Flowable Modeler 流程配置可视化(图解)(一)
SpringBoot 集成 Flowable + Flowable Modeler 流程配置可视化(图解)
6091 0
|
SQL XML JavaScript
【若依Java】15分钟玩转若依二次开发,新手小白半小时实现前后端分离项目,springboot+vue3+Element Plus+vite实现Java项目和管理后台网站功能
摘要: 本文档详细介绍了如何使用若依框架快速搭建一个基于SpringBoot和Vue3的前后端分离的Java管理后台。教程涵盖了技术点、准备工作、启动项目、自动生成代码、数据库配置、菜单管理、代码下载和导入、自定义主题样式、代码生成、启动Vue3项目、修改代码、以及对代码进行自定义和扩展,例如单表和主子表的代码生成、树形表的实现、商品列表和分类列表的改造等。整个过程详细地指导了如何从下载项目到配置数据库,再到生成Java和Vue3代码,最后实现前后端的运行和功能定制。此外,还提供了关于软件安装、环境变量配置和代码自动生成的注意事项。
31870 73
|
测试技术 Go C#
C#一分钟浅谈:ReSharper 插件增强开发效率
【10月更文挑战第25天】ReSharper 是 JetBrains 开发的一款 Visual Studio 插件,旨在提高 .NET 开发者的生产力。它通过代码分析、重构、导航等功能,帮助开发者避免常见错误,提升代码质量和开发效率。本文将通过具体代码案例,详细介绍 ReSharper 的常见功能及其应用。
1194 1
|
前端开发 JavaScript C#
C#开发者的新天地:Blazor如何颠覆传统Web开发,打造下一代交互式UI?
【8月更文挑战第28天】Blazor 是 .NET 生态中的革命性框架,允许使用 C# 和 .NET 构建交互式 Web UI,替代传统 JavaScript。本文通过问答形式深入探讨 Blazor 的基本概念、优势及应用场景,并指导如何开始使用 Blazor。Blazor 支持代码共享、强类型检查和丰富的生态系统,简化 Web 开发流程。通过简单的命令即可创建 Blazor 应用,并利用其组件化和数据绑定特性快速搭建界面。无论对于 .NET 还是 Web 开发者,Blazor 都是一个值得尝试的新选择。
1192 1
|
资源调度 运维 前端开发
超强开源全能日程助手—揭秘FullCalendar
超强开源全能日程助手—揭秘FullCalendar
1342 3
|
容器 Kubernetes Perl
从零开始入门 K8s| 阿里技术专家详解 K8s 核心概念
作者| 阿里巴巴资深技术专家、CNCF 9个 TCO 之一 李响 一、什么是 Kubernetes Kubernetes,从官方网站上可以看到,它是一个工业级的容器编排平台。Kubernetes 这个单词是希腊语,它的中文翻译是“舵手”或者“飞行员”。
19758 1
|
JavaScript 开发者 UED
Vue.js组件库大对决:Element UI与Vuetify,开发者的罗密欧与朱丽叶!
【8月更文挑战第30天】Element UI和Vuetify是Vue.js开发中的热门组件库,前者简洁高效,后者遵循Material Design,国际化程度高。两者均提供丰富的组件支持,但Vuetify组件更多样,设计更灵活;Element UI在性能和中文支持上更优。文档方面,Element UI更直观易懂,而Vuetify配置灵活但学习成本稍高。选择时需综合考虑项目需求、团队背景及设计风格,以达到最佳开发效果。
1246 0
|
Ubuntu Shell Docker
GPU_nvidia-container-toolkit安装和配置
GPU_nvidia-container-toolkit安装和配置
4878 1
|
监控 Java API
Spring Boot与Camunda的完美融合
【4月更文挑战第20天】
3992 0
|
前端开发 JavaScript