ShenNiusModularity项目源码学习（18：ShenNius.Admin.Mvc项目分析-3）

  登录后台管理系统后，默认显示且始终不会被关闭的是下面的统计页面，主页面调用LoadLeftMenuTrees函数加载左侧菜单列表时，会同时指定首页路径，如下面的函数截图所示（函数位于ShenNius.Infrastructure项目的MenuRepository文件内）。


  上述函数中指定的首页路径为“/home/report”，对应的是ShenNius.Admin.Mvc项目中HomeController.Report函数，该函数实时统计文章数量、文章栏目数量、商品数量、商品栏目数量、订单数量数据，并通过ViewBag对象传递给Report.cshtml页面。
  页面主要分为三行，从上向下以标题+内容的形式显示每行的内容，主要包括：
  1）基于两个div分别显示第一行的标题和内容，分别使用预设类layui-card-header、layui-card-body，并在第二个div中以下面的html形式及样式显示从服务端传来的5类统计数据；

<div class="layui-col-xs6" style="width:20%">
    <div class="panel layui-bg-number">
        <div class="panel-body">
            <div class="panel-title">
                <span class="label pull-right layui-bg-orange">商品栏目统计</span>
            </div>
            <div class="panel-content">
                <h1 class="no-margins">@ViewBag.categoryCount</h1>
            </div>
        </div>
    </div>
</div>

  2）第二行、第三行都是用预设类为layui-col-md12的div包括，内部再用layui-card-header、layui-card-body区分标题和内容。第二行基于echarts组件显示曲线图，显示的数据不是从服务端传递来的，而是在页面中写死，可能只是做个使用示意；
  3）第三行内部以预设类layuimini-notice的样式显示系统公告，并定义公告点击响应函数，调用layer.open弹出页面显示公告详情。

参考文献：
[1]https://gitee.com/shenniu_code_group/shen-nius.-modularity