单表的增删改查-list.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>列表展示</title>
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/css/index2.css">
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="/resource/js/WdatePicker.js"></script>
</head>
<body>
<a href="toAdd">添加</a>
<form action="long" method="post">
商品名称:<input type="text">
商品分类:<input type="text">
需要积分数量:<input type="text"> --- <input type="text">
<button>查询</button>
</form>
<table>
<tr>
<td>
<input type="checkbox" onclick="choose(this)">
</td>
<td>商品名称</td>
<td>商品分类</td>
<td>需要积分数量</td>
<td>可兑换数量</td>
<td>已兑换数量</td>
<td>操作</td>
</tr>
<c:forEach items="${info.list}" var="s">
<tr>
<td>
<input type="checkbox" name="check" value="${s.sid }">
</td>
<td>${s.sname}</td>
<td>${s.sfenlei }</td>
<td>${s.sjifen }</td>
<td>${s.sduihuan }</td>
<td>${s.syiduihuan}</td>
<td>
<a href="/toupdate?sid=${s.sid }">修改</a>
<button onclick="del(${s.sid})">删除</button>
</td>
</tr>
</c:forEach>
</table>
<a href="long?pageNum=1">首页</a>
<a href="long?pageNum=${info.pageNum-1 }">上一页</a>
<a href="long?pageNum=${info.pageNum+1 }">下一页</a>
<a href="long?pageNum=${info.pages }">尾页</a>
</body>
<script type="text/javascript">

//全选
function choose(own) {

$("[name=check]").attr("checked",own.checked);
}
//删除
function del(sid) {
$.post("/del",{sids:sid},function(flag){
if(flag){
alert("删除成功!");
location ="long";
}else{
alert("删除失败!");
}
},"json")
}

 


</script>
</html>

posted @ 2020-05-13 09:54  兆龙  阅读(214)  评论(0编辑  收藏  举报