zoukankan      html  css  js  c++  java
  • 下行内容AJAX和三层架构实现分页功能

    最近研究下行内容,稍微总结一下,以后继续补充:

        -----------------------------HTMLPage1.htm---------------------------------

        

        <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
         <style type="text/css">
        table{ border:solid 1px #444; background-color:Aqua;}
        table td{border:solid 1px #444;}
        </style>
        <script src="js/Jquery1.7.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function () {
                var pageindex = 1;
                var pagesize = 10;
                var lastpageindex = 1;


                loaddata();


                function loaddata() {
                    $.ajax({
                        type: "post",
                        contentType: "application/json",
                        url: "WebService1.asmx/GetListAjax",
                        data: "{pagesize:" + pagesize + ",pageindex:" + pageindex + "}",
                        success: function (result) {
                            var strtable = '<table>';
                            strtable += '<tr><td>编号</td><td>标题</td><td>内容</td><td>创建时光</td></tr>';
                            for (var i = 0; i < result.d.length; i++) {
                                strtable += '<tr>';
                                strtable += '<td>' + result.d[i].Id + '</td>';


                                strtable += '<td>' + result.d[i].NewsTitle + '</td>';


                                strtable += '<td>' + result.d[i].NewsContent + '</td>';


                                strtable += '<td>' + result.d[i].CreateTime + '</td>';
                                strtable += '</tr>';
                            }
                            strtable += '</table>';
                            $('#mydiv').html(strtable);
                        }
                    })
                }


                $.ajax({
                    type: "post",
                    contentType: "application/json",
                    url: "WebService1.asmx/GetLastPageindex",
                    data: "{pagesize:" + pagesize + "}",
                    success: function (result) {
                        lastpageindex = result.d;
                    }
                })


                //第一页
                $('a:first').click(function () {
                    pageindex = 1;
                    loaddata();
                })


                //上一页
                $('#divfenye a:eq(1)').click(function () {
                    if (pageindex > 1) {
                        pageindex--;
                        loaddata();
                    }
                })
                //下一页
                $('#divfenye a:eq(2)').click(function () {
                    if (pageindex < lastpageindex) {
                        pageindex++;
                        loaddata();
                    }
                })
                //最后一页
                $('#divfenye a:eq(3)').click(function () {
                    pageindex = lastpageindex;
                    loaddata();
                })
                $('#divfenye a:last').click(function () {
                    pageindex = $('#txtPageindex').val();
                    loaddata();
                })


                $('#txtPageindex').focus(function () {
                    $(this).val('');
                })
            })
        </script>
    </head>
    <body>
    <div id="mydiv">
    </div>
    <div id="divfenye"><a href="#">第一页</a><a href="#">上一页</a><a href="#">下一页</a><a href="#">最后一页</a><input
            id="txtPageindex" type="text" /><a href="#">Go</a></div>
    </body>
    </html>

        

        每日一道理
    人生好似一条河,既有波澜壮阔,汹涌澎湃,也有清风徐来,水波不兴;人生好似一首歌,既有欢乐的音符,也有悲壮的旋律;人生好似一条船,既有一帆风顺时,也有急流险滩处。愿我们都能勇于经受暴风雨的洗礼,接受生活的挑战和考验!

        -------------------------WebService1 --------------------------------

           // 若要答应使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。
         [System.Web.Script.Services.ScriptService]
        public class WebService1 : System.Web.Services.WebService
        {


            [WebMethod]
            public string HelloWorld()
            {
                return "Hello World";
            }


            [WebMethod]
            public List<Model.T_News1> GetListAjax(int pagesize, int pageindex)
            {
                BLL.T_News1 bnews = new BLL.T_News1();
                DataTable dt = bnews.GetListDataTable(pagesize, pageindex);
                List<Model.T_News1> list = new List<Model.T_News1>();


                int Id;
                string newstitle = "";
                string newscontent = "";
                DateTime createtime;
                for (int i = 0; i < dt.Rows.Count; i++)
                {
                    Id = Convert.ToInt32(dt.Rows[i]["Id"]);
                    newstitle = dt.Rows[i]["NewsTitle"].ToString();
                    newscontent = dt.Rows[i]["NewsContent"].ToString();
                    createtime = Convert.ToDateTime(dt.Rows[i]["CreateTime"]);


                    Model.T_News1 news = new Model.T_News1()
                    {
                        Id = Id,
                        NewsTitle = newstitle,
                        NewsContent = newscontent,
                        CreateTime = createtime
                    };
                    list.Add(news);
                }
                return list;
            }


            [WebMethod]
            public int GetLastPageindex(int pagesize)
            {
                BLL.T_News1 bnews = new BLL.T_News1();
                int totalcount = bnews.GetRecordCount("");
                if (totalcount % pagesize == 0)
                {
                    return totalcount / pagesize;
                }
                else
                {
                    return totalcount / pagesize + 1;
                }
            }

        

        ------------------------------DAL层:--------------------------

                /// <summary>
            /// 分页获得数据列表
            /// </summary>
            public DataTable GetListDataTable(int PageSize, int PageIndex)
            {
                SqlParameter[] parameters = {

    new SqlParameter("@PageSize", SqlDbType.Int),
    new SqlParameter("@PageIndex", SqlDbType.Int)
    };


                parameters[0].Value = PageSize;
                parameters[1].Value = PageIndex;
                return DbHelperSQL.RunProcedureDataTable("pro_fenye", parameters);
            }

        

        --------------------BLL层:--------------------------

              public DataTable GetListDataTable(int pagesize, int pageindex)
            {
                return dal.GetListDataTable(pagesize, pageindex);
            }

        

        ------------------DbHelperSQL:-----------------------

                public static DataTable RunProcedureDataTable(string storedProcName, IDataParameter[] parameters)
            {
                using (SqlConnection connection = new SqlConnection(connectionString))
                {
                    DataTable dt = new DataTable();
                    connection.Open();
                    SqlDataAdapter sqlDA = new SqlDataAdapter();
                    sqlDA.SelectCommand = BuildQueryCommand(connection, storedProcName, parameters);
                    sqlDA.Fill(dt);
                    connection.Close();
                    return dt;
                }
            }

    文章结束给大家分享下程序员的一些笑话语录: 神灯新篇
    一个程序员在海滩上发现了一盏神灯。他在灯上擦了几下,一个妖怪就从灯里跳出来说:“我是世界上法术最强的妖怪。我可以实现你的任何梦想,但现在,我只能满足你一个愿望。”程序员摊开了一幅中东地图说:“我想让中东得到永久的和平。”妖怪答道:“哦,我没办法。自打创世纪以来,那里的战火就没有停息过。这世上几乎没有我办不到的事,但这件事除外。”程序员于是说:“好吧,我是一个程序员,为许多用户编写过程序。你能让他们把需求表述得更清楚些,并且让我们的软件项目有那么一两次按进度按成本完成吗?”妖怪说:“唔,我们还是来看中东地图吧。”

  • 相关阅读:
    【纪中集训】2019.08.01【NOIP提高组】模拟 A 组TJ
    有上下界的网络流 学习笔记
    平衡规划后的华丽暴力——莫队算法
    【纪中集训】2019.07.11【NOIP提高组】模拟 B 组TJ
    hdu 2063 过山车 二分匹配(匈牙利算法)
    hdu 5373 The shortest problem(杭电多校赛第七场)
    hdu 3729 I'm Telling the Truth(二分匹配_ 匈牙利算法)
    hdu 2119 Matrix(二分匹配)
    hdu 1498 50 years, 50 colors(二分匹配_匈牙利算法)
    HNU Joke with permutation (深搜dfs)
  • 原文地址:https://www.cnblogs.com/xinyuyuanm/p/3091561.html
Copyright © 2011-2022 走看看