Technology sharing

Integrate vue project in verboot project et currunt in Alibaba Cloud

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

Primus gradus est utendi thymeleaf template engine in springboot

Importo clientelae

  1. <!-- thymeleaf 模板 -->
  2. <dependency>
  3. <groupId>org.springframework.boot</groupId>
  4. <artifactId>spring-boot-starter-thymeleaf</artifactId>
  5. </dependency>

Creare static folders et templates folder in opibus presul

Configurare thymeleaf in yml

  1. spring:
  2. # 模板引擎
  3. thymeleaf:
  4. mode: HTML5
  5. encoding: utf-8
  6. # 禁用缓存
  7. cache: false

Admitte aditus ad static files in configuratione

  1. public class ResourceConfig implements WebMvcConfigurer {
  2. @Override
  3. public void addResourceHandlers(ResourceHandlerRegistry registry) {
  4. registry.addResourceHandler("/**").addResourceLocations("classpath:/static/");
  5. }
  6. }

Sarcina in vue project

npm run build

Fasciculos staticos pone in folder static, et pone index.html in exemplaribus folder

Scribere profectus in controller

Saliat ad indicem.html pagina

  1. @Controller
  2. @CrossOrigin
  3. public class IndexController {
  4. @GetMapping("/")
  5. public String index(){
  6. return "index";
  7. }
  8. }

Curre ad project

Portum intrate et ite aditum!