将 vaadin 应用程序嵌入到 div 元素中答案

【问题标题】：Embed vaadin application into div element将 vaadin 应用程序嵌入到 div 元素中
【发布时间】：2012-12-05 08:57:03
【问题描述】：

我正在尝试将 vaadin 应用程序嵌入到 div 元素中。我遵循本指南（12.3.1）：

https://vaadin.com/book/-/page/application.embedding.html

我使用教程中的 SimpleAddressBook 示例进行实验：

我的jsp：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>HC</title>

    <script type="text/javascript">
        var vaadin = {
            vaadinConfigurations: {
                trololo: {
                    appUri:'/trololo',
                    pathInfo: '/',
                    themeUri: '/VAADIN/themes/reindeer',
                    versionInfo : {
                        vaadinVersion: "6.8.6",
                        applicationVersion: "NONVERSIONED"
                    }
                }
            }};
    </script>

    <script language="javascript" src="/VAADIN/widgetsets/com.vaadin.terminal.gwt.DefaultWidgetSet/com.vaadin.terminal.gwt.DefaultWidgetSet.nocache.js?1354630345025"></script>
</head>
<body>
<iframe tabindex="-1" id="__gwt_historyFrame" style="position:absolute;width:0;height:0;border:0;overflow:hidden;" src="javascript:false"></iframe>

<div style="background-color: red; height: 150px"></div>

<div id="trololo"></div>
</body>
</html>

我的 web.xml：

<web-app xmlns="http://java.sun.com/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
          http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
         version="2.5">
    <servlet>
        <servlet-name>SimpleAddressBook</servlet-name>
        <servlet-class>com.vaadin.terminal.gwt.server.ApplicationServlet</servlet-class>
        <init-param>
            <param-name>application</param-name>
            <param-value>novikov.vaadin.SimpleAddressBook</param-value>
        </init-param>
    </servlet>

    <servlet-mapping>
        <servlet-name>SimpleAddressBook</servlet-name>
        <url-pattern>/trololo/*</url-pattern>
    </servlet-mapping>

    <servlet-mapping>
        <servlet-name>SimpleAddressBook</servlet-name>
        <url-pattern>/VAADIN/*</url-pattern>
    </servlet-mapping>
</web-app>

当我在浏览器中加载我的应用程序时，没有请求 vaadin 样式，因此网页上没有任何效果。

我尝试将 themeUri 设置为 /VAADIN/themes/reindeer； /VAADIN/主题；试图将其留空。我只是猫让它工作。帮助 =)

【问题讨论】：

标签： java html vaadin embedding

【解决方案1】：

对不起，我的错。忘记加了

<link rel="stylesheet" href="/VAADIN/themes/reindeer/styles.css">

以为这是由themeUri参数设置的。

【讨论】：