网上书城搜索及加入购物车功能

这篇博客详述了网上书城的搜索功能,包括书名和分类搜索,以及商品加入购物车的流程。搜索功能涉及前端传递关键字到后台,后台调用DAO查询并返回数据。加入购物车功能则利用application存储购物车,通过用户ID找到特定购物车并添加商品信息。
摘要由CSDN通过智能技术生成

网上书城搜索及加入购物车功能

前言

这篇博客主要讲述网上书城的搜索页——根据书名搜索,根据分类搜索,以及将商品加入购物车的功能。

搜索页

效果图(根据书名关键字搜索):
(我是搜索了一个1 ,由于我没有做赋值效果,图上看不到我搜索的关键字)
在这里插入图片描述
实现思路以及对应代码:
1、在搜索栏输入关键字;

2、传递关键字到后台;

//给搜索按钮增加跳转路径的点击事件
<button type="button" onclick="search()" class="btn btn-primary">搜索</button>
<script type="text/javascript">
function search(){
				location.href="${pageContext.request.contextPath }/book.action?methodName=search&name="+$("#book_name").val();
			}
</script>

3、在后台action中调用dao层进行查询需要的数据;

	public String search(HttpServletRequest req,HttpServletResponse resp) throws Exception {
		PageBean pageBean=new PageBean();
		pageBean.setRequest(req);
		List<Book> list = this.bookDao.list(book, pageBean);
		req.setAttribute("books", list);
		req.setAttribute("pageBean", pageBean);
		return "search";
	}

4、返回到前台使用自定义标签进行展示;

<c:forEach items="${books }" var="b">
					<div class="media">
						<img src="${b.image }" class="align-self-center mr-3" alt="...">
		
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值