zoukankan      html  css  js  c++  java
  • 淘淘商城2+

    后台商品管理界面实现商品列表的查询

      首先打开后台管理首页看看,删除之前写的index.jsp页面(测试页面,使命已完成),真正要访问的是taotao-manager-web里面WEB-INF目录下面jsp目录里面的index.jsp首页,由于它在web-inf下面不能直接访问,先得写一个controller进行跳转

    当点击后台管理首页时,查询商品就应该打开一个商品查询列表,其它按钮也应该可以点击,我们看看后台首页index.jsp是怎么写的。

      我们要做的是查询商品,这个Easyui之前学过(我没学过),右边的叫datagrid控件,它要求的数据格式是{total:”2”,rows:[{“id”:”1”,”name”,”张三”},{“id”:”2”,”name”,”李四”}]} ,在我们实际开发过程中很多东西都是复制过来的,并不是要求记住的,为什么老师要记住呢?要上课所以要记忆,开发中没必要记住,要知道哪有,可以拷出来就可以了。

    商品列表查询

    一、需求分析:点击商品查询右侧要展开一个页面,要做一次请求,打开要展开的item-list.jsp代码,请求都是在这里实现的。easyui-datagrid默认是带参数的,带分页参数totalrows

    1、请求的url:/item/list

    2、请求的参数:http://localhost:8080/item/list?page=1&rows=30 ,分页信息

     找到资料的jQuery EasyUI 1.4 版 API 中文版 (Made By Richie696)参考手册,按住Ctrl+F查找page

    3、返回值:json数据,格式是固定死

    二、上午分析了需求,要想实现商品列表的查询,在jsp页面里面有一个请求url来获得要展示的数据,同时请求的时候会默认带上两个参数,参数就是分页信息,返回结果json,格式固定的。

    Dao层:dao层其实就是查数据库,我们看看要想实现商品的列表查询要查哪个表:tb_item表

    Sql 语句: select * from tb_item LIMIT 0,30   我们现在逆向工程实现的mapper只能实现单表查询,不能实现分页,或者改生成的mapper文件(生成的很难读,不想改只想用),或者自己写(有了逆向生成也不想写)。于是第三种分页插件可以实现,讲mabatis时并没有讲分页插件,只是将mybatis配置文件里面有一个plugin节点,其实就是给插件使用(插件是第三方对框架的扩展)。

    插件名字:PageHelper(第三方的,开源的,目前最简单的分页插件,在github上,最好做一个项目放到github上,这样对找工作有帮助)

    分页插件实现原理

    插件使用方法

    1.引入pageHelper的jar包。对于maven工程来说要在pom.xml里面增加pageHelper的依赖

    2.需要在SqlMapConfig.xml中配置插件(这是mybatis的插件)

     3.在执行查询的sql语句执行前,添加一行代码:PageHelper.startPage(1,10);第一个参数:显示第几页;第二个参数:该页显示几条数据

    最终会得到一个当前页的列表数据,我们需要创建一个PageInfo类的对象,从对象中取分页信息(对象有一个getInfo()方法)。

    测试

    注意:这个分页插件对逆向工程生成的代码支持不好,不能对有查询条件(限制查询后分页)的查询分页,会抛异常。

    更改了一个支持好的分页插件在给的资料里,本次用的就是更改过的。修改过的Dao可以实现逆向工程生成的mapper文件+PageHelper实现分页

    Service层

     这个pojo要放在taotao-common里面,当初创建这个common工程里面就是干这个的,com.taotao.common.pojo包下

     现在pojo创建好了,service就可以写了,参数也分析清楚了有两个,返回就返回EUDataGridResult

    Controller层

    接收页面传递过来的参数page、rows。返回json格式的数据。EUDateGridResult要使用@ResponseBody

    运行测试会报错,原因仓库里面没有EUDataGridResult这个类,运行的时候会去仓库里面找所以maven instll一下

    再次启动又报错,clean出错,原因刚才那个tomcat已经起来了,它clean要clean那个日志文件,而那个启动了的tomcat已经把日志文件锁定了,它删除不了就报错。以后见到clean出错肯定tomcat已经起来了一个,关闭即可

     




  • 相关阅读:
    [转]Angular2-组件间数据传递的两种方式
    [转]Angular4---部署---将Angular项目部署到IIS上
    [转]Angular开发(十八)-路由的基本认识
    [转]【Angular4】基础(一):脚手架 Angular CLI
    [转]【Angular4】基础(二):创建组件 Component
    [转]Angular项目目录结构详解
    [转]Ionic国际化解决方案
    [转]Angular CLI 安装和使用
    [转]nodejs之cordova 跨平台开发
    [转]Windows下配置Node.js和Cordova
  • 原文地址:https://www.cnblogs.com/djlindex/p/11632006.html
Copyright © 2011-2022 走看看