主頁(yè) > 知識(shí)庫(kù) > Aspnetpager對(duì)GridView分頁(yè)并順利導(dǎo)出Excel

Aspnetpager對(duì)GridView分頁(yè)并順利導(dǎo)出Excel

熱門(mén)標(biāo)簽:地圖定位圖標(biāo)標(biāo)注 塔城代理外呼系統(tǒng) 天心智能電銷(xiāo)機(jī)器人 地圖標(biāo)注的公司有哪些 濮陽(yáng)外呼電銷(xiāo)系統(tǒng)怎么樣 代理接電話(huà)機(jī)器人如何取消 400電話(huà)辦理哪家性?xún)r(jià)比高 地圖標(biāo)注專(zhuān)業(yè)團(tuán)隊(duì) 遂寧市地圖標(biāo)注app

一、前言

      談到分頁(yè),在網(wǎng)頁(yè)上簡(jiǎn)直到處都是。網(wǎng)絡(luò)的資源越來(lái)越多,如果不用分頁(yè)技術(shù)來(lái)顯示,就會(huì)拖拉很長(zhǎng)很長(zhǎng)。下面給大家分享分頁(yè)技術(shù)。

二、基本要點(diǎn)

      當(dāng)要顯示數(shù)據(jù)量足夠大的時(shí)候,我們往往采用分頁(yè)顯示的處理辦法。分頁(yè)有真分頁(yè)和假分頁(yè)。

假分頁(yè):從數(shù)據(jù)庫(kù)中取出所有的數(shù)據(jù),然后分頁(yè)在界面上顯示。訪問(wèn)一次數(shù)據(jù)庫(kù),但由于選擇的數(shù)據(jù)量比較大,所以第一次花費(fèi)時(shí)間比較長(zhǎng),但之后每一頁(yè)的顯示都是直接、快速的,避免對(duì)數(shù)據(jù)庫(kù)的多次訪問(wèn)。

真分頁(yè):確定要顯示的數(shù)量和內(nèi)容,然后每次都去數(shù)據(jù)庫(kù)取出該少量數(shù)據(jù),優(yōu)點(diǎn)是數(shù)據(jù)量小,缺點(diǎn)是訪問(wèn)數(shù)據(jù)庫(kù)頻繁。在大型網(wǎng)站中往往采用真分頁(yè),比如百度的圖片獲取。

三、實(shí)例展示

      由于在ASP.NET中沒(méi)有Aspnetpager控件,需要自己添加,其實(shí)也非常簡(jiǎn)單,下載的路徑:https://yunpan.cn/cPHWP3eEzgu7w 訪問(wèn)密碼 99df。

      下載好后,添加對(duì)Aspnetpager.dll控件的引用,然后在工具箱→右擊→選擇項(xiàng)→找到Aspnetpager →確定。

圖一 添加引用

圖二 選擇項(xiàng)

圖三 添加工具

圖四 展示效果

前臺(tái)代碼:

%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AspNetPagerTest.aspx.cs" Inherits="test.AspNetPagerTest" %>

%@ Register Assembly="AspNetPager" Namespace="Wuqi.Webdiyer" TagPrefix="webdiyer" %>

!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>使用AspNetPager對(duì)GridView分頁(yè)/title>
 %--引用分頁(yè)控件的CSS--%>
 link href="css/Paging.css" rel="stylesheet" />
/head>
body>
 form id="form1" runat="server">
 div>
 %--gridview控件--%>
 asp:GridView ID="GridView1" runat="server" Width="100%" 
  CellPadding="4" ForeColor="#333333" GridLines="None">

  AlternatingRowStyle BackColor="White" />
  EditRowStyle BackColor="#2461BF" />
  FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
  HeaderStyle BackColor="#507CD1" Font-Bold="True" 
  ForeColor="White" Height="25px" HorizontalAlign="Center" />
  PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
  RowStyle BackColor="#EFF3FB" Height="20px" HorizontalAlign="Center" />
  SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
  SortedAscendingCellStyle BackColor="#F5F7FB" />
  SortedAscendingHeaderStyle BackColor="#6D95E1" />
  SortedDescendingCellStyle BackColor="#E9EBEF" />
  SortedDescendingHeaderStyle BackColor="#4870BE" />
 /asp:GridView>
 %--分頁(yè)控件--%>
 webdiyer:AspNetPager ID="AspNetPager1" runat="server" 
 onpagechanged="AspNetPager1_PageChanged" CssClass="anpager" 
 CurrentPageButtonClass="cpb" FirstPageText="首頁(yè)" LastPageText="尾頁(yè)" 
 NextPageText="后頁(yè)" PrevPageText="前頁(yè)" PageSize="5" HorizontalAlign="Center">
 /webdiyer:AspNetPager>

 br />
 %--導(dǎo)出按鈕--%>
 asp:Button ID="btnExcel" runat="server" OnClick="btnExcel_Click" Text="導(dǎo)出Excel" />
 br />
 br />
 br />
 br />

 /div>
 /form>
