Spring 是一個快速開發、輕量級的 Java 開發框架,而 Vue 是一個輕量級的 JavaScript 框架。整合這兩個框架可以讓我們更加高效地完成項目開發。
下面我們來看一下使用 Spring 整合 Vue 的步驟。
第一步,我們需要建立 Spring Boot 項目。
@SpringBootApplication public class DemoApplication { public static void main(String[] args) { SpringApplication.run(DemoApplication.class, args); } }
第二步,創建 Vue 項目并將其靜態文件放在 Spring Boot 項目的 resources/static 目錄下。
npm install -g vue-cli vue init webpack myapp cd myapp npm install npm run build
第三步,將 Vue 項目的打包文件導入到 Spring Boot 項目的 resources/static 目錄下。
mv dist/* src/main/resources/static/
第四步,在 Spring Boot 項目中增加一個控制器,該控制器用于返回 index.html 文件。
@Controller public class ViewController { @RequestMapping("/") public String index() { return "index"; } }
第五步,啟動 Spring Boot 項目,訪問 http://localhost:8080 即可看到 Vue 應用的效果。
通過以上步驟,我們就成功地將 Spring 和 Vue 整合在了一起,可以更加高效地完成項目開發。
上一篇Spring vue部署
下一篇純css登陸注冊頁面