大型运输行业实战_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.重启项目高级查询实现完成!