/body>
/html>

CSS代碼:

body { height: 382px;
}
.anpager 
{ 
 font: 11px Arial, Helvetica, sans-serif;
 padding:10px 20px 10px 0; 
 margin: 0px;
}
.anpager a 
{
 padding: 1px 6px; 
 border: solid 1px #ddd; 
 background: #fff; 
 text-decoration: none;
 margin-right:2px
}
.anpager a:visited 
{
 padding: 1px 6px; 
 border: solid 1px #ddd; 
 background: #fff; 
 text-decoration: none;
}
.anpager .cpb 
{
 padding: 1px 6px;
 font-weight: bold; 
 font-size: 13px;
 border:none
}
.anpager a:hover 
{
 color: #fff; 
 background: #ffa501;
 border-color:#ffa501;
 text-decoration: none;
}

后臺(tái)的代碼:

/*********************************************************************
 * 作者:王雷
 * 小組:暫無(wú)
 * 說(shuō)明:【ASP.NET】Aspnetpager對(duì)GridView分頁(yè),并導(dǎo)出Excel
 * 創(chuàng)建日期:2016年4月25日20:23:00
 * 版本號(hào):V1.0.0
 ************************************************************************/

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;
using System.Data.SqlClient;
using System.IO; //導(dǎo)出Excel的時(shí)候用到
namespace test
{
 public partial class AspNetPagerTest : System.Web.UI.Page
 {

 public SqlConnection conn = null;
 public SqlCommand cmd = null;
 public SqlDataReader sdr = null;
 #region 界面加載--王雷--2016年4月25日20:21:29
 /// summary>
 /// 界面加載
 /// /summary>
 /// param name="sender">/param>
 /// param name="e">/param>
 protected void Page_Load(object sender, EventArgs e)
 {
  if (!IsPostBack)
  {
  //調(diào)用綁定分頁(yè)和GridView
  BindGridView();
  }
 }
 #endregion

 #region 綁定分頁(yè)和GridView方法--王雷--2016年4月25日20:20:59
 ///綁定分頁(yè)和GridView方法
 private void BindGridView()
 {

  //查詢(xún)語(yǔ)句
  string SQL = "select * from USERS"; 
  //獲取數(shù)據(jù)表格
  DataTable dt = ExecuteQuery(SQL, CommandType.Text);
  //初始化分頁(yè)數(shù)據(jù)源實(shí)例
  PagedDataSource pds = new PagedDataSource();
  //設(shè)置總行數(shù)
  AspNetPager1.RecordCount = dt.Rows.Count;
  //設(shè)置分頁(yè)的數(shù)據(jù)源
  pds.DataSource = dt.DefaultView;
  //設(shè)置當(dāng)前頁(yè)
  pds.CurrentPageIndex = AspNetPager1.CurrentPageIndex - 1;
  //設(shè)置每頁(yè)顯示頁(yè)數(shù),在前臺(tái)界面中有設(shè)置
  pds.PageSize = AspNetPager1.PageSize;
  //啟用分頁(yè)
  pds.AllowPaging = true;
  //設(shè)置GridView的數(shù)據(jù)源為分頁(yè)數(shù)據(jù)源
  GridView1.DataSource = pds;
  //綁定GridView
  GridView1.DataBind();
 }
 #endregion 

 #region 執(zhí)行傳入的SQL查詢(xún)語(yǔ)句--王雷-2016年4月25日20:19:54
 ///summary >
 ///執(zhí)行傳入的SQL查詢(xún)語(yǔ)句
 /// /summary>
 /// param name="cmdText" >要執(zhí)行的SQL查詢(xún)語(yǔ)句或者是存儲(chǔ)過(guò)程/param>
 /// param name="ct">命令類(lèi)型/param>
 /// returns >返回更新的記錄數(shù) /returns> 
 public DataTable ExecuteQuery(string cmdText, CommandType ct)
 {
  //建立數(shù)據(jù)連接字符串
  SqlConnection cnn = new SqlConnection("server=.;uid=sa;pwd=123456;database=Login");
  DataTable dt = new DataTable();
  cmd = new SqlCommand(cmdText, cnn);
  cmd.CommandType = ct;
  cnn.Open();
  using (sdr = cmd.ExecuteReader(CommandBehavior.CloseConnection)) //關(guān)閉sdr的時(shí)候,也關(guān)閉連接。
  {
  dt.Load(sdr); //加載sdr,賦值給dt
  }
  cnn.Close();
  return dt;
 }
 #endregion 

