Как подключить bootstrap в spring boot?

Пользователь

от urban_will , в категории: Java , год назад

Как подключить bootstrap в spring boot?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от stephania , год назад

@urban_will  Чтобы подключить Bootstrap в Spring Boot, вы можете следующее:

  1. Добавить зависимость Bootstrap в файл зависимостей вашего проекта (pom.xml для Maven или build.gradle для Gradle).
  2. В каталоге ресурсов вашего проекта (например, src/main/resources в Maven или src/main/resources в Gradle), создайте папку static и поместите файлы Bootstrap CSS и JavaScript в нее.
  3. В вашем контроллере или в шаблоне Thymeleaf, укажите путь к файлам Bootstrap CSS и JavaScript, например:
  4. <link href="static/bootstrap.min.css" rel="stylesheet" type="text/css">
  5. <script src="static/bootstrap.min.js"></script>

Примечание: Вы можете также использовать CDN для подключения Bootstrap вместо размещения файлов на вашем сервере.


Пользователь

от magali , 7 месяцев назад

@urban_will 

В Spring Boot, можно использовать инструменты шаблонизации для автоматического подключения Bootstrap без необходимости явного указания пути к файлам.

  1. В файле зависимостей (pom.xml для Maven или build.gradle для Gradle) добавьте следующие зависимости:


Maven:

1
2
3
4
5
6
7
8
9
<dependencies>
    ...
    <dependency>
        <groupId>org.webjars</groupId>
        <artifactId>bootstrap</artifactId>
        <version>4.5.0</version>
    </dependency>
    ...
</dependencies>


Gradle:

1
2
3
4
5
dependencies {
    ...
    implementation 'org.webjars:bootstrap:4.5.0'
    ...
}


  1. В вашем файле HTML-шаблона (например, index.html или layout.html) добавьте следующие строки в секцию :
1
2
<link rel="stylesheet" href="/webjars/bootstrap/4.5.0/css/bootstrap.min.css">
<script src="/webjars/bootstrap/4.5.0/js/bootstrap.min.js"></script>


  1. Теперь Bootstrap будет автоматически подключен к вашему проекту Spring Boot при запуске.


Примечание: Убедитесь, что у вас уже настроен процессор статических ресурсов для обслуживания файлов из каталога static. В Spring Boot это обычно настраивается автоматически, но если у вас возникли проблемы, убедитесь, что у вас есть следующие зависимости:


Maven:

1
2
3
4
5
6
7
8
<dependencies>
    ...
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-web</artifactId>
    </dependency>
    ...
</dependencies>


Gradle:

1
2
3
4
5
dependencies {
    ...
    implementation 'org.springframework.boot:spring-boot-starter-web'
    ...
}


Теперь вы можете использовать классы и компоненты Bootstrap в ваших шаблонах Thymeleaf, чтобы создать красивое и отзывчивое веб-приложение.