怎样实现分页....

2012-06-07 09:49:53 204 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

vue实现通用分页控件，支持前端分页、后端分页。如果是后端做分页的话，就传递count属性值这个属性代表总数据量，需要用来计算总页数如果是前端做分页，就传递itemList属性值，这个属性表示总数据数组，根据这个数组的长度可以计算页数，根据页码可以对数组进行截取并把截取的单页数据通过自定义事件传递给父组件，父组件更新列表数据渲染itemList: {//数据列表},count: {//有值则分页功能后端实现},})通过自定义事件可以把页码或者是分页后的数据传递给父组件。阅读详情

想实现分页效果，不是很懂，求指导，可以说个大概方向，能提供代码更好。。。。

这是后台代码

public ArrayList<User> select(String sql){            

		ArrayList<User> list = new ArrayList<User>();

		Connection conn = null;

		Statement stmt = null;

		ResultSet rs = null;

		try {

			conn = getConnection();

		    stmt = conn.createStatement();

			rs = stmt.executeQuery(sql);

			while(rs.next()){                       //将rs结果集中的每一条记录都转化成User对象,再放进list中

				User user = new User();	

				user.setTel(rs.getString("tel"));

				user.setUsername(rs.getString("username"));

				user.setAddr(rs.getString("addr"));

				user.setMail(rs.getString("mail"));

				user.setType(rs.getInt("type"));

				user.setYf(rs.getDouble("yf"));

				user.setNum(rs.getInt("num"));

				user.setYb(rs.getInt("yb"));

				user.setFp(rs.getInt("fp"));	

				user.setPrice(rs.getDouble("price"));

				user.setNum(rs.getInt("num"));

				user.setId(rs.getString("id"));						

				user.setFk(rs.getInt("fk"));

	

				list.add(user);

			}

		} catch (SQLException e) {

			System.out.println("Sql异常1");

		}

		finally{

			if(rs!=null){

				try {

					rs.close();

				} catch (SQLException e) {

					System.out.println("关闭rs时异常");

				}

			}

			if(stmt!=null){

				try {

					stmt.close();

				} catch (SQLException e) {

					System.out.println("关闭stmt时异常");

				}

			}

			if(conn!=null){

				try {

					conn.close();

				} catch (SQLException e) {

					System.out.println("关闭conn时异常");

				}

			}

		}

		return list;

	}

主页面调用代码

<%   

         

         UsersDAO db = new UsersDAO();

         String sql="select *from ZTC";

         ArrayList<User> list = db.select(sql); 

         if(list.isEmpty()==false)

         {

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

           

             {

                 User user = list.get(i);

      %>

                 <tr>

                 <td><%=user.getId()%></td>

                 <td><%=user.getUsername()%></td>

                 <td><%=user.getTel()%></td>

                 <td><%=user.getAddr()%></td>

                 <td><%=user.getMail()%></td>

                 <td><%=user.getType()%></td>  

                 <td><%=user.getNum()%></td>

                 <td><%=user.getYb()%></td>

                 <td><%=user.getYf()%></td>

                 <td><%=user.getFp()%></td>

                 <td><%=user.getPrice()%></td>  

                 <td><%=user.getFk()%></td>        

                 <td>