 #region 分頁(yè)控件點(diǎn)擊頁(yè)面觸發(fā)改變事件,重新綁定數(shù)據(jù)源--王雷--2016年4月25日20:19:03
 /// summary>
 /// 分頁(yè)控件點(diǎn)擊頁(yè)面觸發(fā)改變事件,重新綁定數(shù)據(jù)源--王雷--2016年4月25日20:19:03
 /// /summary>
 /// param name="sender">/param>
 /// param name="e">/param>
 protected void AspNetPager1_PageChanged(object sender, EventArgs e)
 {
  //調(diào)用綁定分頁(yè)和GridView
  BindGridView();
 }
 #endregion

 #region 導(dǎo)出Excel的方法--王雷--2016年4月10日12:48:04
 /// summary>
 /// 導(dǎo)出Excel的方法
 /// /summary>
 /// param name="gv">/param>
 public void ExcelOut(GridView gv)
 {
  if (gv.Rows.Count > 0)
  {
  //attachment; filename =
  Response.Clear();
  Response.ClearContent();
  Response.AddHeader("Content-Disposition", "attachment; filename =志晟集團(tuán)辦公用品申購(gòu)單" + DateTime.Now.ToString("_yyyy/MM/dd") + ".xls");
  Response.ContentEncoding = System.Text.Encoding.UTF8;
  Response.ContentType = "application/ms-excel";
  StringWriter sw = new StringWriter();
  HtmlTextWriter htw = new HtmlTextWriter(sw);
  gv.RenderControl(htw);
  Response.Write(sw.ToString());
  Response.Flush();
  Response.End();

  }
  else
  {
  Page.ClientScript.RegisterStartupScript(Page.GetType(), "message", "script lang='javascript' defer >alert('沒(méi)有記錄');/script> ");
  }
 }
 #endregion

 #region 導(dǎo)出Excel--王雷
 /// summary>
 /// 導(dǎo)出Excel
 /// /summary>
 /// param name="sender">/param>
 /// param name="e">/param>
 protected void btnExcel_Click(object sender, EventArgs e)
 {
  ExcelOut(GridView1);
 }

 public override void VerifyRenderingInServerForm(Control control)
 {
  //base.VerifyRenderingInServerForm(control);
 }
 #endregion


 }
}


最后的效果圖:

圖五 效果圖

大家可能問(wèn),用這個(gè)控件來(lái)分頁(yè),是真分頁(yè)呢?還是假分頁(yè)呢?

答案:真分頁(yè)。因?yàn)閷?dǎo)出來(lái)的Excel只有本頁(yè)的,只能導(dǎo)出本頁(yè)索引到的頁(yè)面。

圖六 導(dǎo)出Excel

四、小結(jié)

      還是那句話(huà),asp就是要多練,把一些經(jīng)常使用的技術(shù),可以通過(guò)代碼庫(kù)來(lái)總計(jì),以后用到的時(shí)候就可以搬走了~~加油!

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助。

您可能感興趣的文章:
  • 利用jQuery 實(shí)現(xiàn)GridView異步排序、分頁(yè)的代碼
  • jquery+ashx無(wú)刷新GridView數(shù)據(jù)顯示插件(實(shí)現(xiàn)分頁(yè)、排序、過(guò)濾功能)
  • asp.net中讓Repeater和GridView支持DataPager分頁(yè)
  • GridView高效分頁(yè)和搜索功能的實(shí)現(xiàn)代碼
  • AspNetPager+GridView實(shí)現(xiàn)分頁(yè)的實(shí)例代碼
  • Asp.net GridView使用大全(分頁(yè)實(shí)現(xiàn))
  • Android中實(shí)現(xiàn)多行、水平滾動(dòng)的分頁(yè)的Gridview實(shí)例源碼
  • GridView分頁(yè)的實(shí)現(xiàn)以及自定義分頁(yè)樣式功能實(shí)例
  • asp.net gridview分頁(yè):第一頁(yè) 下一頁(yè) 1 2 3 4 上一頁(yè) 最末頁(yè)

標(biāo)簽:吉林 本溪 河南 宜春 重慶 麗江 汕頭 婁底

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《Aspnetpager對(duì)GridView分頁(yè)并順利導(dǎo)出Excel》,本文關(guān)鍵詞  Aspnetpager,對(duì),GridView,分頁(yè),;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《Aspnetpager對(duì)GridView分頁(yè)并順利導(dǎo)出Excel》相關(guān)的同類(lèi)信息!
  • 本頁(yè)收集關(guān)于Aspnetpager對(duì)GridView分頁(yè)并順利導(dǎo)出Excel的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章