抑郁症健康,内容丰富有趣,生活中的好帮手!
抑郁症健康 > SpringBoot项目引入前端模板时 CSS JS HTML文件无法加载的问题

SpringBoot项目引入前端模板时 CSS JS HTML文件无法加载的问题

时间:2019-03-04 20:49:11

相关推荐

做的问答系统的界面不够美观,虽然尽力改了,但还是没有很好看很主流。

于是找了个H+的模板来改。

模板下载地址

改完之后,放到项目里运行,结果并没有如期显示。

F12查看,是CSS与JS文件没有找到。

在pom文件加了些默认项:

<build><resources><resource><directory>src/main/resources</directory><includes> <include>**/*.properties</include><include>**/*.xml</include><!--加载模板文件--><include>**/*.html</include><include>**/*.js</include><include>**/*.css</include><include>**/*.png</include><include>**/*.gif</include><!--加载静态文件--><include>/static/</include></includes><filtering>false</filtering></resource></resources></build>

仍然报告错误。在引用时注明类型:

css的注明 rel="stylesheet"script的注明 type="text/javascript"

在项目的resource文件夹中,新建static文件夹,js与css文件夹放置其中,html文件放到templates文件夹里。

重启IDEA,重启项目。

没用,将pom文件加一行:

<include>/static/**</include>

将application.properties文件加一行:

spring.mvc.static-path-pattern=/static/**

重启之后,页面出来了,但还是有几个css文件没找到。

另外,几个额外的html文件也没找到。

使用Controller来控制页面跳转。

html文件中:

<a class="J_menuItem" href="/pages/toPage?url=/kbqa"></a>

Controller类:

package com.controller;import org.springframework.stereotype.Controller;import org.springframework.web.bind.annotation.RequestMapping;import org.springframework.web.bind.annotation.RequestParam;@Controller //必须是这个注解@RequestMapping("/pages")public class ToPageController {/*** 跳转页面* @param url* @return*/@RequestMapping("/toPage")public String toPage(@RequestParam(value = "url") String url){return url;}}

重启,可以跳转访问了。

在线引用CSS文件,搜索某个加载失败的class名+在线引用。

<link rel="stylesheet" href="/font-awesome/4.5.0/css/font-awesome.min.css">

另外:Springboot项目中,使用相对路径读取文件的话,默认为从项目根目录开始。

html中可以使用父级目录,即templates下的html文件中,使用“../static/css”等。

参考文章:

/yu514950381/article/details/78015088

/qq_45315910/article/details/95319724

/qq_40155654/article/details/86510466

如果觉得《SpringBoot项目引入前端模板时 CSS JS HTML文件无法加载的问题》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。