旅游网站的案例

---

一、前台

1.清理缓存

如果遇到改了前端代码，页面展示没有变，一直改都不会发生变化，这是可以清理一下网页的缓存（快捷键：ctrl+shift+delete键）！！！！

2.分页功能

在做我的订单的功能的时候，分页功能没实现，一直以为是后端将数据全部发给前端，前端进行分页，其实是后端就进行分页，再将分页的数据传给前端页面进行展示。这一点一定要注意！！！！

（1）前台代码

<script>
        $(function () {
     
           /* var search = location.search;
            //alert(search);//?id=5
            // 切割字符串，拿到第二个值
            var cid = search.split("=")[1];*/
           //获取cid的参数值
           var cid = getParameter("cid");
            //获取rname的参数值
            var rname = getParameter("rname");
            //判断rname如果不为null或者""
            if(rname){
     
                //url解码
                rname = window.decodeURIComponent(rname);
            }
            //当页码加载完成后，调用load方法，发送ajax请求加载数据
            load(cid,null,rname);
        });
        function load(cid,currentPage,rname){
     
            //发送ajax请求，请求route/pageQuery,传递cid
            $.get("route/pageQuery",{
     cid:cid,currentPage:currentPage,rname:rname},function (pb) {
     
                //解析pagebean数据，展示到页面上
                // alert(currentPage);
                // alert(pb.currentPage);
                //1.分页工具条数据展示
                //1.1 展示总页码和总记录数
                $("#totalPage").html(pb.totalPage);
                //alert(pb.totalPage);
                $("#totalCount").html(pb.totalCount);
                var lis = "";
                var fristPage = '<li οnclick="javascipt:load('+cid+',1,\''+rname+'\')"><a href="javascript:void(0)">首页</a></li>';
                //计算上一页的页码
                var beforeNum =  pb.currentPage - 1;
                if(beforeNum <= 0){
     
                    beforeNum = 1;
                }
                var beforePage = '<li  οnclick="javascipt:load('+cid+','+beforeNum+',\''+rname+'\')" class="threeword"><a href="javascript:void(0)">上一页</a></li>';
                lis += fristPage;
                lis += beforePage;
                //1.2 展示分页页码
                /*
                    1.一共展示10个页码，能够达到前5后4的效果
                    2.如果前边不够5个，后边补齐10个
                    3.如果后边不足4个，前边补齐10个
                */
                // 定义开始位置begin,结束位置 end
                var begin; // 开始位置
                var end ; //  结束位置
                //1.要显示10个页码
                if(pb.totalPage < 10){
     
                    //总页码不够10页
                    begin = 1;
                    end = pb.totalPage;
                }else{
     
                    //总页码超过10页
                    begin = pb.currentPage - 5 ;
                    end = pb.currentPage + 4 ;
                    //2.如果前边不够5个，后边补齐10个
                    if(begin < 1){
     
                        begin = 1;
                        end = begin + 9;
                    }
                    //3.如果后边不足4个，前边补齐10个
                    if(end > pb.totalPage)