springboot项目bootstrap.css文件没生效

2024-10-19

SpringBoot bootstrap 配置文件没有生效

今天单独使用SpringBoot,发现其中的bootstrap.properties文件无法生效,改成yaml格式也无济于事. 最后调查发现原来是因为SpringBoot本身并不支持,需要和Spring Cloud 的组件结合——只有加上Spring Cloud Context依赖才能生效. 即在pom中引入:  <dependency> <groupId>org.springframework.clou

springboot 项目中css js 等静态资源无法访问的问题

目录问题场景问题分析问题解决问题场景今天在开发一个springboot 项目的时候突然发现 css js 等静态资源竟然都报404找不到,折腾了好久终于把问题都解决了,决定写篇博客,纪录总结一下.给同样踩坑的同学参考一下,同时自己也免得以后忘记了又要重新花时间折腾. 项目结构如下: templates 文件目录下的html,引用了static 目录下的css js ,访问的时候报404. 引用方式如下 <link rel="stylesheet" href="

解决HTML外部引用CSS文件不生效问题

作为一个前端小白,鼓捣了几天前端..今天突然发现我深信不疑的东西,竟然出现了问题..就比如我在css目录下面写了一个css样式文档:style.css.这时里面只有一句话: body { background-color: #ddd; } 然后再我的html文件里面去引入这个外部css: <link rel="stylesheet" type="text/css" href="css/style.css"> 在浏览器一刷新..哇,ka

使用eclipse搭建springboot项目pom.xml文件第一行报错(Maven Configuration Problem)

今天在https://start.spring.io/上搭建了一个2.1.5版本的springboot项目,但是把它导入后,pom.xml第一行报错了,查看Problems发现下面的错误百度后发现方法千奇百怪,后来发现应该是springboot与你的maven版本不匹配的原因解决方法:方法一(亲测有用): ①. 将springboot的版本号降低,<version>2.1.5.RELEASE</version>改为<version&g

springboot项目上传文件出现临时文件目录为空

最近写文件上传到服务器读取的代码,前端使用FormData上传,服务端用MultipartFile接收,自己测试了下MultipartFile对象有什么东西,结果一般属性都能出来,测试getInputStrea()方法的时候出现了以下错误,简单一看这是什么目录,从来没见过啊: 百度一番之后发现了这是临时文件存放的路径,不清楚根据什么去放在这个目录的,但是这个目录本机的确没有,linux系统下好像系统会10天清空一次,翻阅了API底下有这个百度的时候也发现另外一个坑,spring配置的MaxIn

创建SpringBoot项目pom.xml文件第一行报错：Non-parseable POM E:\maven\repository\org\springframework\securit

在编辑pom.xml时,第一行有个刺眼红色×,然后在Problems看到这个问题 [ERROR] The build could not read 1 project -> [Help 1]E:\mvn\repo\org\springframework\boot\spring-boot-dependencies\2.1.1.RELEASE 在这里看到解决办法:https://blog.csdn.net/qq_36135335/article/details/86242914 在本地的maven库

2.快速创建springboot项目连pom文件里面的配置都不用配了

无论是创建项目还是module 模块选择这个 .然后在后面的选择中选择自己要的功能就可以把相关的依赖都加进去省去了依赖其后的写法跟第一篇一样在这个项目下面有一个配置文件 ====>application.properities 在其中可以对当前项目的配置进行修改例如将端口修改为8081 或者可以注释这一行,在application.proprities相同路径下创建一个名为application.yml的文件在其中进行配置如下一个技巧是输入server.port 之后回车

SpringBoot项目bootstrap.yml配置文件不加载

bootstrap.yml需要引入springcloud的包才会加载 <dependency> <groupId>org.springframework.cloud</groupId> <artifactId>spring-cloud-context</artifactId> <version>2.1.2.RELEASE</version> </dependency> 这个版本和SpringBoot的版本相关

使用STS创建springboot项目pom.xml文件报错org.apache.maven.archiver.MavenArchiver.getManifest

首先我的STS版本时:3.7.3 解决办法:->help->Install New Software -> add->location ->输入: http://repo1.maven.org/maven2/.m2e/connectors/m2eclipse-mavenarchiver/0.17.2/N/LATEST/ ,然后一路 next 安装就行

springboot 项目pom.xml文件基本配置

<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http

Springboot 项目中 xml文件读取yml 配置文件

linux下的springboot项目启动文件

启动springboot项目的脚本文件,启动时./startup.sh即可,会先关闭原进程,再启一个新进程. 创建startup.sh 写入内容 #!/bin/bash clear echo "" echo "*******************************************************************************************" echo "**************************

（二）Bootstrap CSS 概览

在这一章中,我们将讲解 Bootstrap 底层结构的关键部分,包括我们让 web 开发变得更好.更快.更强壮的最佳实践. HTML 5 文档类型(Doctype) Bootstrap 使用了一些 HTML5 元素和 CSS 属性.为了让这些正常工作,您需要使用 HTML5 文档类型(Doctype). 因此,请在使用 Bootstrap 项目的开头包含下面的代码段. <!DOCTYPE html> <html> .... </html> 如果在 Bootstrap 创

bootstrap css选择不同的宽度

刚开始使用bootstrap css开源项目.遇到一个问题,默认的input 宽度太大,需要找小一点的. 其实只需要在input tag中选用预定义的较小的宽度即可.比如: <input type="number" class="input-small"></input> input-small是预定义的一种类别,在bootstrap.css文件中有一组这样的类别: .input-mini { width: 60px; } .input-sm

3.Bootstrap CSS 概述

1.HTML 5 文档类型(Doctype) Bootstrap 使用了一些 HTML5 元素和 CSS 属性.为了让这些正常工作,您需要使用 HTML5 文档类型(Doctype). 因此,请在使用 Bootstrap 项目的开头包含下面的代码段. <!DOCTYPE html> <html> .... </html> 如果在 Bootstrap 创建的网页开头不使用 HTML5 的文档类型(Doctype),您可能会面临一些浏览器显示不一致的问题,甚至可能面临一些特

Springboot项目中前端展示本地图片

Springboot项目中前端展示本地图片本文使用的是Springboot官方推荐的thymeleaf(一种页面模板技术) 首先在pom文件加依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> Springboot项目中reso

IDEA远程快速部署SpringBoot项目到Docker环境

一:基础准备 1.首先在linux服务器安装Docker环境,具体安装步骤及Docker使用参考官网或网络资料(这里重点是快速部署项目到Docker环境) 2.配置Docker远程连接端口 1.vim /usr/lib/systemd/system/docker.service2.找到ExecStar 在后面添加 -H tcp://0.0.0.0:2375 3.重启Docker systemctl daemon-reload systemctl start docker 4.如果防火墙已经打开则

处理 Bootstrap CSS 冲突

问题: Bootstrap 是Web上最流行的CSS框架.它使创建漂亮,响应迅速的设计非常容易. 但是,有时候并不希望在整个网站上使用 Bootstrap,您只需要使用Bootstrap CSS的一部分. 如果只是将 Bootstrap CSS 直接添加到 head 中,就有可能会与其他的 CSS 产生冲突,从而产生混乱的样式. 如果我们可以将 Bootstrap CSS 与特定类隔离,问题就解决了! 只需要使用 LESS 为所有 Bootstrap CSS 添加一个类名称. LESS是一个 C

springboot项目父依赖管理

springboot项目,pom文件中,要引用父pom文件,进而使用其依赖关系例如: <parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent</artifactId> <version>2.1.2.RELEASE</version> <relativePath/> <!-- l

前端无法渲染CSS文件

问题描述: 启动前端后,发现前端的页面渲染不符合预期,看情况应该是css文件没有生效. 排查步骤: 查看有无报错信息. 查看后台输出,没有可用的提示信息,如图: 确认 css 的路径没错. 前端打包后的文件目录如下: html 中的 css 路径如下: 文件路径符合. 确认前端有请求到css. 再查看前端发送的请求,确实有请求css,但是 response 的Content-Type是text/plain. 排查到这里,基本就确定了原因--浏览器只会渲染Content-Type为text/css

springboot项目中js、css静态文件路径访问

springboot静态文件访问的问题,相信大家也有遇到这个问题,如下图项目结构. 项目结构如上所示,静态页面引入js.css如下所示. 大家肯定都是这样写的,但是运行的话就是出不来效果,图片也不显示.原因是因为springboot项目中的一个配置文件spring.mvc.static-path-pattern=/** 指的是/static/下的文件,修改过后如下,图片显示成功. 经过修改,这个简单的静态文件引入就可以使用了.详细方法:https://blog.csdn.net/catoop/a

springboot项目bootstrap.css文件没生效

热门专题