javaweb23

戒猫第一天

于 2022-05-03 20:35:14 发布

阅读量551

点赞数

文章标签： web

本文链接：https://blog.csdn.net/qq_67908191/article/details/124561069

版权

一.adminIndex.jsp后台首页
<%@page import="java.util.Date"%>
<%@page import="java.text.SimpleDateFormat"%>
<%@ 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>
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript">

//获取当前项目的绝对路径
let path="${pageContext.request.servletContext.contextPath}"

//初始化一个页码
let pageIndex=1;
let pageMax=0;

$(function () {
myLoad();

//搜索的点击事件
$("#searchBtn").click(function() {
//得到输入框的值
let searchName = $("#searchName").val();
if(!searchName){
alert("请输入关键词在搜索");
return;
}
alert(searchName);
alert(searchName);
});

});

function myLoad(searchName) {
$.post(path+"/adminGoodList.do",{"pageIndex":pageIndex,"searchName":searchName},function(msg){
//alert(msg);
//$("#content").html(msg);

let map=$.parseJSON(msg);

//将获取最大页码矿大作用域
pageMax=map.pageMax;

//转义
//let list=$.parseJSON(map.adminGoodList);
let str="";
str+="<table border = '1' width='100%'>";
str+="<tr>";
str+="<th>商品编号</th>";
str+="<th>商品名称</th>";
str+="<th>商品价格</th>";
str+="<th>操作</th>";
str+="</tr>";

//遍历
$.each(list,function(index,object){
//console.log(index,object,object.gname);
//$("#content").html(object.gname);
//str+=object.gname"<br>";
str+="<tr>";
str+="<td>"+object.gid+"</td>";
str+="<td>"+object.gname+"</td>";
str+="<td>"+object.gprice+"</td>";
str+="<td><button>删除</button><button>修改</button></td>";
str+="</tr>";

});
str+="</table>";
$("#content").html(str);
$("#start").html(pageIndex);
$("#end").html(pageMax);
});
}

//下一页方法
function nextBtn() {
if(pageIndex >= pageMax){
pageIndex=pageMax;
return;
}else{
pageIndex++;
}
pageIndex++;
//alert(pageIndex);
var searchName = $("searchName").val();
myLoad(searchName);
}

</script>
</head>
<body>

<%-- <c:if test="${empty adminGoodList }">
<jsp:forward page="/adminGoodList.do"></jsp:forward>
</c:if>

${adminGoodList } --%>

<%=new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(new Date()) %>
<h5>商品管理</h5>
<div style="text-align: center;">
<input id="searchName" type="text">
<button id="searchBtn">搜索</button>
</div>
<div id="content">

</div>
<div style="background: gray;text-align: center;" >
[<span id = "start"></span>/<span id = "end"></span>]
<a>首页</a>
<a>上一页</a>
<a href="javascript:nextBtn();">下一页</a>
<a>尾页</a>
</div>

</body>
</html>

戒猫第一天

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javaweb23

一.adminIndex.jsp后台首页<%@page import="java.util.Date"%><%@page import="java.text.SimpleDateFormat"%><%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://...
复制链接

扫一扫