WB 分页

前台HTML代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>

    </div>
        <h1>分页</h1>
        <asp:Repeater ID="Repeater1" runat="server">
            <HeaderTemplate>
                 <table width="100%" border="0" cellspacing="1" cellpadding="1" bgcolor="#6633CC">
                  <tr>
                    <td width="120" heigh="30" align="center" valign="middle" bgcolor="#FFFFFF">代号</td>
                    <td width="120" heigh="30" align="center" valign="middle" bgcolor="#FFFFFF">姓名</td>
                    <td width="120" heigh="30" align="center" valign="middle" bgcolor="#FFFFFF">系列</td>
                    <td width="120" heigh="30" align="center" valign="middle" bgcolor="#FFFFFF">上市时间</td>
                    <td width="120" heigh="30" align="center" valign="middle" bgcolor="#FFFFFF">油耗</td>
                    <td width="120" heigh="30" align="center" valign="middle" bgcolor="#FFFFFF">功率</td>
                     <td width="120" heigh="30" align="center" valign="middle" bgcolor="#FFFFFF">排量</td>
                     <td width="120" heigh="30" align="center" valign="middle" bgcolor="#FFFFFF">价格</td>
                     <td width="120" heigh="30" align="center" valign="middle" bgcolor="#FFFFFF">图片</td>
                  </tr>

            </HeaderTemplate>
            <FooterTemplate>
                </table>

            </FooterTemplate>
            <ItemTemplate>
                <table width="100%" border="0" cellspacing="1" cellpadding="1" bgcolor="#6633CC">
                  <tr>
                    <td width="120" heigh="30" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Code") %></td>
                    <td width="120" heigh="30" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Name") %></td>
                    <td width="120" heigh="30" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Brand") %></td>
                    <td width="120" heigh="30" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Time") %></td>
                    <td width="120" heigh="30" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Oil") %></td>
                    <td width="120" heigh="30" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Powers") %></td>
                     <td width="120" heigh="30" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Exhaust") %></td>
                     <td width="120" heigh="30" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Price") %></td>
                     <td width="120" heigh="30" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Pic") %></td>
                  </tr>

            </ItemTemplate>
        </asp:Repeater>
        <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="上一页" />
  
        <asp:Button ID="Button2" runat="server" Text="下一页" OnClick="Button2_Click" />
 <asp:Label ID="Label2" runat="server" Text="跳转到"></asp:Label>
 <asp:TextBox ID="TextBox1" runat="server" Width="37px"></asp:TextBox>
 <asp:Label ID="Label3" runat="server" Text="页"></asp:Label>
 <asp:Button ID="Button3" runat="server" OnClick="Button3_Click" Text="跳转" />
   
        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
        <asp:Literal ID="Literal1" runat="server"></asp:Literal>
    </form>

</body>
</html>

  后台C#代码:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        //绑定数据 每一页有多少条数据
        if (!IsPostBack)
        {
            //第一次页面加载 给session附上值
            Session["ys"] = 1;

            TestDataContext context = new TestDataContext();
           ////查汽车表 取前五条数据  Skip()跳过几条,Take()取几条
           // Repeater1.DataSource = context.Car.Skip(0).Take(5);
            //要调过的条数
            //先取出session里面的值 当前页数减去一 乘以五
            TiaoXhuan(1);
        }
        Literal1.Text = "";
    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        //点上一页 先把session里面的值取出来 转成整型
       int ys = Convert.ToInt32(Session["ys"]);
       if (ys > 1)
       {
           TestDataContext context = new TestDataContext();
           //点了上一页 当前页数减一
           ys = ys - 1;
           Session["ys"] = ys;
           TiaoXhuan(ys);

       }
       else
       {
            Literal1.Text="<script type=‘text/javascript‘>alert(‘当前已是第一页‘)</script>";
       }
    }
    protected void Button2_Click(object sender, EventArgs e)
    {
        //下一页 先取出session里面的值
        int ys = Convert.ToInt32(Session["ys"]);
        TestDataContext context = new TestDataContext();
        //先判断是不是最后一页  去除所有的条数 除去每一页的条数5 看得到的数是多少
        //int all = context.Car.Count();//取出的条数
        // int zys;
        // if (all % 5 == 0)//得到的总页数
        // {
        //     zys = all / 5;
        // }
        // else
        // {
        //     zys = all / 5 + 1;
        // }
        int zys = ALLYS();
         if (ys < zys)
         {
             ys = ys + 1;
             Session["ys"] = ys;
             TiaoXhuan(ys);
         }
         else
         {
             Literal1.Text = "<script type=‘text/javascript‘>alert(‘当前已是最后一页‘)</script>";

         }
    }
    //做函数 调用  实现跳转页面  给一个参数 跳到第几页
    public void TiaoXhuan(int ys)
    {
        TestDataContext context = new TestDataContext();
        int qu = (ys - 1) * 5; //计算出跳到第几页
        Repeater1.DataSource = context.Car.Skip(qu).Take(5);
        Repeater1.DataBind();
        //lable1里面要显示 当前第几页 总共第几页
        int all = ALLYS();
        Label1.Text = "当前第" + ys + "页,总共:"+all+"页";
    }
    public int ALLYS()//计算出总页数
    {
        TestDataContext context = new TestDataContext();
        int all = context.Car.Count();
        int zys;
        if (all % 5 == 0)
        {
            zys = all / 5;
        }
        else
        {
            zys = all / 5 + 1;
        }
        return zys;
    }

    protected void Button3_Click(object sender, EventArgs e)
    {
        int ys = 1;
        try
        {
             ys = Convert.ToInt32(TextBox1.Text);
        }
        catch (Exception)
        {
            Literal1.Text = "<script type=‘text/javascript‘>alert(‘请输入数字!‘)</script>";

        }
        //输入页数 跳转到多少页
        //int ys = Convert.ToInt32(TextBox1.Text);
        int all = ALLYS();
        if (1 <= ys && ys <= all)
        {
            //调用跳转函数
            TiaoXhuan(ys);
            //把session里面的值替换一下
            Session["ys"] = ys;
        }
        else
        {
            Literal1.Text = "<script type=‘text/javascript‘>alert(‘超出范围!‘)</script>";

        }
    }
}

  网页显示:

