后台jsp goodsList.jsp

最新推荐文章于 2022-10-27 23:09:08 发布
最新推荐文章于 2022-10-27 23:09:08 发布
阅读量422 收藏
点赞数
分类专栏： item02 新蛋 文章标签： javascript java xhtml ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chaoyv/article/details/84631518
版权 
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<base href="<%=basePath%>">

<title></title>

<link rel="stylesheet" href="admin/css/basic.css" type="text/css" />
<link rel="stylesheet" href="admin/css/list.css" type="text/css" />
<script type="text/javascript" src="admin/js/goodsList.js"></script>
</head>

<body>
	<form action="goodsList?substance=${substance }&statusNum=${statusNum }&pageIndex=${pageIndex}" method="post">
		<div class="show" style=" height:162px; display: none; " id="show">

		</div>
	</form>

	<div class="list">
		<table cellpadding="0" cellspacing="0">
			<tr class="search">
				<td colspan="10">
					<form action="goodsList?substance=" method="get">
						<input type="hidden" name="substance" value="${substance}" /> <select
							name="statusNum">
							<option value="1">---默认---</option>
							<option value="1"
								<c:if test="${statusNum eq '1' }">selected="selected"</c:if>>按时间排序</option>
							<option value="2"
								<c:if test="${statusNum eq '2' }">selected="selected"</c:if>>按库存排序</option>
							<option value="3"
								<c:if test="${statusNum eq '3' }">selected="selected"</c:if>>按价格排序</option>
						</select> <input type="submit" class="submit" value="确定" />
					</form>
					<form action="goodsList" method="get">
						<input type="hidden" name="statusNum" value="${statusNum}" /> <input
							type="text" class="text" name="substance" value="${substance}" />
						<input type="submit" class="submit" value="搜索" />
					</form></td>
			</tr>
			<tr class="title">
				<td>商品编号</td>
				<td>商品类型</td>
				<td>商品品牌</td>
				<td>商品图</td>
				<td>商品价格</td>
				<td>商品库存</td>
				<td>上架时间</td>
				<td>商品状态</td>
				<td>上架/下架</td>
				<td>操作</td>
			</tr>
			<c:forEach var="item" items="${pList }" varStatus="i">
				<tr οndblclick="javascript:showSql('${item.products_id }');" class="content <c:if test="${i.index %2 ne 0 }">colorBg</c:if>">
					<td>${item.products_id }</td>
					<td>${item.classify }</td>
					<td>${item.brand }</td>
					<td><a href="goods?id=${item.products_id}" target="_blank"
						title="${item.introduce} 分类：${item.classify} 品牌：${item.brand} 型号： ${item.model}"><img
							src="images/share/${item.print}" width="26" height="20" /> </a></td>
					<td><input type="text" value="${item.price }"
						οnblur="javascript:ajaxUpdatePrice('${item.products_id }',this);"
						style="width:60px;" />
					</td>
					<td><input type="text" value="${item.number }"
						οnblur="javascript:ajaxUpdateNumber('${item.products_id }',this);"
						style="width:42px;" />
					</td>
					<td>${fn:substring(item.time,0,10)}</td>
					<td>${item.status_content }</td>
					<td><c:if test="${item.grounding eq '0' }">
							<img src="admin/images/grounding.png" width="22" height="22" />
						</c:if> <c:if test="${item.grounding eq '1' }">
							<img src="admin/images/undercarriage.png" width="22" height="22" />
						</c:if></td>
					<td><a href="goodsUpdate?id=${item.products_id }"><img
							src="admin/images/tool.png" width="22" height="22" /> </a>&nbsp;<a
						href="goodsList?substance=${substance }&statusNum=${statusNum }&pageIndex=${pageIndex}&id=${item.products_id }&grounding=0"><img
							src="admin/images/grounding.png" width="22" height="22" /> </a>&nbsp;<a
						href="goodsList?substance=${substance }&statusNum=${statusNum }&pageIndex=${pageIndex}&id=${item.products_id }&grounding=1"><img
							src="admin/images/undercarriage.png" width="22" height="22" /> </a>
					</td>
				</tr>
			</c:forEach>
			<tr class="page">
				<td colspan="10"><em class="f_r"> <a
						href="goodsList?substance=${substance }&statusNum=${statusNum }&pageIndex=1">首页</a>
						<a
						href="goodsList?substance=${substance }&statusNum=${statusNum }&pageIndex=${pageIndex-1}">上一页</a>
						<a
						href="goodsList?substance=${substance }&statusNum=${statusNum }&pageIndex=${pageIndex+1}">下一页</a>
						<a
						href="goodsList?substance=${substance }&statusNum=${statusNum }&pageIndex=${end}">尾页</a>
				</em><i>共${totalCount}条数据(共有${end}页，现在是第${pageIndex}页) </i>
				</td>
			</tr>
		</table>
	</div>
