Mvc分页实现与样式设计

@*pagination分页,pagination-large 大小,pagination-centered 居中*@
<div class="pagination pagination-large pagination-centered">
    <ul>
        @{
            int pageindex = ViewBag.PageIndex;//当前页
            int sumpage = ViewBag.SumPage;//共多少页
            if (pageindex <= 1)
            {
                <li class="disabled"><span>首页</span></li>@*禁用*@
                <li class="disabled"><span>&laquo;</span></li>@*禁用*@
            }
            else
            {
                <li><a href="#" onclick="Pages(@(1))">首页</a></li>
                <li><a href="#" onclick="Pages(@(pageindex - 1))">&laquo;</a></li>
            }
            int n = 4;//分页显示多少个分页格子
            int index = Convert.ToInt32(Math.Ceiling(Convert.ToDouble(pageindex) / n));
            for (int i = 1; i <= n; i++)//遍历显示分页格子
            {
                int NPage = (index - 1) * n + i;//要显示的li
                if (NPage <= sumpage)
                {
                    if (NPage == pageindex)//要显示的li等于当前要显示的页时(改变li样式)
                    {
                        <li class="active"><a href="#" onclick="Pages(@(NPage))">@(NPage)</a></li>
                    }
                    else
                    {
                        <li><a href="#" onclick="Pages(@(NPage))">@(NPage)</a></li>