时间: 2024-10-12 04:46:18

WB 分页的相关文章

2016/4/10 新闻页 注意点 ①摘要显示 ②点击详情显示全部 ③添加分页 ④时间戳转正常年月日 ⑤遇到空格 替换为回车换行

完成效果图: 共五个页面 ①news.php  主页 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <script src="jquery-1.11.2.min.js"></script> 7 <

Java分页下载

需求.提供公共的可以按照一定条件查询出结果,并提供将查询结果全部下载功能(Excel.CSV.TXT),由于一次性查出结果放到内存会占用大量内存.需要支持分页模式查询出所有数据. 实现思路 1.在公共的controller(BaseController)中增加下载方法 2.支持自定义分页查询方式.自定义表头和查询结果属性对应 @ResponseBody @RequestMapping("/exportExcel.json") public void exportExcel(HttpSe

webpy分页类 + 上传类

webpy没有分页类.按照php的思路.自己编了一个.数据库用的是sqlite. class Page(object): '''分页类''' def __init__(self,page_size,data_count,page_current): import math self.size = page_size self.data_count = data_count self.page_current = int(page_current) self.page_max = int(math

Django中辅助技术总结[静态文件,中间件,上传图片,分页案例]

静态文件的设置 静态文件概述: 在网页使用的css文件,js文件和图片叫做静态文件. 设置流程: 在项目目录中创建static文件夹 在创建的文件夹里分别创建js,css,img文件夹 在setting.py文件中做以下配置 STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')] # 设置静态文件的物理地址 设置静态文件路径 STATIC_URL = '/abc/' # 和物理目录是对应的关系, 逻辑上的概念 动态获取STATIC_URL的方法

js实现网页打印分页打印

web打印思路:html页面本身带有打印功能window.print() 但是在打印时又不能word模板的要求来打印不能满足打印需求.同时我们打印的数据有时候是动态变化的需要按模板来打印我的处理方式是:1.按照word模板设计一个html页面模板,html页面包含了你所要输出的标签 例如:{名字}{时间} 打印区域,不打印区域,分页标签等 2.编写一个公用的打印类,传入参数使按照模板生成相应的数据,生成一个html页并显示. 3.打印 第一种方法:指定不打印区域比如页面的打印按钮等 使用CSS,

源头质量 PageHelper(分页),导出功能

今天星期五,本来想直接关电脑走人的,但想想自己弄出来的,写写留个记忆吧.两个功能 导出 和 Mybatis的插件 PageHelper 分页 一,导出功能代码实现:这里是需要jar包的啊 <!--poi--> <dependency> <groupId>org.apache.poi</groupId> <artifactId>poi-ooxml</artifactId> <version>3.14</version&

Java通过poi创建文件并分页add数据

maven依赖 <dependency> <groupId>org.apache.poi</groupId> <artifactId>poi</artifactId> <version>3.12</version> </dependency> <dependency> <groupId>org.apache.poi</groupId> <artifactId>po

使用ScriptX控件实现IE浏览器分页打印功能

之前讲过js调用ie浏览器自带打印的用法,今天讲使用插件的方式.浏览器自带打印不能控制页边距.页眉页脚等选项,尤其是如果分页打印的话,无法自动将前一页标题带到本页,所以不适用多页打印的功能.使用ScriptX控件可以完美解决分页打印的问题,虽然这个插件是收费的,但是免费的开放的功能已经足够用了. 首先下载这个插件,双击执行这个文件,然后一路next,安装完成. 在文档中添加如下代码. 1 <OBJECT classid="CLSID:1663ED61-23EB-11D2-B92F-0080

python__Django 分页

自定义分页的类: #!/usr/bin/env python # -*- coding: utf-8 -*- # Created by Mona on 2017/9/20 from django.utils.safestring import mark_safe class Paginator: ''' 页码的格式依赖于bootstrap: 使用案例: from django.shortcuts import render,redirect,HttpResponse from app01.mod