个人中心
gpt4 book ai didi

css - 使用带有 gwt 的自定义 css

转载 作者：行者123 更新时间：2023-12-03 23:17:51 25 4
gpt4 key购买 nike

如何设置 gwt 以使用我的自定义 css 进行化妆？
这些链接根本没有帮助我:
https://developers.google.com/web-toolkit/doc/latest/DevGuideUiCss?hl=cs
http://code.google.com/p/google-web-toolkit-doc-1-5/wiki/GettingStartedStyle#Default_styles

  • 问题是我无法让 gwt 检测我在 lorum.gwt.xml 文件中声明的 css 文件，当我启动 Debug模式时，jetty 在启动时的日志输出中出现以下错误:

    • : 
     00:00:00.811  [WARN] 404 - GET /lorum/stylesheet.css (127.0.0.1) 1418 bytes
              00:00:00.811  [INFO] Request headers
                00:00:00.811  [INFO] Host: 127.0.0.1:8888
                00:00:00.811  [INFO] Connection: keep-alive
                00:00:00.811  [INFO] User-Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/535.19 (KHTML, like Gecko) Ubuntu/11.10 Chromium/18.0.1025.168 Chrome/18.0.1025.168 Safari/535.19
                00:00:00.811  [INFO] Accept: text/css,*/*;q=0.1
                00:00:00.811  [INFO] Referer: http://127.0.0.1:8888/Home.html?gwt.codesvr=127.0.0.1:9997
                00:00:00.812  [INFO] Accept-Encoding: gzip,deflate,sdch
                00:00:00.812  [INFO] Accept-Language: en-US,en;q=0.8
                00:00:00.812  [INFO] Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.3
                00:00:00.812  [INFO] Cookie: JSESSIONID=ywoku1zfjs0b
              00:00:00.812  [INFO] Response headers
                00:00:00.812  [INFO] Content-Type: text/html; charset=iso-8859-1
                00:00:00.812

    它不会加载我的 css。

    lorum.gwt.xml 来源: 
    l version="1.0" encoding="UTF-8"?>
    <module rename-to='lorum'>
        <!-- Inherit the core Web Toolkit stuff.                        -->
        <inherits name='com.google.gwt.user.User'/>
        <inherits name='com.google.gwt.user.theme.chrome.Chrome'/>
        <inherits name="com.google.gwt.resources.Resources" />
        <inherits name="com.company.lorum.gwt.client.stylesheet.css"/>
        <entry-point class='com.company.lorum.gwt.client.LoadModuleLorum'/>

        <stylesheet src='stylesheet.css' />

        <servlet path="/AuthenticationImpl" class="com.company.lorum.gwt.server.implementations.AuthenticationServiceImpl" />
        <servlet path="/GeneralImpl" class="com.company.lorum.gwt.server.implementations.GeneralServiceImpl" />
        <servlet path="/ProjectImpl" class="com.company.lorum.gwt.server.implementations.ProjectServiceImpl" />
    </module>
  • 我尝试在欢迎文件 (Home.html) 中继承我的 css 文件，该文件有效；但它不会将样式规则应用于我的小部件。而且我不喜欢这种方法，因为不同的浏览器对 css 语法的行为不同。虽然如果你知道我是如何让它工作的，我会使用它。这是我的 Home.html 源

    • : 
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf8"/>
        <link href="stylesheet.css" rel="stylesheet" type="text/css">
        <title>lorum</title>
    </head>
    <body>
    <script language="javascript" src="lorum/lorum.nocache.js"></script>
    </body>
    </html>

    CSS (stylesheet.css) 源代码(很简单，因为我只想测试它是否有效): 
    .gwt-MenuBar {
    color:green;
    }
    .gwt-Button {
    font-size: 200%;
    }

    子问题:
    我必须在哪里存储我的 css 文件，以便我的 lorum.gwt.xml 文件使用以下语法检测和使用它: <stylesheet src='stylesheet.css' />

    最佳答案

    这对我有用，我不会投票支持我自己的答案，只有在其他人验证该解决方案也适用于他们的情况下。

    在 中实现实际上相当简单2个简单的步骤。

    第 1 步。
    将您的样式表 (css) 文件放在您的 webapp 文件夹中

    第 2 步。
    将以下行添加到您的 gwt.xml 文件中:

    <stylesheet src='/yourstylesheetname.css' />

    注意:将此行放在最后一个继承声明和您的入口点声明之间。

    额外:
    我的 gwt.xml 源代码: 
    <?xml version="1.0" encoding="UTF-8"?>
    <module rename-to='lorum'>
        <inherits name='com.google.gwt.user.User'/>
        <inherits name='com.google.gwt.user.theme.chrome.Chrome'/>
        <inherits name="com.google.gwt.resources.Resources" />

        <stylesheet src='/customsheet.css' />

        <entry-point class='com.company.lorum.gwt.client.LoadModuleLorum'/>

        <servlet path="/AuthenticationImpl" class="com.company.lorum.gwt.server.implementations.AuthenticationServiceImpl" />
        <servlet path="/GeneralImpl" class="com.company.lorum.gwt.server.implementations.GeneralServiceImpl" />
        <servlet path="/ProjectImpl" class="com.company.lorum.gwt.server.implementations.ProjectServiceImpl" />
    </module>

    元素树 
    java     __ com __ company __ lorum __ gwt __ client __ **
                                               __ server __ **
                                               __ shared __ **
                                               __ Lorum.gwt.xml
    resources__ **
    webapp   __ WebFiles __ **
             __ WEB-INF  __ **
             __ Home.html
             __ mystylesheet.css

    关于css - 使用带有 gwt 的自定义 css，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11538463/

    25 4 0
    文章推荐： sublimetext3 - 如何在 sublime text 上使用 jupyter notebook？
    文章推荐： sql - 更新 BigQuery 表中 ARRAY 中的值
    文章推荐： arrays - 数组索引超出范围
    文章推荐： python - 如何使用mpl_finance设置一根烛台颜色？
    行者123
    个人简介

    我是一名优秀的程序员,十分优秀！

    滴滴打车优惠券免费领取
    滴滴打车优惠券
    全站热门文章
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com