分页MVC

朋友炒股两个月赚了10万，我帮他推广一下公众号，把钱用来投资总比放银行连通货膨胀都跑不过里强， 硬核离职，在家炒股　，这是他每天的日志，有些经验是花钱也买不到的。

前言

前几天在博客上挂了个群链接，就是上面的链接，从博客上进群不少网友，从上一段教程来看，mvc入门问题集中在了以下两个部分“Contrl与View数据传递（多表数据）”和数据分页。因此，今天晚上熬夜写了个小Demo以帮助更多的初学者快速入门，由于时间仓促，有不明白的地方请加群咨询，甭管会不会，有问必答。觉得有帮助别忘了点个赞哈

目录

一、Contrl与View数据传递（多表数据）

二、分页控件介绍

三、MVC源码说明

四、源码下载

五、mvc入门教程目录

一、Contrl与View数据传递（多表数据）

园子也是用mvc来写的，我们用园子的首页举个例子。

上图我只切了园子首页的一部分，如图所示，共分为4块内容。而这4块内容可能来自于不同的数据表，假设：第一、二块内容来自Blog表、第三、四块内容来自AD表。此时MVC一般有两种方式进行Control与View的交互。

1)ViewBag变量方式

使用4个ViewBag变量进行数据传递，Data1、Data2、Data3、Data4的数据直接从数据库里调。

Control中伪代码如下所示：

<a href="javascript:PagingFirst()">首页</a>
    <a href="javascript:PagingPrev()">上一页</a>
    <a href="javascript:PagingNext()">下一页</a>
    <a href="javascript:PagingEnd()">尾页</a>

var pageNumber = 1;
    var pageSize = 2;
    var total = 0;


 //计算页数
    function GetPager() {
        var pager = total / pageSize;
        return Math.ceil(pager);
    }
    //下一页
    function PagingNext() {
        //拿到了共计分多少页
        if (pageNumber >= GetPager()) {
            alert("最后一页了");
            return;
        } else {
            pageNumber = pageNumber + 1;

        }
        ShowAjaxDept(pageNumber, name);
    }
    //上一页
    function PagingPrev() {
        if (pageNumber<= 1) {
            alert("已经到顶了");
            return;
        }
        else {
            pageNumber = pageNumber - 1;

        }
        ShowAjaxDept(pageNumber, name);
    }
    //首页
    function PagingFirst() {
        ShowAjaxDept(1);
    }
    //尾页
    function PagingEnd() {
        ShowAjaxDept(GetPager());
    }