vue怎麼與java後端整合（vue前後端開發怎麼整合）

本文目錄一覽：

• 1、請大佬幫解答下VUE與後端數據交互的問題？
• 2、移動ui框架 vue怎麼調用java
• 3、vue和java怎麼整合，會不會有跨域問題？
• 4、Spring MVC 怎麼和vue.js做整合
• 5、我想用vue+vue-router寫一個spa但是後端是java我該怎麼辦
• 6、前端採用vue+webpack後端採用java全棧開發，怎麼實現自動部署

請大佬幫解答下VUE與後端數據交互的問題？

以下針對的是你要用vue+webpack開發前後端分離單頁面項目（spa）來回答，vue也可以用在傳統MVC的視圖層，這種開發模式不在回答範疇

開發spa的話，視圖路由切換(router)邏輯都在前端，前後端分離，基本是一個html完成所有頁面，不再（很少）需要後端渲染視圖了

這是前端框架開發問題，跟後台沒什麼關係

只有開發依賴nodejs，打包後就是可以直接運行的普通html+js文件，上線並不需要專門的環境

可以跟後台項目放一起，只要能打開包後的index.html 放哪裡都行

AJAX，數據交互完全通過AJAX，視圖邏輯都在前端處理，哪個頁面需要的哪個數據通過AJAX請求讓後台指定接口提供，不會存在後台不知道提供給哪個頁面，前台不知道怎麼接受數據的問題。

移動ui框架 vue怎麼調用java

最近一年多一直在做UI庫，從SUIMobile-Light7-jQueryWeUI。自己也在做的過程中對UI庫類的產品有了更深入的認識，SUIMobile和Light7有一個很大的問題在於：試圖用一個輕量的基於jQuery的庫，來做一個重量的框架應該做的事情。比如它定義了Page的概念，整個頁面的結構，使用了異步加載的路由，這些會導致本來一個很輕量的庫變得不那麼容易使用了，本來可以做到只用幾個組件即可，現在卻必須把一整套東西全部用起來。如果你想用對話框卻不想改變自己的整個頁面組織，就必須修改對話框的代碼。而且，它自己實現的router會導致很難遷移到VueorAngular，因為它做了一部分本該由另一個JS框架做的事情。因此，當微信官方團隊出了WeUI項目之後，我迅速開發了jQueryWeUI，並且它會是一個長期穩定的項目。因為我在這裡徹底放棄了一個輕量的UI庫不該做的事情，只專註於做一組拿來就可以用，幾乎零成本，可以結合任何主流JS框架，幾乎不會和任何現有代碼衝突的UI庫。所以經常有人問jqweui什麼時候會出路由，我的回答是這個根本不在計劃內，未來也很可能不會有。如果你需要用到路由，那麼建議結合VueorAngular來使用，而不是用一個獨立的router組件。vue-mobile也正是因為上述原因，我比較了目前主流的三個JS框架Vue,Angular,React之後選擇了基於Vue來做一個新的項目，這個項目誕生之初的目標就是為了開發大型的單頁應用。它不是一個簡單的Vue套殼，而是完全用Vue重寫了所有的組件實現。樣式上主要還是來自WeUI和Light7，因為我並不是很擅長做設計，不過這次會借鑒很多主流的UI庫，也會自己嘗試設計一些組件，儘力覆蓋大部分的常用控件。那麼vue-mobile有哪些優勢呢？完整的頁面結構，header,content,footer基於vue-router頁面切換以Component形式提供的組件，更加容易拓展和自定義基於transition實現的CSS3動畫Vue.js帶來的良好的開發模式：模板，數據綁定，組件化，自動化，資源統一化肯定會有很多人問會jQuery用的好好的為什麼要這麼折騰？jQuery可能未來十年內都不會落伍，但是前端技術日新月異，無論Vue,Angular,React是不是未來的趨勢，至少本階段他們可以解決很多以前很難解決的問題，也很大程度上推進了前端的技術發展開發效率。一個好的程序員應該能緊跟技術的發展，不能在一棵樹上吊一輩子。我也在不斷的摸索中，Vue也許不是最佳選擇，但至少是一個對大多數項目來說都非常棒的選擇。至少現在來看，Vue能明顯提升開發效率，在開發大型應用的時候也能很好地通過模塊化組織來保證代碼的可維護性。現在的前端開發重點已經不是樣式和兼容性，而是如何構建大型的、高效的、可維護的應用。傳統後端開發已經在這方面做得非常好了，前端還處在探索階段，而Vue這一類的框架目前是做得最好的。可能這類框架再過五年就會銷聲匿跡，被更新更好的框架取代，但是並不妨礙我們去研究和使用它。

vue和java怎麼整合，會不會有跨域問題？

vue 可以打包生成靜態的 資源文件（html，css，js ,png 等），可以直接放到java web項目的webapp裏面，不會有跨域問題。

這種都是前後端分離的開發方式。後端只用提供返回json格式的接口的就可以了。推薦後端使用springboot框架會比較簡單。

Spring MVC 怎麼和vue.js做整合

Spring MVC 和vue.js整合的方法：Spring MVC採用RESETful風格，vue.js做純前端，前後通過AJAX+JSON交換數據，即可完成Spring MVC 和vue.js的整合。Spring MVC是java裏面框架庫，vue是javascript裏面一個框架庫。

Spring MVC 和vue.js整合

Spring MVC和後端框架應該都是可以整合的， 可以參考與 Laravel 整合的文件結構，其中 vue.js 部分是使用 vue-cli 的 vue init webpack 命令生成，vue-build, vue-config分別修改自 build 和 config，主要是放在根目錄，方便修改 webpack 相關配置，src 目錄放在了Laravel 的開發資源目錄 resources/assets ；dist 目錄使用 Laravel 的發佈目錄 public 替代。

我想用vue+vue-router寫一個spa但是後端是java我該怎麼辦

首先，我雖然沒用過ssh，但是java web路由肯定是可以自定義的，以下資料來自網絡

定義URL處理方法：@Controller和@RequestMapping

@Controller標註的類表示是一個處理HTTP請求的控制器(即MVC中的C)，該類中所有被@RequestMapping標註的方法都會用來處理對應URL的請求。

在Spring MVC框架中，使用@RequestMapping標註可以將URL與處理方法綁定起來，例如：

@Controller

public class IndexController {

@RequestMapping(“/”)

@ResponseBody

public String index() {

return “index”;

}

@RequestMapping(“/hello”)

@ResponseBody

public String hello() {

return “hello”;

}

}

IndexController類被@Controller標註，其中的兩個方法都被@RequestMapping標註，當應用程序運行後，在瀏覽器中訪問，請求會被Spring MVC框架分發到index()方法進行處理。同理，會交給hello()方法進行處理。

@ResponseBody標註表示處理函數直接將函數的返回值傳回到瀏覽器端顯示

另外，即使你是jsp頁面，返回的也是html

前端採用vue+webpack後端採用java全棧開發，怎麼實現自動部署

前端可以用flightplan.js 部署。

var config = require(“./webpack.config.js”);

var webpack = require(“webpack”)

var webpackDevServer=require(“webpack-dev-server”)

config.entry.unshift(“webpack-dev-server/client?localhost:8080”, “webpack/hot/dev-server”);

var compiler = webpack(config);

var server = new webpackDevServer(compiler, {

contentBase: “build”,

hot: true,

inline: true,

historyApiFallback: true,

proxy: {

‘/*’: {

target: ‘loaclhost:8088/’,

secure: false

},

}

});

server.listen(8080);