大型运输行业实战_day09_2

1.添加站间互售入口

对应的html代码

对应的js发送函数

function otherStation(){
//进入进入站间互售页面列表
window.location.href="/otherTicket/index";
}

对应的控制层代码:

  /**

      * 站间互售页面

      * @return

      */

     @RequestMapping("/index")

     public String listPage() {

         return "/WEB-INF/views/listOther.jsp";

     }

2.站间互售列表页面listOther.jsp代码

站间互售的页面与本站的页面完全一样,其实站间互售的本质与本站售票的逻辑几乎完全一样,唯一的不同是数据来源不同

 <%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>

 <html>

 <head>

     <title>车票列表</title>

     <%--引入jquery--%>

     <script type="text/javascript" src="/static/jquery-2.1.3.min.js"></script>

     <script type="text/javascript" src="/static/My97DatePicker/WdatePicker.js"></script>

 </head>

 <body>

 <br/>

 <button onclick="loginout()">注销</button>

 <button onclick="orderDetail()">订单明细</button>

 <br/>

 <br/>

 <div align="center">

     开始车站:<input id="startStation" type="text" value="" />  到

     到达车站:<input id="stopStation" type="text" value="" />

     <br/>

     开始时间:<input id="startTimeMin"  onclick="WdatePicker()" value=""/>

     结束时间:<input id="startTimeMax" onclick="WdatePicker()" value=""/>

     <button onclick="query(5,1)">查询</button>

     <table id="ticketList" width="50%" border="1" cellspacing="1">

         <tr>

             <td>编号</td>

             <td>开始车站</td>

             <td>到达车站</td>

             <td>操作</td>

         </tr>

         <%--模拟假数据--%>

         <tr>

             <td>1</td>

             <td>北京</td>

             <td>成都</td>

             <td><button>购买</button></td>

         </tr>

     </table>

     <button onclick="firstPage()">首页</button>

     <button onclick="upPage()">上页</button>

     <button onclick="nextPage()">下页</button>

     <button onclick="lastPage()">末页</button>

     跳转到<input id="currentPage1" value="" size="1"/>页 <button onclick="jumpPage()">跳转</button>,

     每页显示<span id="pageSize">10</span>条,

     当前<span id="currentPage">5</span>/<span id="totalPage">10</span>页,

     总共<span id="count">48</span>条

 </div>

 </body>

 <script type="text/javascript">

    function orderDetail(){

        //进入订单明细页面

        window.location.href="/order/index";

    }

     function loginout(){

        //进入注销处理控制层

         window.location.href="/login/loginout";

     }

     //首页

     function firstPage(){

          alert("--firstPage--");

         //获取每页显示条数

        var _pageSize =  $("#pageSize").html();

         query(_pageSize,1);

     }

     //上页

     function upPage(){

         alert("--upPage--");

         var _pageSize =  $("#pageSize").html();

         //当前页

         var currentPage=$("#currentPage").html();

         var _currentPage=currentPage-1;

         query(_pageSize,_currentPage);

     }

     //下页

     function nextPage(){

         alert("--nextPage--");

         var _pageSize =  $("#pageSize").html();

         //当前页

         var currentPage=$("#currentPage").html();

         //var _currentPage=currentPage+1;//不能这样直接加必须使用函数

         var _currentPage= parseInt(currentPage)+1;

         query(_pageSize,_currentPage);

     }

     //末页

     function lastPage(){

         alert("--lastPage--");

         var _pageSize =  $("#pageSize").html();

         //当前页

         var _currentPage=$("#totalPage").html();

         query(_pageSize,_currentPage);

     }

     //跳转到

     function jumpPage(){

         alert("--jumpPage--");

         var _pageSize =  $("#pageSize").html();

         //当前页

         var _currentPage=$("#currentPage1").val();

         query(_pageSize,_currentPage);

     }

   /**

    *  注意在调用该函数时必须输入参数

    *  查询+ 分页

    *  */

     function query(_pageSize,_currentPage){

        // alert("------query------");

         //1.获取参数

         var  startStation = $("#startStation").val();

         var  stopStation = $("#stopStation").val();

       //查询时间范围获取

       var  startTimeMin = $("#startTimeMin").val();

       var  startTimeMax = $("#startTimeMax").val();

         //2.发送请求

         var params = {

            // startStation:startStation,

             stopStation:stopStation,

             _pageSize:_pageSize,//分页需要的数据

             _currentPage:_currentPage//分页需要的数据

         };

       if (null!=startStation && ''!=startStation){//开始车站有值的时候才传递参数

           params['startStation']=startStation;  //动态向json中添加参数

       }

       if (null!=startTimeMin && ''!=startTimeMin){//最小时间

           params['startTimeMin']=startTimeMin;

       }

       if (null!=startTimeMax && ''!=startTimeMax){//最大时间

           params['startTimeMax']=startTimeMax;

       }

         var url = '/otherTicket/data';

         jQuery.ajax({

             type: 'POST',

             contentType: 'application/x-www-form-urlencoded',

             url: url,

             data: params,

             dataType: 'json',

             success: function (data) {

                 //取出列表

                var ticketList = data.list;

                 //取出分页数据

                 var currentPage= data.currentPage;

                 var count= data.count;

                 var pageSize= data.pageSize;

                 var totalPage= data.totalPage;

                 var html='<tr>'+

                         '<td>编号</td>'+

                         '<td>开始车站</td>'+

                         '<td>到达车站</td>'+

                         '<td>发车时间</td>'+

                         '<td>余票数</td>'+

                         '<td>线路类型</td>'+

                         '<td>操作</td>'+  //添加购票按钮

                         '</tr>';

                 //解析数据到table表中

                 for (var i=0;i<ticketList.length;i++){

                     //取出一个对象   java里面的内省机制

                     var  ticket = ticketList[i];

                     var id = ticket.id;

                     var startStation=  ticket.startStation;

                     var stopStation=  ticket.stopStation;

                     //发车时间

                     var startTime = ticket.startTime;

                    var standby = ticket.standby;

                     var typeName = ticket.typeName;

                     html+='<tr>'+

                             '<td>'+id+'</td>'+

                             '<td>'+startStation+'</td>'+

                             '<td>'+stopStation+'</td>'+

                             '<td>'+startTime+'</td>'+

                             '<td>'+standby+'</td>'+

                             '<td>'+typeName+'</td>'+

                             '<td><button onclick="buyTicket('+id+')">购买</button></td>'+ //添加购票按钮

                             '</tr>';

                 }

                 //3.填充数据

                 //填充列表

                 $("#ticketList").html(html);

                 //填充分页数据

                 $("#totalPage").html(totalPage);

                 $("#pageSize").html(pageSize);

                 $("#count").html(count);

                 $("#currentPage").html(currentPage);

             },

             error: function (data) {

                 alert("失败啦");

             }

         });

     }

    function buyTicket(id){

        alert("buyTicket----"+id);

        //2.发送请求

        var params = {

            id:id

        };

        var url = '/ticket2/buyTicket';

        jQuery.ajax({

            type: 'POST',

            contentType: 'application/x-www-form-urlencoded',

            url: url,

            data: params,

            dataType: 'json',

            success: function (data) {

                alert("成功");

                //刷新数据

                query(5,1);

            },

            error: function (data) {

                alert("失败啦");

            }

        });

    }

     //执行js函数

     query(5,1);

 </script>

 </html>

