前台主页书籍类别动态加载

//加载左侧书籍列表
	$.ajax({
		url:ctx+'/book.action?opt=combox',
		success:function(data){
			data =eval('('+data+')');
			for(i in data){
				$(".classify").append('<li><a href="#">'+data[i].name+'</a></li>');
				$(".classify").append('<div class="fixed"></div>');
			}
		}
	});

web：

public String combox(HttpServletRequest req,HttpServletResponse resp) throws Exception {
		List<Category> list = this.categoryDao.getAll();
		try {
			ResponseUtil.writeJson(resp, list);
		} catch (Exception e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		return null;
	}

主页热销书籍和最新书籍动态加载

function appendBook($node,data,level,htmlstr){
	var ctx = $("#ctx").val();
	var start = level * 6;
	htmlstr+='<ul class="arivals">';
    var len=data.length;
	for(i= start;i<start+6;i++){
		if(i==len){
			break;
		}
		htmlstr+='<li>';
		htmlstr+='<a href="#"><img src="'+ctx+'/static/'+data[i].image+'" /></a>';
		console.log(htmlstr);
		htmlstr+='<p>'+data[i].name+'</p>';
		htmlstr+='<p class="red">￥'+data[i].price+'</p></li>';
	}
	htmlstr+='<div class="fixed"></div></ul>';
	level++;
	if(start+6>=len){
		$node.append(htmlstr);
	}else{
		appendBook($node,data,level,htmlstr);
	}
}

加载热门书籍js：

//加载熱銷书籍(递归)
	$.ajax({
		url:ctx+'/book.action?opt=hots',
		success:function(data){
			data =eval('('+data+')');
			appendBook($('.main_div_hots'),data.data,0,"");
		}
	});
})

dao方法：

/**
	 * 热销书籍
	 * @param book
	 * @param pageBean
	 * @return
	 * @throws Exception
	 */
	public List<Book> hots(Book book,PageBean pageBean) throws Exception{
		String sql="select * from t_easyui_book where state =2  order by sales desc limit 12";
		return super.executeQuery(sql, pageBean, Book.class);
	}

加载最新上架书籍js：

//加载新书(递归)
	$.ajax({
		url:ctx+'/book.action?opt=news',
		success:function(data){
			data =eval('('+data+')');
			appendBook($('.main_div_news'),data.data,0,"");
		}
	});

dao方法：

/**
	 * 门户新书上架
	 * @param book
	 * @param pageBean
	 * @return
	 * @throws Exception 
	 */
	public List<Book> news(Book book,PageBean pageBean) throws Exception{
		String sql="select * from t_easyui_book where state =2  order by deploytime desc limit 12";
		return super.executeQuery(sql, pageBean, Book.class);
	}

效果图：