本文共 2552 字，大约阅读时间需要 8 分钟。

1.引进layui.css<link href="~/layui/css/layui.css" rel="stylesheet" />2.引进body部分 <div id="demo1"></div>3.引进layui.js<script src="~/layui/layui.js"></script>4.引进分页js代码<script>    layui.use(['laypage', 'layer'], function () {           var laypage = layui.laypage            , layer = layui.layer;         //总页数低于页码总数        //总页数大于页码总数        var count =@ViewBag.count ;        var page = @ViewBag.curr;        laypage.render({               elem: 'demo1'            , count: count//数据总数             , curr:parseInt(page)            , jump: function (obj,first) {                    //获取到当前的页数                console.log(obj)                               if (!first) {                        //这里是第二次以后才执行的                                        location.href = "/Home/hualang?pageno=" + parseInt(obj.curr);                 }            }        });    });</script>

前台代码

@{       ViewBag.Title = "hualang";}@using DAL_BJ;@model  List<details><style>    #hualang img {           height: 400px;        width: 500px;        margin-top: 10px;        margin-left: 10px;    }    #demo1 {           margin-top: 100px;    }</style><link href="~/layui/css/layui.css" rel="stylesheet" /><div id="hualang">    @foreach (var item in Model)    {           <a href="javascript:;"><img src="~/img/@item.detailsImg" alt="Alternate Text" /></a>    }    <div id="demo1"></div></div><script src="~/layui/layui.js"></script><script>    layui.use(['laypage', 'layer'], function () {           var laypage = layui.laypage            , layer = layui.layer;         //总页数低于页码总数        //总页数大于页码总数        var count =@ViewBag.count ;        var page = @ViewBag.curr;        laypage.render({               elem: 'demo1'            , count: count//数据总数             , curr:parseInt(page)            , jump: function (obj,first) {                    //获取到当前的页数                console.log(obj)                               if (!first) {                        //这里是第二次以后才执行的                                           location.href = "/Home/hualang?pageno=" + parseInt(obj.curr);                 }            }        });    });</script>

后台代码

  public ActionResult hualang(int ? pageno)        {               if (pageno == null)                pageno = 1;            details_dal details = new details_dal();            int count = details.selectRow();            ViewBag.count = count;             ViewBag.curr = pageno;            List<details> details1ist = details.detailsImg((int)pageno);            return View(details1ist);        }

实现效果：

在点一次：

可以看出，已经完成了。😎😎😎😎😎😀😀

不会的可以留言哦！