配置Spring Social以提供静态内容

时间:2017-12-12 20:45:36

标签: java spring spring-boot spring-social

我目前正在使用Spring Boot和Spring Social来允许人们在我的项目中使用Facebook,Twitter或LinkedIn登录,这是基于已经存在的Spring项目 -

https://github.com/spring-projects/spring-social-samples/tree/master/spring-social-quickstart/src/main/java/org/springframework/social/quickstart/config

我希望能够在我的项目中提供静态内容(CSS,JS,Images)。我也使用Thymeleaf模拟我的观点。问题是,当我运行项目时,Spring无法找到静态内容。我在其他网站上进行了研究,发现了一篇文章 -

http://www.logicbig.com/tutorials/spring-framework/spring-boot/boot-serve-static/

说如果你的静态内容在/ resources文件夹中,Spring就能找到它。我看过的其他文章和项目是 -

这是我的文件树的图片以及文件所在的位置。

File Tree

以下是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>

如果您需要查看更多文件或者我是否会出错,请告诉我!

提前致谢,

亚当

1 个答案:

答案 0 :(得分:0)

您需要具有如下项目结构,资源文件夹内的静态文件夹,然后在静态文件夹中,您可以拥有css, images, js etc

Project Structure

然后在代码中引用CSS,如:

<link href="/assets/css/dashboard.css" rel="stylesheet" />

和javascripts喜欢:

<script src="/assets/js/project_angular.js"></script>