listOther.jsp

3.获取列表的控制层代码

与本站售票逻辑一模一样

  /**

      * 获取车票数据 高级查询 + 分页

      */

     @RequestMapping("/data")

     @ResponseBody  //请求数据必须写这个

     public ResultPage getData3(TicketQueryObj ticketQueryObj, String _pageSize, String _currentPage) {

         //接收参数    可以将分页数据直接用TicketQueryObj对象就收,这里单独写出来是为了更好的理解 分页前端需要传的两个重要参数

         if (_pageSize != null && !_pageSize.equals("")) {

             ticketQueryObj.setPageSize(Integer.valueOf(_pageSize));

         }

         if (_currentPage != null && !_currentPage.equals("")) {

             ticketQueryObj.setCurrentPage(Integer.valueOf(_currentPage));

         }

         //调用方法

         ResultPage pageOther = ticketService.getPageOther(ticketQueryObj);

         //控制跳转

         return pageOther;

     }

4.业务层代码

业务层逻辑与本站逻辑一样,都是在封装分页对象,不同的是本站的数据来自自己的dao获取,而站间互售来自接口调用返回的数据并解析

  @Override

     public ResultPage getPageOther(TicketQueryObj ticketQueryObj) {

         List<Ticket> tickets = new ArrayList<>();

         Integer count=0;

         //发送httpClient请求

         try {

             //发送请求获取分页对象数据

             String strRe = HttpClientUtil2.post("http://10.3.2.149:8080/ticket/data?s=cbsjh");

             //解析数据

             JSONObject jsonObject = JSONObject.fromObject(strRe);

             //获取分页对象的列表

             JSONArray list = jsonObject.getJSONArray("list");

             //获取分页对象中的总共条数

              count = jsonObject.getInt("totalSize");

             //循环取出 列表的中对象将其转变为本站需要的对象属性

             for (int i=0;i<list.size();i++){

                 JSONObject jsonObject1 = list.getJSONObject(i);

                 TicketOTher ticketOther = (TicketOTher)JSONObject.toBean(jsonObject1, TicketOTher.class);

                 Ticket ticket = new Ticket();

                 ticket.setId(ticketOther.getId());

                 ticket.setStartStation(ticketOther.getStartStation());

                 ticket.setStopStation(ticketOther.getStopStation());

                 ticket.setStartTime(ticketOther.getMoveTime());

                 //将解析完成后的对象装进列表中

                 tickets.add(ticket);

             }

         } catch (IOException e) {

             e.printStackTrace();

         }

         ResultPage resultPage =new ResultPage();

         //获取数据列表

         resultPage.setList(tickets);

         //总共条数查询数据库

         resultPage.setCount(count);

         //当前页

         Integer currentPage = ticketQueryObj.getCurrentPage();

         resultPage.setCurrentPage(currentPage);

         //每页显示条数

         Integer pageSize = ticketQueryObj.getPageSize();

         resultPage.setPageSize(pageSize);

         //总共页数

         Integer totalPage=((count-1)/pageSize)+1;

         resultPage.setTotalPage(totalPage);

         return resultPage;

     }

