大型运输行业实战_day04_2_高级查询

1.高级查询最总效果

2.高级查询步骤

2.1页面输入框显示

  开始车站:<input id="startStation" type="text" value="" />  到
     到达车站:<input id="stopStation" type="text" value="" />
     <button onclick="query()">查询</button>

2.2获取输入参数并发送ajax请求

 /* 高级查询js函数*/
     function query(){
         //alert("------query------");
         //1.获取参数
          var  startStation = $("#startStation").val();
        //alert("startStation="+startStation);
         var  stopStation = $("#stopStation").val();
         //2.发送请求
         var params = {
             startStation:startStation,
             stopStation:stopStation
         };
         var url = 'http://localhost:8080/ticket2/data2';
         jQuery.ajax({
             type: 'POST',
             contentType: 'application/x-www-form-urlencoded',
             url: url,
             data: params,
             dataType: 'json',
             success: function (data) {
                 var html='<tr>'+
                         '<td>编号</td>'+
                         '<td>开始车站</td>'+
                         '<td>到达车站</td>'+
                         '</tr>';
                 //解析数据到table表中
                 for (var i=0;i<data.length;i++){
                     //取出一个对象
                     var  ticket = data[i];
                     //java里面的内省机制 取出对象中的值
                     var id = ticket.id;
                     var startStation=  ticket.startStation;
                     var stopStation=  ticket.stopStation;
                     //拼接html代码
                     html+='<tr>'+
                             '<td>'+id+'</td>'+
                             '<td>'+startStation+'</td>'+
                             '<td>'+stopStation+'</td>'+
                             '</tr>';
                 }
                 //3.填充数据
                 $("#ticketList").html(html);
             },
             error: function (data) {
                 alert("失败啦");
             }
         });
     }

2.3控制层处理

 /**
      * 高级查询获取车票数据
      */
     @RequestMapping("/data2")
     @ResponseBody  //请求数据必须写这个
     public List<Ticket> getData2(TicketQueryObj ticketQueryObj){
         //接收参数
         //调用方法
         List<Ticket> list = ticketService.getList(ticketQueryObj);
         //控制跳转
         return list;
     }

2.4业务层处理

  @Override
     public List<Ticket> getList(TicketQueryObj ticketQueryObj) {
         List<Ticket> tickets = ticketDao.queryList(ticketQueryObj);
         return tickets;
     }

2.5持久层接口

     /**
      * 根据条件查询
      * @param ticketQueryObj
      * @return
      */
     List<Ticket> queryList(TicketQueryObj ticketQueryObj);

2.6映射文件sql语句

 <select id="queryList" parameterType="com.day02.sation.query.TicketQueryObj"  resultType="com.day02.sation.model.Ticket">
         SELECT id,start_station startStation,stop_station stopStation FROM ticket
        <where>
            <if test="startStation!=null and startStation!='' ">
                AND  start_station = #{startStation}
            </if>
            <if test="stopStation!=null and stopStation!='' ">
                AND stop_station=#{stopStation}
            </if>
        </where>
 </select>

2.7测试dao是否可用   注意必须测试

   @Test
    public void testGetList2(){
        TicketQueryObj ticketQueryObj = new TicketQueryObj();
        ticketQueryObj.setStartStation("成都    ");
        ticketQueryObj.setStopStation("南充");
        List<Ticket> list = ticketDao.queryList(ticketQueryObj);
        System.out.println("list="+list);
    }

    2.8.使用到的查询对象TicketQueryObj.java

 package com.day02.sation.query;

 /**
  * Created by Administrator on 12/28.
  */
 public class TicketQueryObj {
     private String startStation;
     private String stopStation;
     public String getStartStation() {
         return startStation;
     }
     public void setStartStation(String startStation) {
         this.startStation = startStation;
     }
     public String getStopStation() {
         return stopStation;
     }
     public void setStopStation(String stopStation) {
         this.stopStation = stopStation;
     }
 }

TicketQueryObj.java

2.9.重启项目高级查询实现完成!