mvc 、bootstrap 结合分布式图简单实现分页

发布时间：2020-12-18 00:48:52 所属栏目：安全来源：网络整理

导读：分页采用laypage使用起来比较简单但是功能很齐全，数据库访问使用petapoco，bootstrap用的是flatlab模版，采用mvc的repository模式。先来一张效果图；下面来看具体实现； Controller： /// 分布视图/// /// /// public ActionResult List(UserQuery query)

分页采用laypage使用起来比较简单但是功能很齐全，数据库访问使用petapoco，bootstrap用的是flatlab模版，采用mvc的repository模式。

先来一张效果图；

下面来看具体实现；

Controller：

/// 分布视图 /// /// /// public ActionResult List(UserQuery query) { var list = UserRepository.GetList(query); return View(list); }

Repository

GetList(UserQuery query) { var sql = Sql.Builder.Append("select Id,UserName,Password,Age,Gender,CreateTime from Users where 1=1 "); if (!string.IsNullOrWhiteSpace(query.UserName)) { sql.Append("and username like @0","%" + query.UserName + "%"); } return Page(query.PageIndex,query.PageSize,sql); }

js:

html:

}

搜索

分布视图:

Age