html页面相关#xff1a;

clickdeleteId(peot.id)删除/button

scriptnew

clickdeleteId(peot.id)删除/button

scriptnew

{peotList:[]}},methods:{findAll:function

{var

response.data.data;//响应数据给peotList赋值}).catch(function

(error)

{console.log(error);});},deleteId:function

(id)

(window.confirm(确定要删除该条数据吗)){axios.post(/deletePeot?idid).then(function

(response)

{alert(删除成功)_thisd.findAll();}).catch(function

(error)

{console.log(error);});}}},created()

{//

通过id查询详情this.findAll();},})/scriptcontroller文件相关

RequestMapping(/deletePeot)public

void

id){peotService.deletePeot(id);}

可以看到这里的controller文件中没有进行参数传递。

这是因为是在当前页面操作参数直接传递给js不需要通过url来传递。

:hrefpeot_delete.html?idpeot.id删除/a

peot_delete.html

charsetUTF-8titleTitle/titlescript

src./js/axios-0.18.0.js/script/head

body

border1trthid/ththauthor/ththgender/ththdynasty/ththtitle/ththstyle/thth操作/th/trtr

v-forpeot

peotListtd{{peot.id}}/tdtd{{peot.author}}/tdtd{{peot.gender}}/tdtd{{peot.dynasty}}/tdtd{{peot.title}}/tdtd{{peot.style}}/tdtdbutton

typebutton

clickdeleteId(peot.id)删除/buttona

:hrefpeot_delete.html?idpeot.id删除/aa

:hrefpeot_edit.html?idpeot.id修改/a/td/tr/table

/div/bodyscriptnew

{peotList:[]}},methods:{findAll:function

{var

response.data.data;//响应数据给peotList

赋值}).catch(function

{console.log(error);});},deleteId:function

(id)

(window.confirm(确定要删除该条数据吗)){axios.post(url).then(function

(response)

peot_listAll.html}).catch(function

(error)

{console.log(error);});}}},created()

{//

通过id查询详情this.deleteId();},})/script/html

controller页面相关

RequestMapping(/deletePeot_url/{id})public

void

deletePeot_url(PathVariable(id)

Integer

id){peotService.deletePeot(id);}

可以看出这里的controller是使用标准PathVariable(id)进行了参数传递。

3、总结

从一个页面到另外一个页面如果需要传递参数需要在controller文件中进行相关的操作。

有关参数的传递参见文章Springboot之页面参数传递-CSDN博客