书籍的搜索及加入购物车

书籍的搜索及加入购物车

书籍的查询

1.点击左侧点击进行书籍分类查询

在这里插入图片描述

点击左侧书籍分类查询js:
$(function(){

	var ct=$("#ct").val();

	$.ajax({
		url:ct+'/category.action?methodName=combobox',
		success:function(data){
			data=eval('('+data+')');
			//<li class="list-group-item">玄幻</li>	
			
			for(i in data){
				$(".list-group").append('<li class="list-group-item" οnclick="searchType('+data[i].id+')">'+data[i].name+'</li>');
				$(".c-category li").eq(0).addClass('bg-color1');
				$(".c-category li:gt(0)").addClass('bg-color2');
				$(".c-category li:gt(0)").hover(function() {
					$(this).addClass('bg-opacity');
				}, function() {
					$(this).removeClass('bg-opacity');
				});	
			}	
		}
	})


function searchType(cid){
	var ct=$("#ct").val();
	location.href=ct+"/book.action?methodName=search&cid="+cid;
}	

查询方法:
public List<Book> listbook(Book book,PageBean pageBean) throws Exception{
		String name=book.getName();
		long cid=book.getCid();
		String sql="select * from t_easyui_book where true";
		if(StringUtils.isNotBlank(name)) {
			sql+=" and name like '%"+name+"%' ";
		}
		if(cid !=0) {
			sql+=" and cid ="+cid;
		}
		return super.executeQuery(sql,pageBean, Book.class );
		
	}
Action处理

public String search(HttpServletRequest req,HttpServletResponse resp) {
	PageBean pageBean=new PageBean();
	pageBean.setRequest(req);
	try {。
		List<Book> list =this.bookdao.listbook(book, pageBean);
		req.setAttribute("books", list);
		req.setAttribute("pageBean", pageBean);
	} catch (Exception e) {
		// TODO Auto-generated catch block
		e.printStackTrace();
	}

	return "search";
	
}

搜索框搜索

方法与处理跟上面同一个:
在这里插入图片描述

标签

<button onclick="search()" type="button" class="btn btn-primary">搜索</button>

js:

	function search(){
 					location.href="${pageContext.request.contextPath}/book.action?methodName=search&name="+$("#book_name").val();
 			}
			

效果:
在这里插入图片描述

加入购物车

点击加入购物车跳转并传递参数,将数据存储到application

<a class="btn btn-danger" type="button" href="${pageContext.request.contextPath}/shopping.action?methodName=add&name=${k.name}&price=${k.price}&num=1&total=${k.price}">加入购物车</a>

对购物车所需字段进行对象化:

package com.shegx.vo;

/**
 * @author SHE
 *
 * 2020年7月11日上午9:41:45
 *  com.shegx.vo
 */
public class Shoppingvo {

	private String name;
	private float price;
	private int num;
	private float total;
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	public float getPrice() {
		return price;
	}
	public void setPrice(float price) {
		this.price = price;
	}
	public int getNum() {
		return num;
	}
	public void setNum(int num) {
		this.num = num;
	}
	public float getTotal() {
		return total;
	}
	public void setTotal(float total) {
		this.total = total;
	}
	public Shoppingvo(String name, float price, int num, float total) {
		super();
		this.name = name;
		this.price = price;
		this.num = num;
		this.total = total;
	}
	public Shoppingvo() {
		super();
	}
	@Override
	public String toString() {
		return "Shoppingvo [name=" + name + ", price=" + price + ", num=" + num + ", total=" + total + "]";
	}
	
	

Action处理

/**
 * 
 */
package com.shegx.web;

import java.io.UnsupportedEncodingException;
import java.net.URLDecoder;
import java.util.ArrayList;
import java.util.List;

import javax.servlet.ServletContext;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.shegx.entity.User;
import com.shegx.vo.Shoppingvo;
import com.zhuchenxi.framework.ActionSupport;
import com.zhuchenxi.framework.ModelDriven;

/**
 * @author SHE
 *
 * 2020年7月11日上午10:49:36
 *  com.shegx.web
 */
public class ShopingAction extends ActionSupport implements ModelDriven<Shoppingvo>{

	private Shoppingvo shoppingvo=new Shoppingvo();

	/* (non-Javadoc)
	 * @see com.zhuchenxi.framework.ModelDriven#getModel()
	 */
	@Override
	public Shoppingvo getModel() {
		// TODO Auto-generated method stub
		return shoppingvo;
	}
	
	//加入购物车
	public String add(HttpServletRequest req,HttpServletResponse resp) throws UnsupportedEncodingException {
	//第一次添加商品。购物车没有商品
		ServletContext ctx=req.getServletContext();
		//给每一个用户添加购物车的编号
		String shopcar="shopcars_";
		User user = (User) req.getSession().getAttribute("user");
		
		
		String name="";
		name = URLDecoder.decode(shoppingvo.getName(), "UTF-8");
		shoppingvo.setName(name);
		List<Shoppingvo> shopcars = (List<Shoppingvo>) ctx.getAttribute("shopcars");
		
		if(shopcars==null||shopcars.size()==0) {
			shopcars=new ArrayList<Shoppingvo>();
			shopcars.add(shoppingvo);
		}else {
			shopcars.add(shoppingvo);
		}
	
		ctx.setAttribute("shopcars", shopcars);
		req.setAttribute("shopcars", shopcars);
		return "shoppingCar";
	}
	
	
	
	
}

在这里插入图片描述

1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值