资讯专栏INFORMATION COLUMN

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

zhoutk / 3145人阅读

摘要:前言继续讲解项目网上书城之新书上架热门书籍码字不易,点个关注转载请说明开发工具,目录目标目标具体思路代码以及效果展示具体思路代码以及效果展示思路思路代码代码效果展示效果展示目标当进入时,热门书籍和新书上架这一栏会显

前言:继续讲解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 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 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 list = bookDao.news(null, null);            ResponseUtil.writeJson(resp, list);		} catch (Exception e) {			e.printStackTrace();		}	}		public void hots(HttpServletRequest req, HttpServletResponse resp) {		try {			List 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;            }        });

效果展示

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/121750.html

相关文章

  • EasyUI项目门户书籍、类别查询、图片上传

    摘要:前言继续上一篇讲解项目网上书城之门户书籍类别查询图片上传码字不易,点个关注转载请说明开发工具,目录一目标一目标二具体思路以及代码,效果展示二具体思路以及代码,效果展示一显示菜单栏一显示菜单栏二点击左侧菜单栏,出现对应的书 前言:继续上一篇讲解EasyUi项目《网上书城》之门户书籍、类别查询、...

    OpenDigg 评论0 收藏0
  • sau交流学习社区--看小说的lovebook一个无线端BS应用

    摘要:爱上阅读,是一款的读小说等书籍的并且阅读的应用。找了好久发现发现只有追书神器的暴露出来了,起点之类的找不到。八最后最后打个小广告源码都已在上开源,目前在逐步完善功能中。欢迎感兴趣的同学和。 loveBook loveBook爱上阅读,是一款webapp的读小说等书籍的并且阅读的应用。如果觉得可以,欢迎fork和star。 自己最近在追斗破苍穹电视剧,下班时候在地铁上总听到有人说,斗破苍...

    leeon 评论0 收藏0
  • EasyUI项目购物车功能

    摘要:前言继续讲解项目网上书城之加入购物车,清空购物车功能码字不易,点个关注转载请说明开发工具,目录目标目标代码展示代码展示加入购物车加入购物车清空购物车清空购物车思维导图实现购物车的三种方式目标加入购物车,清空购物车代码展 前言:继续讲解EasyUi项目《网上书城》之加入购物车,清空购物车功能 ...

    PrototypeZ 评论0 收藏0

发表评论

0条评论

zhoutk

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<