प्रौद्योगिकी साझेदारी

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

प्रथमं सोपानं स्प्रिंगबूट् इत्यस्मिन् थाइमलीफ् टेम्पलेट् इञ्जिनस्य उपयोगः भवति

आश्रितानि आयातयन्तु

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

संसाधननिर्देशिकायां स्थिरपुटं टेम्पलेट्पुटं च रचयन्तु

thymeleaf 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 टेम्पलेट्पुटे स्थापयन्तु

नियन्त्रके मार्गनिर्धारणं लिखन्तु

index.html पृष्ठं प्रति कूर्दतु

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

परियोजनां चालयन्तु

पोर्ट् प्रविश्य तत्र प्रवेशं कुर्वन्तु!