EasyUI项目之新书上架热门书籍

Posted 2021-10-25 九阳神功张无忌

前言：继续讲解EasyUi项目《网上书城》之新书上架、热门书籍

码字不易，点个关注

转载请说明！

开发工具:eclipse，MySQL 

---

目录

1、目标

2、具体思路、代码以及效果展示

思路

代码

效果展示

---

 

1、目标

当进入index.jsp时，热门书籍和新书上架这一栏会显示出书籍

2、具体思路、代码以及效果展示

思路

两个方法思路都yiyan
1、新书上架，在BookDao中写好根据时间降序查询前八本书

2、热门书籍，在BookDao中写好根据销售降序查询前八本书

2、然后到BookAction中写好对应的方法

3、之后到index.jsp中展示数据

代码
 

dao 

/**
	 * 处于上架状态的书籍 ， 新书
	 * @param sql
	 * @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 0,8";
        return super.executeQuery(sql, Book.class, pageBean);
	}
	
	/**处于上架状态的书籍，按销量排序
	 * 
	 * @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 0,8";
        return super.executeQuery(sql, Book.class, pageBean);
	}

Action

public void news(HttpServletRequest req, HttpServletResponse resp) {
		try {
			List<Book> list = bookDao.news(null, null);
            ResponseUtil.writeJson(resp, list);
		} catch (Exception e) {
			e.printStackTrace();
		}
	}
	
	public void hots(HttpServletRequest req, HttpServletResponse resp) {
		try {
			List<Book> list = bookDao.hots(null, null);
            ResponseUtil.writeJson(resp, list);
		} catch (Exception e) {
			e.printStackTrace();
		}
	}

index.jsp

//   上架新书
        $.ajax({
            url: '${pageContext.request.contextPath}/book.action?methodName=news',
            dataType: "json",
            data: "rows=18",
            success: function (data) {
                // data = eval(data);
                // $(".c-category").next().append("444");
                debugger;
                console.log(data);
                single_item($(".c-category:eq(0)"), data, 0, "");

                // debugger;
            }
        });

        //   热销书籍
        $.ajax({
            url: '${pageContext.request.contextPath}/book.action?methodName=hots',
            dataType: "json",
            data: "rows=18",
            success: function (data) {
                // data = eval(data);
                // $(".c-category").next().append("444");
                console.log(data);
                single_item($(".c-category:eq(1)"), data, 0, "");

                // debugger;
            }
        });

效果展示

 到这里就结束了，欢迎大佬指点