如何将 css 包含在 html 球衣/灰熊队中
How include css in html with jersey / grizzly
这是我的项目的样子:
src/main/java
-- main.java
src/main/resources
-- webapp
-- -- css
-- -- js
-- -- images
-- -- pages
-- -- -- home.html
实际上我的 maven 项目适用于 jersey 和 grizzly。我可以调用我的服务 (Rest) 并调用 html 静态页面 (clstatichttphandler)。问题是当加载文件 "home.html" 时,没有 css 或图像。我试图从 "home.html" 文件中设置 css 的相对路径,但它不起作用。
我认为我的 css / 图片不可见。
编辑
这是启动服务器 grizzly 的文件 - Main.java
public static HttpServer startServer() {
// create a resource config that scans for JAX-RS resources and providers
// in com.application.easyshow package
final ResourceConfig rc = new ResourceConfig().packages("com.application.app", "com.businessLogic");
// create and start a new instance of grizzly http server
// exposing the Jersey application at BASE_URI
HttpServer server = GrizzlyHttpServerFactory.createHttpServer(URI.create(BASE_URI), rc);
server.getServerConfiguration().addHttpHandler(
new org.glassfish.grizzly.http.server.CLStaticHttpHandler(Main.class.getClassLoader(), "/webapp/pages/"), "/app");
return server;
}
这是我尝试加载 css 和 js 的 <head>
- home.html
<head>
<meta charset="UTF-8">
<title>Soundbyte Template</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../css/responsive.css">
<link rel="stylesheet" href="../Player/css/progression-player.css" />
<link href="../Player/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href='//fonts.googleapis.com/css?family=Poppins:400,600,700%7cRoboto:400,300,700,900' rel='stylesheet' type='text/css'>
<script src="../js/libs/jquery-1.11.3.js"></script>
<script src="../js/libs/jquery-migrate.min.js"></script>
<script src="../js/libs/modernizr-2.6.2.min.js"></script>
</head>
我的项目是什么样的
问题可能是 css 文件的路径不正确。如果直接写css/images。它从 HTML 的 基本目录开始,您可以将 css/folder 放在那里。或者从 project_name/main/resources/css/images.
开始
希望对您有所帮助。 :)
这是我的项目的样子:
src/main/java
-- main.java
src/main/resources
-- webapp
-- -- css
-- -- js
-- -- images
-- -- pages
-- -- -- home.html
实际上我的 maven 项目适用于 jersey 和 grizzly。我可以调用我的服务 (Rest) 并调用 html 静态页面 (clstatichttphandler)。问题是当加载文件 "home.html" 时,没有 css 或图像。我试图从 "home.html" 文件中设置 css 的相对路径,但它不起作用。
我认为我的 css / 图片不可见。
编辑
这是启动服务器 grizzly 的文件 - Main.java
public static HttpServer startServer() {
// create a resource config that scans for JAX-RS resources and providers
// in com.application.easyshow package
final ResourceConfig rc = new ResourceConfig().packages("com.application.app", "com.businessLogic");
// create and start a new instance of grizzly http server
// exposing the Jersey application at BASE_URI
HttpServer server = GrizzlyHttpServerFactory.createHttpServer(URI.create(BASE_URI), rc);
server.getServerConfiguration().addHttpHandler(
new org.glassfish.grizzly.http.server.CLStaticHttpHandler(Main.class.getClassLoader(), "/webapp/pages/"), "/app");
return server;
}
这是我尝试加载 css 和 js 的 <head>
- home.html
<head>
<meta charset="UTF-8">
<title>Soundbyte Template</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../css/responsive.css">
<link rel="stylesheet" href="../Player/css/progression-player.css" />
<link href="../Player/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href='//fonts.googleapis.com/css?family=Poppins:400,600,700%7cRoboto:400,300,700,900' rel='stylesheet' type='text/css'>
<script src="../js/libs/jquery-1.11.3.js"></script>
<script src="../js/libs/jquery-migrate.min.js"></script>
<script src="../js/libs/modernizr-2.6.2.min.js"></script>
</head>
我的项目是什么样的
问题可能是 css 文件的路径不正确。如果直接写css/images。它从 HTML 的 基本目录开始,您可以将 css/folder 放在那里。或者从 project_name/main/resources/css/images.
开始希望对您有所帮助。 :)