Κοινή χρήση τεχνολογίας

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

Το πρώτο βήμα είναι να χρησιμοποιήσετε τη μηχανή προτύπου thymeleaf στο Springboot

Εξαρτήσεις εισαγωγής

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

Δημιουργήστε στατικούς φακέλους και φακέλους προτύπων στον κατάλογο πόρων

Ρυθμίστε το θυμαρίσιο σε yml

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

Ενεργοποιήστε την πρόσβαση σε στατικά αρχεία στη διαμόρφωση

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

Πακέτο το έργο vue

npm run build

Τοποθετήστε τα συσκευασμένα στατικά αρχεία στον στατικό φάκελο και τοποθετήστε το index.html στο φάκελο templates

Γράψτε δρομολόγηση στον ελεγκτή

Αφήστε το να μεταβεί στη σελίδα index.html

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

Εκτελέστε το έργο

Μπείτε στη θύρα και αποκτήστε πρόσβαση!