Partage de technologie

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

La première étape consiste à utiliser le moteur de modèles thymeleaf dans Springboot

Importer les dépendances

        <!-- thymeleaf 模板 -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>

Créez des dossiers statiques et des dossiers de modèles dans le répertoire des ressources

Configurer thymeleaf dans yml

spring:
  # 模板引擎
  thymeleaf:
    mode: HTML5
    encoding: utf-8
    # 禁用缓存
    cache: false

Activer l'accès aux fichiers statiques dans la configuration

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

Packager le projet vue

npm run build

Placez les fichiers statiques packagés dans le dossier statique et placez index.html dans le dossier des modèles

Écrire le routage dans le contrôleur

Laissez-le passer à la page index.html

@Controller
@CrossOrigin
public class IndexController {
    @GetMapping("/")
    public String index(){
        return "index";
    }
}

Exécuter le projet

Entrez dans le port et accédez-y !