springMVC 案例

1.文件结构

2.删除数据

controller层

    @RequestMapping(value = "/empoylee/{id}",method = RequestMethod.DELETE)
    public String delete(@PathVariable("id") Integer id){
        empoyleeDao.del(id);
        return "redirect:/empoylee";
    }

html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
<div id="dataTable">
    <a th:href="@{/empoylee}">查询员工</a>
    <a th:href="@{/testdel/1}" @click="deleteEmp">删除测试</a>
    <form id="deleteFrom" method="post">
        <input type="hidden" name="_method" value="DELETE">
    </form>
</div>


<script type="text/javascript" th:src="@{/static/js/vue.js}"></script>
<script type="text/javascript">
    var vue = new Vue({
        el:"#dataTable",
        methods:{
            deleteEmp:function (event) {
                var deleteFrom = document.getElementById("deleteFrom");
                deleteFrom.action = event.target.href;
                console.log(deleteFrom)

                deleteFrom.submit();

                event.preventDefault();
            }
        }
    });
</script>
</body>
</html>

静态资源配置 springMVC.xml

<mvc:default-servlet-handler/>

 

 


 

posted @ 2022-10-20 12:50  写代码的小哥哥  阅读(46)  评论(0)    收藏  举报