vue 写bean_vue+jsp+删除一个bean

1.无分页查询

2.有分页查询

3.增加

4.删除

5.修改

前三项已经完成了，接下来做第四项，删除功能

页面代码

删除

--关键就是a标签的写法，和过去的写法几乎一样，时间绑定到vue的事件就可以了。

删除

即从click事件修改为v-on:click事件

methods：{

deleteBean(classid){

}

--注意，这个是rest请求bean/id

--用到了之前提到过的post，get，delete，put请求

--这里第一次应用delete请求

--get和post是学习的重点，delete和put了解就可以

deleteBean: function (id) {

var url = "class/"+id;

axios.delete(url).then(function(response){

vue.list(1);

//成功后刷新

});

back code as below

@DeleteMapping("/class/{classid}") // 删除一个bean

public String delete(com.zz.entity.Class c) throws Exception {

classService.deleteByPrimaryKey(c.getClassid());

return "success";

}

page effect as below

点击删除按钮，会删除选中的元素

vue 写bean_vue+jsp+删除一个bean相关推荐

python链表中删除一个节点数据_python实现单链表中删除倒数第K个节点的方法
本文实例为大家分享了python实现单链表中删除倒数第K个节点的具体代码,供大家参考,具体内容如下题目: 给定一个链表,删除其中倒数第k个节点. 代码: class LinkedListAlgori ...
用vue写一个计算总价
用vue写一个计算总价点击移除可以删除本项点击加减实现加减总价随着数量增加 <!DOCTYPE html> <html><head><meta char ...
VUE写一个本地教室管理系统
VUE写一个本地教室管理系统实现效果主体模态框 Vue JS主体 Vue实现删除功能 splice语法 Vue实现添加功能 push()语法 Vue实现修改功能源码实现效果点击添加按钮后, ...
[vue] 使用vue写一个tab切换
[vue] 使用vue写一个tab切换 v-for循环,利用下标和v-show显示`<div id="app"><ul class="tabs" ...
请写出一段 python 代码实现删除一个 list 里面的重复元素
请写出一段 python 代码实现删除一个 list 里面的重复元素方法一:利用set集合实现 info = [2017,1,16,9,2017,1,16,9] result = list(set( ...
用vue写一个npm包(package)，发布及引用
提示:vue写一个npm包(package) 文章目录前言一.npm 二.npm package开发三.引用package 总结前言之前一直都是用别人封装好的npm包,新接了一个需求,自己写 ...
mysql 删除一个字段语句怎么写_删除的sql语句怎么写
1. 删除一个表的sql 语句怎么写啊使用drop语句,drop table (需要删除表的名字). drop是删除整个表,delete是删除表的内容. drop语句的作用:删除内容和定义,释放空间 ...
html中js添加或删除activex,JS：操作样式表2 :用JS实现添加和删除一个类名的功能（addClass()和removeClass()）...
var box = document.getElementById("box"); box.id = "pox"; 将id = "box", ...
使用JSP做一个小小的新闻项目（END）
使用JSP做一个小小的新闻项目(END) 用户主页: show.jsp:用户的一个浏览界面管理员主页: index.jsp:管理员主页(完全版,没多大变化,完善了一些机制) 新闻阅读: read.j ...

vue 写bean_vue+jsp+删除一个bean

vue 写bean_vue+jsp+删除一个bean相关推荐

最新文章

热门文章