配置 Spring 社交以提供静态内容
Configuring Spring Social to serve static content
我目前正在使用 Spring Boot 和 Spring Social 来允许人们在我的项目中使用 Facebook、Twitter 或 LinkedIn 登录,这是基于已经存在的 Spring项目-
我希望能够在我的项目中提供静态内容(CSS、JS、图片)。我还使用 Thymeleaf 来模板化我的观点。问题是当我运行项目时,Spring找不到静态内容。我在其他网站上进行了研究,发现了一篇文章 -
http://www.logicbig.com/tutorials/spring-framework/spring-boot/boot-serve-static/
也就是说,如果您的静态内容位于 /resources 文件夹中,Spring 将能够找到它。我看过的其他文章和项目是 -
- https://github.com/spring-projects/spring-boot/tree/master/spring-boot-samples/spring-boot-sample-web-static
- https://spring.io/blog/2013/12/19/serving-static-web-content-with-spring-boot
这是我的文件树和文件所在位置的图片。
这是signin.html页面
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="/index.css" rel="stylesheet" />
</head>
<body>
<form th:action="@{/signin/facebook}" method="POST">
<button id="facebookloginelementbutton" type="submit" class="loginelementbutton">Login with <i class="fa fa-facebook-square"></i></button>
<input type="hidden" name="scope" value="email,publish_stream,offline_access" />
</form>
<script src="js/index.js"></script>
</body>
</html>
如果您需要查看更多文件或者我的处理有误,请告诉我!
提前致谢,
亚当
你需要像下面这样的项目结构,资源文件夹中的静态文件夹,然后在静态文件夹中你可以有 css, images, js etc
:
然后 CSS 在代码中引用如下:
<link href="/assets/css/dashboard.css" rel="stylesheet" />
和像这样的 javascripts:
<script src="/assets/js/project_angular.js"></script>
我目前正在使用 Spring Boot 和 Spring Social 来允许人们在我的项目中使用 Facebook、Twitter 或 LinkedIn 登录,这是基于已经存在的 Spring项目-
我希望能够在我的项目中提供静态内容(CSS、JS、图片)。我还使用 Thymeleaf 来模板化我的观点。问题是当我运行项目时,Spring找不到静态内容。我在其他网站上进行了研究,发现了一篇文章 -
http://www.logicbig.com/tutorials/spring-framework/spring-boot/boot-serve-static/
也就是说,如果您的静态内容位于 /resources 文件夹中,Spring 将能够找到它。我看过的其他文章和项目是 -
- https://github.com/spring-projects/spring-boot/tree/master/spring-boot-samples/spring-boot-sample-web-static
- https://spring.io/blog/2013/12/19/serving-static-web-content-with-spring-boot
这是我的文件树和文件所在位置的图片。
这是signin.html页面
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="/index.css" rel="stylesheet" />
</head>
<body>
<form th:action="@{/signin/facebook}" method="POST">
<button id="facebookloginelementbutton" type="submit" class="loginelementbutton">Login with <i class="fa fa-facebook-square"></i></button>
<input type="hidden" name="scope" value="email,publish_stream,offline_access" />
</form>
<script src="js/index.js"></script>
</body>
</html>
如果您需要查看更多文件或者我的处理有误,请告诉我!
提前致谢,
亚当
你需要像下面这样的项目结构,资源文件夹中的静态文件夹,然后在静态文件夹中你可以有 css, images, js etc
:
然后 CSS 在代码中引用如下:
<link href="/assets/css/dashboard.css" rel="stylesheet" />
和像这样的 javascripts:
<script src="/assets/js/project_angular.js"></script>