用table,js实现web动态取数据并实现分页效果

上图为实现的效果图

分页过程

首先用table存储数据

创建几个表格需要根据数据库中数据的条数确定

每个表格存储的数据为五条所以第一个表格存储前五条,第二个存储六至十条.....。

网页显示的是第一个table其他table需要隐藏,隐藏的功能在js中完成。

图中的1,2,3页数是js中动态生成的div,因为不知道怎么让文字具有点击并调用后台程序的功能所以只能用js。

后台代码

  using (SqlCommand cmd = conn.CreateCommand())//连接数据库得到数据库中共存储多少条数据
                {
                   cmd.CommandText = "select * from xfl; ";
                    int x = 0;int aaaa = 0;
                    using (SqlDataReader reader = cmd.ExecuteReader())
                    {
                        int l = 0;

                        for (; reader.Read(); l++)
                        {
                            Session["xyuan"] = l;
                            aaaa = l;//得到一

你可能感兴趣的:(asp.net,C#,button,js,JS,Js,table,动态,分页)