SpringBoot 前後端資料互動

本系列主要講解前後端資料的傳輸(html + springboot)

form 提交

ajax 非同步傳輸

websocket 提交

get請求的資料會存在url中，比如http://localhost:8080/get?x1=9&x2=10

我們的任務就是從後台接受到x1，x2的值。

設立\get對映，將相應的方法引數設定為與url相同的名字，即可直接接收到來自前端的資料

(value =

"/get"

, method =

)public string getdata

(int x1,

int x2)

啟動後，訪問http://localhost:8080/get?x1=9&x2=10，可以看到輸出

利用@requestparam()將引數名與接收引數名形成對映

(value =

"/get"

, method =

)public string getdata

(@requestparam

("x1"

)int para1,

@requestparam

("x2"

)int para2)

啟動後，訪問http://localhost:8080/get?x1=9&x2=10，會得到同樣的效果

對於陣列的傳遞

(value =

"/get"

, method =

)public string getdata

(@requestparam

("x1"

)int

para1,

@requestparam

("x2"

)int

para2)

system.out.

printf

("\n");

system.out.

printf

("x2= ");

for(

int ele: para2)

system.out.

printf

("\n");

return

"sucess";}

訪問 ：http://localhost:8080/get?x1=9,8,7,6&x2=10,11,12

參考本系列的ajax傳輸

SpringBoot之前後端分離

今天嘗試寫乙個基於springboot vue的前後端分離的簡單登陸的例子。springboot採用idea整合環境開發 vue採用vscode整合環境開發 這個簡單的例子，基本上把前面幾周研究的技術都複習了一遍。例如 資料庫，restful介面，註解，vue等等。也算對一周工作的總結吧。http通...

SPRINGBOOT 和 VUE CLI前後端配置

以防忘記，把前後端配置方法記錄在案。springboot和vue cli安裝基礎知識不在此列 一 前端vue配置 1.在main.js檔案中加入 new vue 為 changeorigin true,支援跨域 pathrewrite api 3.vue 中直接 this.axios post us...

前後端分離之SpringBoot專案Token認證

有人說，愛上一座城，是因為城中住著某個喜歡的人。其實不然，愛上一座城，也許是為城裡的一道生動風景，為一段青梅往事，為一座熟悉老宅。或許，僅僅為的只是這座城。就像愛上乙個人，有時候不需要任何理由，沒有前因，無關風月，只是愛了。林徽因 前段時間，大體了解了一下前後端分離之vue專案構建測試打包發布，並簡...