ShenNiusModularity项目源码学习(27:ShenNius.Admin.Mvc项目分析-12)

订单列表页面用于浏览、检索、维护商城模块的订单信息。订单列表页面的后台控制器类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

相关推荐
gc_229922 天前
ShenNiusModularity项目源码学习(30:ShenNius.Admin.Mvc项目分析-15)
shennius
gc_229924 天前
ShenNiusModularity项目源码学习(28:ShenNius.Admin.Mvc项目分析-13)
shennius
gc_22991 个月前
ShenNiusModularity项目源码学习(26:ShenNius.Admin.Mvc项目分析-11)
shennius
gc_22992 个月前
ShenNiusModularity项目源码学习(18:ShenNius.Admin.Mvc项目分析-3)
shennius
gc_22995 个月前
ShenNiusModularity项目源码学习(7:数据库结构)
数据库·shennius