將前端vue獲取和傳遞後端spring boot數據

我這裏引用的是element UI框架，在這個裏面的數據流動須要一下幾個文件夾，也就是須要咱們常常改動的地方。

下面以此介紹：

1.app.vue:最下面的app.vue是運行vue的主文件，例如在hbuider中直接運行這個文件就能夠把前端跑起來

2.api文件夾：經過名字能夠猜個差很少，api叫接口。他至關於橋樑，(在參數處)接收前端vue數據，(經過url)找到後端Controller，後端再把查詢出的結果返回回來，最後return返回給vue。

文件夾中存放的是js文件，每一個js文件都是鏈接後端（spring boot）的接口，如圖1：  url：根據路徑去controller裏面找，具體後端controller怎麼寫能讓他找到，一下子會說。 method:就是get post 傳遞方式，具體區別能夠去百度一下，，這裏面要不就是get 要不就是post 。params:是傳遞的參數把vue給本身的參數傳遞給後端Controller。基本上是一個vue文件對應一個js文件，一個js文件裏面有增刪改查幾種方法。

——>js文件 ：

——>vue文件：

3.router文件夾:英文翻譯叫軌跡，其中有一個index.js文件夾，此文件的做用是路徑。把每個vue文件寫在這裏，這樣程序就知道你寫的vue頁面時放在哪的。

4.views文件夾:叫視圖，這裏面放的就是咱們總改動的也是顯示在界面的頁面，起到的做用就像html似的。

主頁顯示：裏面跟html似的，由標籤組成界面想要顯示的樣子；css：和傳統的css同樣；js：和傳統的js同樣