發乙個仿部落格園的分頁控制項

2022-01-12 18:34:14 字數 4086 閱讀 3741

與其講是分頁控制項 不如說是乙個分頁類。

在網上蒐集的css樣式 一共24中經典樣式供大家選擇。

1.digg

2.yahoo

3.yahoo2

4.meneame

5.flickr

6.sabrosus

7.scott

8.quotes

9.black

10.black2

11.black-red

12.grayr

13.yellow

14.jogger

15.starcraft2

16.tres

17.megas512

18.technorati

19.youtube

20.msdn

21.badoo

22.manu

23.green-black

24.viciao

在demo 中 有css 檔案

在使用頁面中引入即可

看一下分頁效果。

和的分頁效果幾乎一致

使用方法

using system;

using system.collections;

using system.configuration;

using system.data;

using system.linq;

using system.web;

using system.web.security;

using system.web.ui;

using system.web.ui.htmlcontrols;

using system.web.ui.webcontrols;

using system.web.ui.webcontrols.webparts;

using system.xml.linq;

using tension.web.controls;

using tension.extension;

namespace pagingbardemo

";

defaultbar.target = "_black";

literal1.text = defaultbar.buildlinkhtml();

pagingbar bar2 = new pagingbar("scott");

bar2.leftsize = 4;

bar2.pagecount = 40;

bar2.pageindex = index;

bar2.url = "default.aspx?pageindex=";

literal2.text = bar2.buildlinkhtml();

pagingbar bar3 = new pagingbar("green-black");

bar3.leftsize = 4;

bar3.pagecount = 40;

bar3.pageindex = index;

bar3.url = "default.aspx?pageindex=";

literal3.text = bar3.buildlinkhtml();

pagingbar bar4 = new pagingbar("quotes");

bar4.leftsize = 4;

bar4.pagecount = 40;

bar4.pageindex = index;

bar4.url = "default.aspx?pageindex=";

literal4.text = bar4.buildlinkhtml();}}

}

pagingbar defaultbar = new pagingbar();

defaultbar.leftsize = 4;   //左邊顯示的鏈結數 也就是說 當這個引數為 4 時 實際顯示 9個鏈結 總算顯示的是奇數個鏈結

defaultbar.pagecount = 40;     //總的頁數

defaultbar.pageindex = index;  //當前頁

defaultbar.url = "default.aspx?pageindex="; //鏈結的url 

defaultbar.target = "_black"; //頁面在瀏覽器視窗中的開啟方式 可以為空

literal1.text = defaultbar.buildlinkhtml(); //產生html 輸出

這裡是預設構造 預設構造的話回去讀取 web.config 需找配置的 css 樣式名

不是預設構造的話 可以使用 乙個帶參構造

pagingbar bar4 = new pagingbar("quotes");

直接指定 css 名稱

完整類**

using system;

using system.data;

using system.configuration;

using system.web;

using system.web.security;

using system.web.ui;

using system.web.ui.webcontrols;

using system.web.ui.webcontrols.webparts;

using system.web.ui.htmlcontrols;

using system.text;

/// /// 分頁控制項類

///

///

/// email:[email protected]

///

///

///

namespace tension.web.controls

}public pagingbar(string style)

//當前頁

private int pageindex;

/// /// 當前頁

///

public int pageindex

set

}//總頁數

private int pagecount;

/// /// 總頁數

///

public int pagecount

set

}//左邊顯示連線數

private int leftsize;

/// /// 左邊顯示連線數

///

public int leftsize

set

}//連線位址

private string url;

/// /// 連線位址

///

public string url

set

}//目標

private string target;

/// /// 目標

///

public string target

set

}public string buildlinkhtml()

//需要輸出的html

stringbuilder html = new stringbuilder("頁數為0!!

"; }

//總頁數小於正常顯示的條數 則全部顯示出來

if (pagecount <= barsize)

else}}

else

else}}

else

}for (int i = pageindex; i <= pageindex + leftsize; i++)

else}}

else

else}}

}}#endregion

if (pageindex >= pagecount)

else

#endregion

"); return html.tostring();}}

}

寫的很粗糙。。。

乙個部落格園樣式

自定義了自己的部落格字型,瞬間覺得順眼多了,碼起字來都更有動力了。無意中,又發現了乙個特別符合我審美的部落格樣式,偷偷記錄一波,有機會學習學習。但是,你可以發現,我已經把這個小可愛給偷過來了,哈哈哈哈 非常非常喜歡那只貓,用我半吊子的水平看了看原始碼,發現這只貓主要引了乙個js庫來實現,如下 我在外...

給部落格園部落格新增乙個看板娘!

之前跟軍師說了一哈,關於這個看板娘的東西,結果自己也想弄乙個 真香 就這個玩意 我們解壓後會得到這麼幾個檔案 waifu.css 如果要放在網頁的左邊,那麼請引入這個檔案 waifu1.css 反之,放在右邊請引入這個,二選一 看你喜歡放在哪邊咯 waifu tips.js 看板娘的文字 live2...

struts標籤實現部落格園的分頁

分頁的思路 首先,我是通過訪問相同的action,然後用offiset傳遞當前點選的頁碼。如 front bbs?offiset 1 表示點選第一頁 action接收到offiset 點選的頁碼 後查詢資料,資料庫處理先不談。假設我們處理完得到了資料,接著跳轉到原來的jsp頁面,jsp頁面的資料就更...