如何设置gwt以使用我的自定义css进行化妆？这些链接对我没有任何帮助:https : //developers.google.com/web-toolkit/doc/latest/DevGuideUiCss？hl = ccs http://code.google.com/p/google-web-toolkit -doc-1-5 /维基/ GettingStartedStyle#Default_styles
:
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>
:
<!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' />
注意:将此行放在最后一次继承decleration和入口点decleration之间.
EXTRA: 我的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
| 归档时间： |
|
| 查看次数： |
7596 次 |
| 最近记录： |