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

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

在網上蒐集的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();}}
}

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頁面的資料就更...