eclipse下搭建Vaadin工程

new > maven project
这里写图片描述

选择工作目录,使用默认工作目录
这里写图片描述
选择原型
这里写图片描述
如果没有vaadin原型,点击Add Archetype
这里写图片描述
输入项目参数
这里写图片描述
点击finish后项目结构如下
这里写图片描述

Pom文件报错,描述如下:

Plugin execution not covered by lifecycle configuration: com.vaadin:vaadin-maven-plugin:7.1.0:update-theme (execution: default, phase: generate-sources)        line147 Maven Project Build Lifecycle Mapping Problem
可以看出lifecycle configuration中缺少update-theme的配置
解决:
Line 191 增加 <goal>update-theme</goal>
网上参考:http://blog.csdn.net/xxd851116/article/details/25197373
Finish后,pom文件会有报错
解决Maven报Plugin execution not covered by lifecycle configuration
解决办法
官网给出解释及解决办法:http://wiki.eclipse.org/M2E_plugin_execution_not_covered
这里有人说下面这样也可以解决, 即 <plugins> 标签外再套一个 <pluginManagement> 标签,我试验是成功的:
http://stackoverflow.com/questions/6352208/how-to-solve-plugin-execution-not-covered-by-lifecycle-configuration-for-sprin
<build>
    <pluginManagement>
        <plugins>
            <plugin> ... </plugin>
            <plugin> ... </plugin>
                  ....
        </plugins>
    </pluginManagement>
</build>

Maven install
右键项目,run as –>maven install
没有问题的话会提示BUILD SUCCESS

这里写图片描述

Maven jetty:run
调用 Jetty 插件,目标在 Jetty Servlet 容器中启动 web 应用
这里写图片描述
这里写图片描述

Apply 然后 Debug
这里写图片描述
访问
这里写图片描述
这里写图片描述
代码

@Override
    protected void init(VaadinRequest request) {
        final VerticalLayout layout = new VerticalLayout();
        layout.setMargin(true);
        setContent(layout);

        Button button = new Button("Click Me");
        button.addClickListener(new Button.ClickListener() {
            public void buttonClick(ClickEvent event) {
                layout.addComponent(new Label("Thank you for clicking"));
            }
        });
        layout.addComponent(button);
}
组件功能
标题设定:
Button button = new Button("Click Me");
设置按钮标题为click me
给按钮添加描述信息:
button.setDescription("This is the tooltip");
富文本描述
激活与禁用
button.setEnabled(true)
button.setEnabled(false)
图标:
button.setIcon(new ThemeResource("mchine.png"));
访问theme文件夹下的资源
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值