GridView分頁控件與數據庫查詢

GridView 分頁控件是一種在前端顯示數據并實現分頁功能的 UI 組件。它與數據庫查詢結合使用，以便從數據庫中檢索特定數量的數據行，并將這些數據行分頁顯示在 GridView 中。以下是實現 GridView 分頁與數據庫查詢的基本步驟：

1. 創建數據庫連接：首先，需要創建一個數據庫連接，以便與數據庫進行通信。這通常涉及到使用數據庫連接字符串，指定數據庫的位置、用戶名和密碼。

2. 編寫 SQL 查詢：根據需求編寫 SQL 查詢，以從數據庫中檢索所需的數據。查詢通常包括 SELECT 語句、WHERE 子句（如果需要過濾數據）和 ORDER BY 子句（如果需要排序數據）。

3. 創建數據源：創建一個數據源（如 DataTable 或 DataSet），并將 SQL 查詢的結果綁定到該數據源。數據源將包含要顯示在 GridView 中的數據。

4. 配置 GridView 分頁：在 GridView 控件中啟用分頁功能，并設置每頁顯示的數據行數。此外，可以配置分頁控件的屬性，如當前頁碼、總頁數和導航按鈕。

5. 處理分頁事件：為 GridView 分頁控件處理 PageIndexChanging 或 PageIndexChanged 事件。這些事件在用戶更改當前頁碼時觸發。在這些事件處理程序中，需要執行以下操作： a. 更新數據源：根據新的當前頁碼，從數據庫中檢索相應范圍的數據，并更新數據源。 b. 綁定數據源：將更新后的數據源重新綁定到 GridView 控件。

以下是一個簡單的 ASP.NET 示例，展示了如何實現 GridView 分頁與數據庫查詢：

<!-- 定義 GridView 控件 -->
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" AllowPaging="True" PageSize="10">
    <Columns>
        <asp:BoundField DataField="ID" HeaderText="ID" />
        <asp:BoundField DataField="Name" HeaderText="Name" />
    </Columns>
</asp:GridView>

<!-- 定義分頁控件 -->
<asp:Pagination ID="Pagination1" runat="server" OnPageIndexChanging="GridView1_PageIndexChanging" />

// 代碼后臺
protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        BindGridView();
    }
}

private void BindGridView()
{
    // 創建數據庫連接
    string connectionString = "your_connection_string";
    using (SqlConnection connection = new SqlConnection(connectionString))
    {
        // 編寫 SQL 查詢
        string query = "SELECT ID, Name FROM YourTable";

        // 創建數據源
        using (SqlDataAdapter adapter = new SqlDataAdapter(query, connection))
        {
            DataTable dataTable = new DataTable();
            adapter.Fill(dataTable);
            GridView1.DataSource = dataTable;
            GridView1.DataBind();
        }
    }
}

protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)
{
    // 更新當前頁碼
    GridView1.CurrentPageIndex = e.NewPageIndex;

    // 重新綁定數據源
    BindGridView();
}

在這個示例中，當用戶更改當前頁碼時，GridView 分頁控件會觸發 PageIndexChanging 事件，從而更新數據源并重新綁定 GridView 控件以顯示新的數據頁。