怎样做后端数据传输前端的网站seo基础教程视频

  订单列表页面用于浏览、检索、维护商城模块的订单信息。订单列表页面的后台控制器类OrderController位于ShenNius.Admin.Mvc项目的Areas\Shop\Controllers内，页面文件位于同项目的Areas\Shop\Views\Order内，其中Index.cshtml页面为主页面，Detail.cshtml页面用于查看或维护订单信息，两个页面中调用的后台WebApi接口位于ShenNius.Admin.API项目的OrderController，主要用到GetListPages函数。

  主页面布局方面：上方为搜索栏，支持按订单号及订单的各种关联状态检索，下面是数据表格显示区域。页面加载后，调用WebApi接口GetListPages分页获取订单数据。搜索按钮事件处理函数其实就是调用table.reload重新加载表格数据，同时将搜索栏条件传入后台服务按条件检索。

  这里值得参考的是表格标题的合并设置，通过colspan、rowspan属性设置列标题所占行数和列数。

  定义事件处理函数处理数据行中的详情按钮点击事件，调用Detail.cshtml页面显示订单详情，详情页面关闭时刷新主页面的表格数据。

  Detail.cshtml页面既显示订单详情，又能修改订单的物流信息，不过由于没有订单的测试数据，没法截图订单详情页面。同时如下图所示，订单详情页面修改物流信息时调用后台的Modify函数，但是在ShenNius.Admin.Mvc项目和ShenNius.Admin.API项目的OrderController中没有看到Modify函数，暂时不清楚是怎么回事儿。

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