5.用到的HttpClientUtil2.java简单工具类如下:

    //发送请求

     public static String post(String url) throws IOException {

         //1.发送对象

         HttpPost httpPost = new HttpPost(url);

         //2.创建客户端

         DefaultHttpClient defaultHttpClient = new DefaultHttpClient();

         //3.使用客户端发送请求

         CloseableHttpResponse execute = defaultHttpClient.execute(httpPost);

         //4.解析结果

         HttpEntity entity = execute.getEntity();

         String s = EntityUtils.toString(entity);

         System.out.println("s="+s);

         return s;

     }

站间售票获取列表完成!重启项目查看站间互售列表吧!

大型运输行业实战_day09_2_站间互售实现的更多相关文章

大型运输行业实战_day11_2_事务理论与实际生产配置事务管理
1.什么是事务(Transaction:tx) 数据库的某些需要分步完成,看做是一个整体(独立的工作单元),不能分割,要么整体成功,要么整体生效.“一荣俱荣,一损俱损”,最能体现事务的思想.案例:银行 ...
大型运输行业实战_day15_1_全文检索之Lucene
1.引入全文检索简介: 非结构化数据又一种叫法叫全文数据.从全文数据(文本)中进行检索就叫全文检索. 2.数据库搜索的弊端案例 : select * from product whe ...
大型运输行业实战_day14_1_webserivce简单入门
1.简单使用 1.1.服务端 1.编写接口 package com.day02.sation.ws; /** * Created by Administrator on 1/12. */ public ...
大型运输行业实战_day13_1_定时任务spring-quartz
1.jar包拷贝quartz-2.2.3.jar包到项目 2.编写定时任务类TicketQuart.java package com.day02.sation.task; import com.da ...
大型运输行业实战_day12_1_权限管理实现
1.业务分析权限说的是不同的用户对同一个系统有不同访问权限,其设计的本质是:给先给用户分配好URL,然后在访问的时候判断该用户是否有当前访问的URL. 2.实现 2.1数据库设计标准5表权限结构 2 ...
大型运输行业实战_day11_1_aop理论与aop实际业务操作
1.aop概述 Spring的AOP:什么叫做AOP:Aspect oritention programming(面向切面编程)什么是切面:看图,业务方法执行前后.AOP的目的:AOP能够将那些与业 ...
大型运输行业实战_day01_2_需求文档
1.文档格式 (见模板文件) 2.Axure简单使用 2.1安装Axure傻瓜式安装 2.2简单使用axure 3.总结需求文件完成后应该包括三种文件: 1.axure文件 2.axure生成的ht ...
大型运输行业实战_day01_1_业务分析
1.业务分析发展历史: 上车收费-->车站买票(相当于先收钱后上车)-->站务系统--->联网售票 2.项目结构 3.开发流程分析 1.业务分析图文并茂 ...
大型运输行业实战_day10_1_自定义事务管理类
1.创建事务管理类 TransactionManager.java package com.day02.sation.transaction; import com.day02.sation.uti ...

