MVC分頁(MvcPager/分頁類/layui分頁)

三種分頁方式,MVC控件分頁,手打分頁,layui數據表格分頁html

1、MVC控件分頁

  • 一、首先咱們下載一個程序包 Webdiyer.MvcPager.dll,而後添加引用。 using Webdiyer.WebControls.Mvc;
  • 二、而後在控制器獲取數據集合,經過控件的ToPagedList(pageIndex,pageSize)的方法,來進行分頁,第一個參數表明頁索引,第二個表明一頁顯示多少數據。
  • 三、在html頁面先添加引用,對集合進行遍歷,顯示相應的內容,同時創建一個盒子,用來存儲分頁控件。


這個方法的分頁控件太麻煩了,並且對於不一樣的場景需求,咱們會使用不一樣的分頁控件,接下來咱們講不須要分頁控件的方法

2、MVC手打分頁

  • 首先手打一個分頁類,定義爲泛型類,由於咱們分頁類是要符合一個或多個不一樣的分頁數據集合,這樣能夠減小代碼冗餘,更加靈活。
  • 在控制器裏經過構造函數,給分頁類傳參,獲得一個新的page類,這裏使用集合的Skip()和Take()方法進行截取數據
  • 當分頁類初始化完畢後,咱們就能夠傳到頁面使用

3、layui分頁

  • 先引入jQuery 在引入layui,由於layui是模塊化的,因此咱們還須要添加table模塊

  • 接下來,咱們控制器獲取數據集合,與layui的url對接。

4、結果展現

仍是layui簡單,哈哈 layui官網:www.layui.com/ 模塊化

相關文章
相關標籤/搜索