vaadin

简介: vaadin

历史是一堆灰烬,但灰烬深处有余温。——黑格尔《美学》

Vaadin允许我们使用java代码进行页面构建

Vaadin 是一个 Java 的 Web 应用程序开发框架,其中包含一个大型的 UI 组件库。它可以帮助您比以前更快地构建可靠的 Web 应用程序和出色的用户体验

https://vaadin.com/

我们按照官方文档里下载demo

https://vaadin.com/docs/latest/guide/quick-start

运行以后

发现这里的主要代码:

package com.example.application.views.main;
import com.vaadin.flow.component.Key;
import com.vaadin.flow.component.button.Button;
import com.vaadin.flow.component.notification.Notification;
import com.vaadin.flow.component.orderedlayout.HorizontalLayout;
import com.vaadin.flow.component.textfield.TextField;
import com.vaadin.flow.router.PageTitle;
import com.vaadin.flow.router.Route;
@PageTitle("Main")
@Route(value = "")
public class MainView extends HorizontalLayout {
    private TextField name;
    private Button sayHello;
    public MainView() {
        name = new TextField("Your name");
        sayHello = new Button("Say hello");
        sayHello.addClickListener(e -> {
            Notification.show("Hello " + name.getValue());
        });
        sayHello.addClickShortcut(Key.ENTER);
        setMargin(true);
        setVerticalComponentAlignment(Alignment.END, name, sayHello);
        add(name, sayHello);
    }
}

成功为我们构建一个页面:

我们填写内容,点击

下方弹出了消息

相关文章
|
人工智能 测试技术 程序员
3天功能开发→3小时:通义灵码2.0+DEEPSEEK实测报告,单元测试生成准确率92%的秘密
通义灵码2.0是阿里巴巴推出的一款智能编程辅助工具,借助AI的强大能力,为开发者提供高效的代码生成、单元测试自动生成及跨语言编程支持。其核心亮点包括: 通义灵码2.0不仅提升了开发效率,还降低了编程门槛,帮助初学者快速上手。强烈推荐给所有开发者! [了解更多](https://hyk52syx.blog.csdn.net/article/details/145642464?spm=1001.2014.3001.5502)
1484 23
|
人工智能 数据可视化 前端开发
Probly:开源 AI Excel表格工具,交互式生成数据分析结果与可视化图表
Probly 是一款结合电子表格功能与 Python 数据分析能力的 AI 工具,支持在浏览器中运行 Python 代码,提供交互式电子表格、数据可视化和智能分析建议,适合需要强大数据分析功能又希望操作简便的用户。
1629 2
|
机器学习/深度学习 Python
【初窥CBAM】实操版即插即用的注意力机制模块
【初窥CBAM】实操版即插即用的注意力机制模块
755 0
【初窥CBAM】实操版即插即用的注意力机制模块
|
人工智能 程序员 API
作为阿里云生态圈从业者,从第三方视角来说说通义零码
本文作者作为一名零码用户,分享了自己使用零码进行API接口和桌面小工具开发的体验。即使非专业程序员,零码也能提供代码和思路,大大提升编码效率。在阿里云生态圈中,零码帮助团队新人快速成长,实现高效开发。文章还展示了零码在C++程序报错排查中的应用,证明其强大的辅助能力。用零码,大有可为!
543 0
|
存储 关系型数据库 MySQL
MySQL索引的限制
【6月更文挑战第15天】MySQL索引的限制
741 3
|
API UED 开发者
用Vaadin Flow点燃你的Web开发:打造现代化应用的秘诀
【8月更文挑战第31天】陈强是一位全栈开发者,他选择使用Vaadin Flow为公司创新项目开发定制化电子商务平台。Vaadin Flow凭借其丰富的UI组件和便捷的开发模式缩短了开发周期。陈强利用`TextField`、`Button`等组件快速实现了用户登录功能,并通过`Grid`组件展示了商品列表。他还计划利用Vaadin的主题定制功能保持应用外观与公司品牌的统一,同时优化数据绑定和页面导航以提升应用性能和用户体验。此案例展示了Vaadin Flow在现代化Web应用开发中的强大功能和高效性。
261 0
|
Oracle Java 关系型数据库
各种数据库对应的jar包、驱动类名和URL格式
各种数据库对应的jar包、驱动类名和URL格式
460 0
|
安全 Java 关系型数据库
基于springboot的大学生智能消费记账系统的设计与实现(程序+数据库+文档)
基于springboot的大学生智能消费记账系统的设计与实现(程序+数据库+文档)
|
存储 NoSQL 关系型数据库
什么是列存储?一文秒懂
什么是列存储?一文秒懂
2601 1