随机推荐

Linux内核深入研究之进程的线性地址空间-传统版
引言: 了解Linux环境下,进程的地址空间划分,对于我们理解Linux应用程序有很大的帮助,否则会被New与Malloc之类的指针操作弄的晕头转向,本文基于Linux内核讲述了Linux/Unix线 ...
NB-IOT/LoRa/Zigbee无线组网方案对比
物联网设备节点组网存在2种组网方式, 无线组网和有线组网. 无线组网我们常见到的有Zigbee,LoRa, NB-IOT等,其中Lora/NB-IOT属于LPWAN技术,LPWAN技术有覆盖广.连接多 ...
maven学习（3）-Maven 核心技术
第一节:Maven 仓库概念 Maven 远程仓库配置文件: $M2_HOME/lib/maven-model-builder-3.3.3.jar 文件:org\apache\maven\model\ ...
linux下安装jdk7
查看linux系统是32位还是64位系统:uname --mi686 //表示是32位x86_64 // 表示是64位新建一个jdk的安装目录,我这里是在/usr/local/下新建了java目录,命 ...
windows下查看端口被哪个进程占用
1.netstat -anp|findstr "port" 得到进程id 2.tasklist|findstr "pid" 得到是进程名
Xss漏洞原理分析及简单的讲解
感觉百度百科针对XSS的讲解,挺不错的,转载一下~ XSS攻击全称跨站脚本攻击,是为不和层叠样式表(Cascading Style Sheets, CSS)的缩写混淆,故将跨站脚本攻击缩写为XS ...
sqoop操作之HIVE导出到ORACLE
示例数据准备 hive中创建dept表 create table dept( deptno int, dname string, loc string ) row format delimited f ...
mybatis Dynamic SQL动态 SQL
动态 SQL MyBatis 的强大特性之一便是它的动态 SQL.如果你有使用 JDBC 或其它类似框架的经验,你就能体会到根据不同条件拼接 SQL 语句的痛苦.例如拼接时要确保不能忘记添加必要的空格 ...
搭建pyspider爬虫服务
1. 环境准备首先yum更新 yum update -y 安装开发编译工具 yum install gcc gcc-c++ -y 安装依赖库 yum install python-pip pytho ...
代码：css小图标
向下小箭头 .icon-tip{ border-color: transparent transparent #bb0808 transparent; border-style:solid; bord ...

大型运输行业实战_day09_2_站间互售实现

大型运输行业实战_day09_2_站间互售实现的更多相关文章

随机推荐

热门专题