</body>
</html>

 

/* CSS Document */
.submit{ background:#f7661f; color:#fff; text-align:center; width:46px; height:21px; line-height:21px; border:none; border-radius:3px; font-family:"Arial";}
.submit:hover{ background:#ff971c;}

.show{ width:1100px; margin:0 auto;}
.show table{ width:1100px; background:#FFF; border-top:1px solid #ccc; border-left:1px solid #ccc; position:fixed;top:0;margin:0 auto;}
.show table td{ height:21px; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.show table .explain td{ background:#f4f4f4; font-family:"微软雅黑"; color:#333; font-weight:bold;}
.show table .item .key{ background:#436da8; color:#fff; font-family:"微软雅黑";}
.show table .item .value{ color:#333; font-family:"微软雅黑";}
.show table .item .value input{ color:#c00; border:none; font-family:"微软雅黑";}
.show table .item .value select{ color:#c00; border:none; font-family:"微软雅黑";}
.show table .item .value select option{ color:#c00; border:none; font-family:"微软雅黑";}
.show table .update td{ height:28px; padding-right:10px;}


.list{ width:1100px; padding-bottom:50px; padding-top:13px; margin:0 auto;}

.list table{width:100%; border:1px solid #ccc;}
.search{ background:#f4f4f4; height:34px;}
.search form{ display:inline; margin-left:10px; margin-right:8px;}
.search .text{ border:1px solid #ccc; height:18px; line-height:18px; padding-left:6px; font-family:"Arial"; width:80px;}
.search select{ border:1px solid #ccc; height:21px; line-height:18px;}
.title td{ background:#436da8; color:#fff; font-family:"微软雅黑"; text-align:center; height:24px; line-height:24px;}
.content td{  color:#333; font-family:"微软雅黑"; text-align:center; height:36px; line-height:24px;}
.content:hover td{ background:#ff971c; color:#000;}
.content td input{ color:#c00; border:none; font-family:"微软雅黑"; padding-left:4px;}
.content td select{ color:#c00; border:none; font-family:"微软雅黑";}
.content td option{ color:#c00; border:none; font-family:"微软雅黑";}
.colorBg td{ background:#f5f5f5;}
.page{ height:30px; }
.page td{ padding-left:10px; padding-right:10px; border-top:1px solid #436da8;}
.page td em{ margin-right:8px;}
.page td em a{ border:1px solid #eee; color:#666; padding:2px 3px; margin-left:8px; font-family:"Arial";}
.page td em a:hover{ color:#f60;  border:1px solid #f60;}
.page td i{ color:#999; font-family:"微软雅黑"; padding-left:8px;}

 

//JavaScript Document

function $(id){  
	return document.getElementById(id);  
} 

function showSql(id){
	var show = $("show");
	show.style.display='block';
	show.innerHTML="";
	var xmlHttp = new XMLHttpRequest();
	var url = "ajaxGoodsList?id="+escape(id);
	xmlHttp.open("GET", url);//设置一个请求
	xmlHttp.onreadystatechange = function() {	//设置请求完成之后处理的回调函数  
		if (xmlHttp.readyState == 4) {//数据返回完毕  
			if (xmlHttp.status == 200) {//HTTP操作正常  
				var text = xmlHttp.responseText;//接收返回的内容  
				show.innerHTML=text;
			}
		}
	};
	xmlHttp.send(null);//发送请求，不传递任何参数  	
}

function ajaxUpdatePrice(id,obj){
	var xmlHttp = new XMLHttpRequest();
	var url = "ajaxUpdatePrice?id="+escape(id)+"&price="+escape(obj.value);
	xmlHttp.open("GET", url);//设置一个请求
	xmlHttp.onreadystatechange = function() {	//设置请求完成之后处理的回调函数  
		if (xmlHttp.readyState == 4) {//数据返回完毕  
			if (xmlHttp.status == 200) {//HTTP操作正常  
				var text = xmlHttp.responseText;//接收返回的内容  
				alert(text);
			}
		}
	};
	xmlHttp.send(null);//发送请求，不传递任何参数  	
}

function ajaxUpdateNumber(id,obj){
	var xmlHttp = new XMLHttpRequest();
	var url = "ajaxUpdateNumber?id="+escape(id)+"&number="+escape(obj.value);
	xmlHttp.open("GET", url);//设置一个请求
	xmlHttp.onreadystatechange = function() {	//设置请求完成之后处理的回调函数  
		if (xmlHttp.readyState == 4) {//数据返回完毕  
			if (xmlHttp.status == 200) {//HTTP操作正常  
				var text = xmlHttp.responseText;//接收返回的内容  
				alert(text);
			}
		}
	};
	xmlHttp.send(null);//发送请求，不传递任何参数  	
}

 

效果图：

 

 

chaoyv
关注
专栏目录
goodsList.jsp
11-28
goodsList.jsp
Java项目:在线蛋糕销售商城(java+JSP+Springboot+maven+mysql+ThymeLeaf+FTP)
一位性感程序员的博客
12-25 1578
一、项目简述 功能： 主页显示商品； 所有蛋糕商品展示，可进行商品搜索； 点击商品进入商品详情页，具有立即购买功能，可增减购买商品数量亦可手动输入，热销商品展示。 立即购买进入确认订单页面，可选择已经添加的地址，亦可新增地址。 可选择购买哪些商品，可删除不需要的商品。 点击结算进入确认订单页面，确认后提交订单。后台管理：(修改密码等)，商品管理（商品批量添加、上下架等），订单管理。 二、项目运行 环境配置： Jdk1.8 + Tomcat8.5 + mysql + Eclispe（Intell
java首页index.jsp页面（包括商品展示页面：goodsList.jsp）
哈哈
04-19 8903
接上一篇：java登录验证码、2周内自动登录例题、注销 以上是登录注册的页面，注册成功跳转到登录，登录成功跳转到首页 下面来实现首页的代码，先来看要实现的页面 要实现一个头部的head.jsp页面， 该页面通过<jsp:include page=“head.jsp”/>动态包含在index.jsp首页、goodsList.jsp商品展示页面中 head.jsp实现的功能：点击登录、注册、注销按钮实现效果，（输入框、购物车代码还没实现，先给个div就行） 还有就是对商品类别表（type表）中
Java项目:在线鞋子商城系统(java+JSP+bootstrap+Servlet+Mysql)
常年被追砍的博客
06-26 339
本项目分为前后台，分为管理员与普通用户两种角色，管理员登录后台，普通用户登录前台；管理员角色包含以下功能： 修改管理员信息,订单管理,客户管理,鞋子管理,类目管理等功能。用户角色包含以下功能： 查看首页,用户登录,修改个人信息,按分类查看鞋子,查看热销鞋子,查看新鞋子·,查看商品详情,查看我的购物车,提交订单,查看我的订单等功能。1.运行环境：最好是java jdk 1.8，我们在这个平台上运行的。其他版本理论上也可以。 2.IDE环境：IDEA，Eclipse,Myeclipse都可以。推荐IDEA; 3
基于javaweb的嘟嘟网上商城系统(java+jdbc+jsp+mysql+ajax)
m0_68109957的博客
10-27 739
基于javaweb的嘟嘟网上商城系统(java+jdbc+jsp+mysql+ajax) 运行环境 Java≥8、MySQL≥5.7、Tomcat≥8 开发工具 eclipse/idea/myeclipse/sts等均可配置运行 适用 课程设计，大作业，毕业设计，项目练习，学习演示等 功能说明
【Java秒杀方案】9.功能开发-【商品列表】 goodsList 页面缓存，thymeleaf 模板引擎 手动渲染
alwarse
12-04 760
goodsList代码实现 前端 goodsList.html http://localhost:8080/goods/toList 点【详情】，跳转到商品详情页面 http://localhost:8080/goodsDetail.htm?goodsId=2 <!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"
goodslist.py
10-09
根据url获取页面源码，在源码中过滤所有商品列表，清洗数据，获得商品名和链接地址
Shopping.rar_JSP
11-14
1. **goodslist2.jsp、goodslist3.jsp、goodslist1.jsp**：这些是JSP文件，通常用于显示商品列表。在购物网站中，它们可能用于不同的页面，如商品分类列表、搜索结果展示等。JSP允许开发者将HTML、Java代码以及控制...
JSP作业(二).doc
10-20
<td><a href="index.jsp?id=<%=m+1%>">购买</a></td> </tr> } } %> ``` 在上面的代码中，使用了 `ArrayList` 来存储商品信息，并使用 `session` 对象来存储商品列表。在页面中，使用表格来显示商品...
jsp购物车实例
11-17
- `Index.jsp`：此页面可能是用户首次访问时显示的首页，它通过 `<jsp:forward>` 指令重定向到 `/index` 页面，这可能是一个包含商品列表的页面。 - `Shopcar.jsp`：购物车页面，用于展示用户已选商品，计算总金额...
goodslist代码
05-11
代码，不支持html代码，不支持html代码，不支持html代码，不支持html代码，不支持html
EL表达式详解教程
Imust_can的专栏
11-13 1万+
EL 全名为Expression Language EL 语法很简单，它最大的特点就是使用上很方便。接下来介绍EL主要的语法结构： ${sessionScope.user.sex} 所有EL都是以${为起始、以}为结尾的。上述EL范例的意思是：从Session的范围中，取得 用户的性别。假若依照之前JSP Scriptlet的写法如下： User user =(User)session.
前台jsp goods.jsp
chaoyv
08-15 290
&lt;%@ page language="java" import="java.util.*" pageEncoding="utf-8"%&gt; &lt;%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %&gt; &lt;%@ taglib uri="http://java
后台jsp goodsUpdate.jsp
chaoyv
09-02 199
&lt;%@ page language="java" import="java.util.*" pageEncoding="utf-8"%&gt; &lt;%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%&gt; &lt;% String path = request.getCont
jsp c标签 组合复杂table
后花园的潜水井
11-02 330
最优方案： &lt;c:forEach items="${waterLevel}" var="device" varStatus="wl"&gt; &lt;tr&gt; &lt;c:if test="${wl.index==0}"&gt; &lt;th rowspan="${waterLevelLimi
ajax step 1)goodslist
casanava18的博客
08-12 184
<?php header("content-type:text/html;charset=utf-8"); class Goods{ private $id; private $name; private $price; private $image; function getId(){return $this->id...
终于搞明白了路由元信息是个啥了
热门推荐
cofecode的博客
01-27 1万+
为什么会有路由元信息这个东西？ 我们在做网站登录验证的时候，可以使用到beforeEach 钩子函数进行验证操作，如下面代码 ，如果页面path为’/goodsList’，那么就让它跳转到登录页面，实现了验证登录。 router.beforeEach((to, from, next) => { if (to.path === '/goodsList') { next('/log
// 商品排序 sortPrice() { if (this.value == 0) { this.goodsList = this.goodsList.sort((a, b) => { // console.log("000");0 return a.id - b.id; }); } else if (this.value == 1) { this.goodsList = this.goodsList.sort((a, b) => { // console.log(111); return b.price - a.price; }); } else if (this.value == 2) { this.goodsList = this.goodsList.sort((a, b) => { // console.log(222); return a.price - b.price; }); } else if (this.value == 3) { this.goodsList = this.goodsList.sort((a, b) => { // console.log(333); return b.volume - a.volume; }); } else if (this.value == 4) { this.goodsList = this.goodsList.sort((a, b) => { // console.log(444); return a.volume - b.volume; }); } }, // 点击有货优先时的回调函数 isHaveGoods() { // console.log(5555); // 只保留有货的商品 this.goodsList = this.goodsList.sort((a, b) => { return b.isHave - a.isHave; }); }, // 直营优先 isDirectGoods() { // console.log(6666); // 只保留有货的商品 this.goodsList = this.goodsList.sort((a, b) => { return b.isDirect - a.isDirect; }); },怎么把价格排序和直营优先排序结合起来
最新发布
06-03
let directGoods = this.goodsList.filter(item => item.isDirect); let notDirectGoods = this.goodsList.filter(item => !item.isDirect); directGoods.sort((a, b) => b.price - a.price); notDirectGoods....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值