[回馈]ASP.NET Core MVC开发实战之商城系统(六)

宋兵发

经过一段时间的准备，新的一期【ASP.NET Core MVC开发实战之商城系统】已经开始，在之前的文章中，讲解了商城系统的整体功能设计，页面布局设计，环境搭建，系统配置，及首页【商品类型，banner条，友情链接，降价促销，新品爆款】，商品列表页面，商品详情，购物车等功能的开发，今天继续讲解订单管理功能开发，仅供学习分享使用，如有不足之处，还请指正。

 
订单管理功能说明

 
在商城系统中，当用户需要购买商品时，就会进行下单。购买的入口有很多，比如：

• 首页或商品列表页面，看到商品缩略图，可以点击【立即购买】按钮进行下单；
  
• 在商品详情页面，查看商品的详细参数后，也可以点击【立即购买】按钮进行下单；
  
• 在购物车页面，选择购物车中的商品，进行批量下单。
  

以上3个入口，下单方式大致相同，却又略有差异。具体如下所示：

• 1,2两种方式是单个商品的购买。
  
• 3是批量商品下单或单个商品下单，可以自由选择。
  
• 1是默认商品参数进行下单，2是可以自由选择商品参数进行下单。
  

所以在不同是入口进行下单，要进行细微的调整。但是在跳转的下单页面，又可以进行统一。
同样立即购买功能，和添加购物车功能一样，需要用户的信息，需要登录才可以。
 
商品下单流程图

 
在易购商城系统中，商品下单流程图，如下所示：

 
订单管理功能开发

 
1. 数据表创建

 
订单表【EB_Purchase】，主要保存用户的订单信息，包括订单ID，商品ID，用户ID，物流ID，收货地址，商品备注等信息。具体如下所示：

订单表创建表语句如下所示：

1. CREATE TABLE [dbo].[EB_Purchase](
2.         [Id] [bigint] IDENTITY(1,1) NOT NULL,
3.         [ProductId] [bigint] NULL,
4.         [CustomerId] [bigint] NULL,
5.         [BuyCount] [int] NULL,
6.         [TotalPrice] [money] NULL,
7.         [LogisticsId] [bigint] NULL,
8.         [Status] [int] NULL,
9.         [Remark] [varchar](200) NULL,
10.         [RecvAddr] [varchar](300) NULL,
11.         [CreateTime] [datetime] NOT NULL,
12.         [CreateUser] [varchar](50) NULL,
13.         [LastEditTime] [datetime] NULL,
14.         [LastEditUser] [varchar](50) NULL
15. ) ON [PRIMARY]

复制代码

 
2. 订单表实体模型创建

 
实体模型和数据库表字段保持一致，便于进行数据映射，具体如下所示：

1. using SqlSugar;
3. namespace EasyBuyShop.Models
4. {
5.     [SugarTable("EB_Purchase")]
6.     public class Purchase : EntityModel
7.     {
8.         public long ProductId { get; set; }
9.         public long CustomerId { get; set; }
10.         public int BuyCount { get; set; }
11.         public decimal TotalPrice { get; set; }
12.         public long LogisticsId { get; set; }
14.         /// <summary>
15.         /// 收件地址ID
16.         /// </summary>
17.         public string RecvAddr { get; set; }
19.         /// <summary>
20.         /// 订单状态
21.         /// </summary>
22.         public int Status { get; set; }
24.         public string Remark { get; set; }
25.     }
26. }

复制代码

 
3. 数据处理层DAL

 
数据处理层DAL，主要进行订单的查询，插入等操作。如下所示：

1. using EasyBuyShop.Models;
2. using EasyBuyShop.Utils;
4. namespace EasyBuyShop.DAL
5. {
6.     public class PurchaseDal : BaseDal
7.     {
8.         /// <summary>
9.         /// 获取当前用户的订单列表
10.         /// </summary>
11.         /// <param name="userId"></param>
12.         /// <returns></returns>
13.         public List<Purchase> GetPurchases(long userId)
14.         {
15.             try
16.             {
17.                 using (var db = this.GetDb(BaseDal.ConnStr))
18.                 {
19.                     return db.Queryable<Purchase>().Where(r => r.CustomerId == userId).ToList();
20.                 }
21.             }
22.             catch (Exception ex)
23.             {
24.                 LogHelper.Fatal(ex.Message);
25.                 return new List<Purchase>();
26.             }
27.         }
28.     }
29. }

复制代码

 
4. 控制器获取

 
控制器主要包括订单管理【如：查询，删除等操作】，下单购买功能，根据上述分析，不同的入口单独进行处理。如下所示：

1. using EasyBuyShop.DAL;
2. using EasyBuyShop.Models;
3. using Microsoft.AspNetCore.Mvc;
5. namespace EasyBuyShop.Controllers
6. {
7.     public class PurchaseController : Controller
8.     {
9.         public IActionResult Index()
10.         {
11.             var username = HttpContext.Session.GetString("username");
12.             var realName = HttpContext.Session.GetString("realname");
13.             var userId = HttpContext.Session.GetInt32("userid");
14.             ViewData["Username"] = username;
15.             ViewData["RealName"] = realName;
16.             var purchaseDal = new PurchaseDal();
17.             var purchases =  purchaseDal.GetPurchases(userId.Value);
18.             var products=new List<Product>();
19.             var shops = new List<Shop>();
20.             if (purchases != null && purchases.Count() > 0)
21.             {
22.                 var productDal = new ProductDal();
23.                 var pIds = purchases.Select(x => x.ProductId).ToList();
24.                 products = productDal.GetProductListByIds(pIds);
25.                 if (products != null && products.Count() > 0)
26.                 {
27.                     var shopDal = new ShopDal();
28.                     shops = shopDal.GetShops(products.Select(r => r.ShopId).ToList());
29.                 }
30.             }
32.             ViewData["Shops"] = shops;
33.             ViewData["ProductList"] = products;
34.             ViewData["Purchases"] = purchases;
35.             return View();
36.         }
38.         /// <summary>
39.         /// 首页或商品列表快捷下单
40.         /// </summary>
41.         /// <param name="productId"></param>
42.         /// <returns></returns>
43.         [HttpGet]
44.         public IActionResult Buy(int productId)
45.         {
46.             Msg msg = new Msg();
47.             var userId = HttpContext.Session.GetInt32("userid");
48.             var userName = HttpContext.Session.GetString("username");
49.             var realName = HttpContext.Session.GetString("realname");
50.             ViewData["Username"] = userName;
51.             ViewData["RealName"] = realName;
52.             if (userId == null)
53.             {
54.                 msg.code = -1;
55.                 msg.message = "尚未登录";
56.                 return Redirect("/Auth/Login");
57.             }
58.             var shopDal = new ShopDal();
59.             var productDal = new ProductDal();
60.             var addrDal = new AddrDal();
61.             var product = productDal.GetProduct(productId);
62.             var shop = shopDal.GetShopById(product.ShopId);
63.             var addrs = addrDal.GetAddrByUserId((long)userId);
64.             List<Product> products = new List<Product>() { product };
65.             List<Shop> shops = new List<Shop>() { shop };
66.             Dictionary<string, string> productConfigs = new Dictionary<string, string>();
67.             ViewData["Products"] = products;
68.             ViewData["Shops"] = shops;
69.             ViewData["Addrs"] = addrs;
70.             ViewData["ProductConfigs"] = productConfigs;
71.             return View();
72.         }
74.         /// <summary>
75.         /// 确认下单
76.         /// </summary>
77.         /// <returns></returns>
78.         [HttpPost]
79.         public IActionResult Buy()
80.         {
81.             Msg msg = new Msg();
82.             var userId = HttpContext.Session.GetInt32("userid");
83.             var userName = HttpContext.Session.GetString("username");
84.             if (userId == null)
85.             {
86.                 msg.code = -1;
87.                 msg.message = "尚未登录";
88.                 return Redirect("/Auth/Login");
89.             }
90.             var addr = Request.Form["addr"];
91.             var productIds = Request.Form["productId"].ToList();
92.             foreach (var productId in productIds)
93.             {
95.                 var remark = Request.Form[$"textarea_{productId}"];
96.                 var quantity = Request.Form[$"quantity_{productId}"];
97.                 var productDal = new ProductDal();
98.                 var product = productDal.GetProduct(long.Parse(productId));
99.                 if (product != null)
100.                 {
101.                     var pruchaseDal = new PurchaseDal();
102.                     var purchase = new Purchase();
103.                     purchase.ProductId = long.Parse(productId);
104.                     purchase.CustomerId = userId.Value;
105.                     purchase.BuyCount = int.Parse(quantity);
106.                     purchase.TotalPrice = product.PreferentialPrice * int.Parse(quantity);
107.                     purchase.LogisticsId = 0;//物流ID,下单时为空，商家发货后制定
108.                     purchase.Remark = remark;
109.                     purchase.Status = 0;
110.                     purchase.RecvAddr = addr;
111.                     purchase.CreateUser = userName;
112.                     purchase.CreateTime = DateTime.Now;
113.                     purchase.LastEditUser = userName;
114.                     purchase.LastEditTime = DateTime.Now;
115.                     int id = pruchaseDal.InsertT<Purchase>(purchase);
116.                     if (id > 0)
117.                     {
118.                         msg.code = 0;
119.                         msg.message = "成功";
121.                     }
122.                     else
123.                     {
124.                         msg.code = -1;
125.                         msg.message = "购买失败";
126.                         break;
127.                     }
128.                 }
129.                 else
130.                 {
131.                     msg.code = -1;
132.                     msg.message = "商品不存在";
133.                     break;
134.                 }
135.             }
136.             if (msg.code < 0)
137.             {
138.                 ViewData["Msg"] = msg;
139.                 return View();
140.             }
141.             else
142.             {
143.                 return Redirect("/Purchase/Index");
144.             }
146.         }
148.         /// <summary>
149.         /// 从详情页面下单
150.         /// </summary>
151.         /// <returns></returns>
152.         [HttpPost]
153.         public IActionResult BuyWithForm()
154.         {
155.             Msg msg = new Msg();
156.             var userId = HttpContext.Session.GetInt32("userid");
157.             var userName = HttpContext.Session.GetString("username");
158.             if (userId == null)
159.             {
160.                 msg.code = -1;
161.                 msg.message = "尚未登录";
162.                 return Json(msg);
163.             }
164.             var productId = long.Parse(Request.Form["productId"]);
165.             var quantity = int.Parse(Request.Form["quantity"]);
166.             var color = Request.Form["color"];
167.             var size = Request.Form["size"];
168.             var remark = $"颜色：{color},大小：{size}";
169.             var productDal = new ProductDal();
170.             var product = productDal.GetProduct(productId);
171.             var shopDal = new ShopDal();
172.             var addrDal = new AddrDal();
173.             var shop = shopDal.GetShopById(product.ShopId);
174.             var addrs = addrDal.GetAddrByUserId((long)userId);
175.             List<Product> products = new List<Product>() { product };
176.             List<Shop> shops = new List<Shop>() { shop };
177.             Dictionary<string, string> productConfigs = new Dictionary<string, string>();
178.             productConfigs.Add($"remark_{productId}", remark);
179.             productConfigs.Add($"quantity_{productId}", quantity.ToString());
180.             ViewData["Products"] = products;
181.             ViewData["Shops"] = shops;
182.             ViewData["Addrs"] = addrs;
183.             ViewData["ProductConfigs"] = productConfigs;
184.             return View("/Views/Purchase/Buy.cshtml");
185.         }
187.         /// <summary>
188.         /// 从购物车下单
189.         /// </summary>
190.         /// <returns></returns>
191.         [HttpPost]
192.         public IActionResult BuyWithCart()
193.         {
194.             Msg msg = new Msg();
195.             var userId = HttpContext.Session.GetInt32("userid");
196.             var userName = HttpContext.Session.GetString("username");
197.             if (userId == null)
198.             {
199.                 msg.code = -1;
200.                 msg.message = "尚未登录";
201.                 return Json(msg);
202.             }
203.             var cartIds = Request.Form["chkCart"];
204.             if (string.IsNullOrEmpty(cartIds))
205.             {
206.                 msg.code = -1;
207.                 msg.message = "没有选择任何商品";
208.                 return Json(msg);
209.             }
210.             var cartIdArr = cartIds.ToString().Split(',');
212.             if(cartIdArr!=null && cartIdArr.Length > 0)
213.             {
214.                 var cartDal = new CartDal();
215.                 var productDal = new ProductDal();
216.                 var shopDal = new ShopDal();
217.                 var addrDal = new AddrDal();
218.                 List<Product> products = new List<Product>();
219.                 List<Shop> shops = new List<Shop>();
220.                 Dictionary<string, string> productConfigs = new Dictionary<string, string>();
221.                 foreach (var cartId in cartIdArr)
222.                 {
223.                     var cart = cartDal.GetCart(long.Parse( cartId));
224.                     var product = productDal.GetProduct(cart.ProductId);
225.                     if (product != null)
226.                     {
227.                         products.Add(product);
228.                     }
229.                     var shop = shopDal.GetShopById(product.ShopId);
230.                     if (shop != null)
231.                     {
232.                         shops.Add(shop);
233.                     }
234.                     
235.                     productConfigs.Add($"remark_{cart.ProductId}", cart.Remark);
236.                     productConfigs.Add($"quantity_{cart.ProductId}", cart.Quantity.ToString());
237.                 }
238.                 var addrs = addrDal.GetAddrByUserId((long)userId);
239.                 ViewData["Products"] = products;
240.                 ViewData["Shops"] = shops;
241.                 ViewData["Addrs"] = addrs;
242.                 ViewData["ProductConfigs"] = productConfigs;
243.                 return View("/Views/Purchase/Buy.cshtml");
244.             }
245.             else
246.             {
247.                 return View("/Views/Cart/Index");
248.             }
249.             
250.         }
251.     }
252. }

复制代码

 
5. 视图层展示

 
订单相关功能主要有两个页面，一个下单页面，一个订单管理页面。
下单页面主要功能是展示商品列表，下单按钮，以及用户的选择，备注，价格等信息。如下所示：

1.     <form method="post" action="/Purchase/Buy">
2.         @{
3.             var addrs = ViewData["Addrs"] as List<Address>;
4.             addrs = addrs.OrderByDescending(r => r.IsDefault).ToList();
5.             var defaultAddr = addrs.FirstOrDefault(r => r.IsDefault);
6.             var productConfigs = ViewData["ProductConfigs"] as Dictionary<string, string>;
7.             var total = 0M;
8.         }
9.         
10.             
11.                
12.                     <h2 >
13.                         确认收货地址
14.                         <a  rel="noopener noreferrer" target="_blank" href="//member1.taobao.com/member/fresh/deliver_address.htm">管理收货地址</a>
15.                     </h2>
16.                
17.                
18.                 <input type="hidden" name="addr" id="addr" value="@($"{defaultAddr.ToString()} ({defaultAddr.Name} 收) {defaultAddr.Phone}")" />
19.                
20.                     @{
21.                         for (int i = 0; i < addrs.Count; i++)
22.                         {
23.                             var addr = addrs[i];
24.                             if (addr.IsDefault)
25.                             {
26.                                 
27.                                     
28.                                        
29.                                             
30.                                                 <i >♥</i>
31.                                                 寄送至
32.                                             
33.                                             <label dir="ltr" aria-checked="true" >
34.                                                 
35.                                                    
36.                                                     <input role="radio" tabindex="0" type="radio" aria-checked="true"  checked="">
37.                                                 
38.                                                 
39.                                                     @addr.Province
40.                                                     @addr.City
41.                                                     @addr.District
42.                                                     @addr.Street
43.                                                     @addr.Detail
44.                                                     （@(addr.Name) 收）
45.                                                     @addr.Phone
46.                                                     默认地址
47.                                                 
48.                                             </label>
49.                                             <a  title="设置当前地址为默认">设置为默认收货地址</a>
50.                                        
51.                                         <a title="修改地址" >修改本地址</a>
52.                                     
53.                                     
54.                                 
55.                             }
56.                             else
57.                             {
58.                                 
59.                                     
60.                                        
61.                                             <label dir="ltr" aria-checked="false" >
62.                                                 
63.                                                    
64.                                                     <input role="radio" tabindex="0" type="radio" aria-checked="false" >
65.                                                 
66.                                                 
67.                                                     @addr.Province
68.                                                     @addr.City
69.                                                     @addr.District
70.                                                     @addr.Street
71.                                                     @addr.Detail
72.                                                     （@(addr.Name) 收）
73.                                                     @addr.Phone
74.                                                     默认地址
75.                                                 
76.                                             </label>
77.                                             <a  title="设置当前地址为默认">设置为默认收货地址</a>
78.                                        
79.                                     
80.                                     
81.                                 
82.                             }
83.                         }
84.                     }
85.                
86.                
87.                
88.                     <a  >使用其它地址</a>
89.                
90.             
91.         
93.         
94.             
95.                
96.                     <h2 >确认订单信息</h2>
97.                
98.                
99.                     店铺宝贝
100.                     商品属性
101.                     单价
102.                     数量
103.                     优惠方式
104.                     小计
105.                
106.             
107.         
108.         @{
109.             var products = ViewData["Products"] as List<Product>;
110.             var shops = ViewData["Shops"] as List<Shop>;
111.             for (int i = 0; i < products.Count; i++)
112.             {
113.                 var product = products[i];
114.                 var quantity_key = $"quantity_{product.Id}";
115.                 var remark_key = $"remark_{product.Id}";
116.                 var quantity = 1;
117.                 var remark = "";
118.                 if (productConfigs != null || productConfigs.Count > 0)
119.                 {
120.                     if (productConfigs.ContainsKey(quantity_key))
121.                     {
122.                         quantity = int.Parse(productConfigs[quantity_key]);
124.                     }
125.                     if (productConfigs.ContainsKey(remark_key))
126.                     {
127.                         remark = productConfigs[remark_key];
129.                     }
130.                 }
131.                 var shop = shops.FirstOrDefault(r => r.Id == product.ShopId);
132.                 total += (product.PreferentialPrice * quantity);
133.                 <input type="hidden" name="productId" value="@(product.Id)" />
134.                
135.                     
136.                         
137.                             店铺: 
138.                             <a href="https://www.cnblogs.com/Shop/Index?id=@(product.ShopId)" target="_blank" rel="noopener noreferrer" title="" >@(shop.Description)</a>
139.                            
140.                                 卖家: 
141.                                 <a href="https://www.cnblogs.com/##" target="_blank" rel="noopener noreferrer" title="@(shop.Description)" >@(shop.Name)</a>
142.                            
143.                            
144.                                 <a href="https://www.cnblogs.com/" target="_blank"  title=""></a>
145.                            
146.                         
147.                     
148.                     
149.                         
150.                            
151.                                 
152.                                     
153.                                        
154.                                             
155.                                                 <a href="https://www.cnblogs.com/Product/Detail/@(product.Id)" target="_blank" rel="noopener noreferrer" >
156.                                                     <img  src="https://www.cnblogs.com/@(product.ImageUrl)">
157.                                                 </a>
158.                                                 
159.                                                     <a href="https://www.cnblogs.com/Product/Detail/@(product.Id)" target="_blank" rel="noopener noreferrer" >@(product.Name)</a>
160.                                                    
161.                                                         
162.                                                             <a href="https://www.cnblogs.com/##" target="_blank" rel="noopener noreferrer" title="如实描述 - 消费者保障服务，卖家承诺商品如实描述" >
163.                                                                 <img src="https://www.cnblogs.com/~/imgs/others/quanyi.png">
164.                                                             </a>
165.                                                             <a target="_blank" rel="noopener noreferrer" title="7天无理由退货" ><img></a>
166.                                                         
167.                                                    
168.                                                 
169.                                             
170.                                             
171.                                                 <p>
172.                                                     基础风格：@(product.BasicStyle)
173.                                                 </p>
174.                                                 <p>
175.                                                     商品类型：@(product.ProductStyle)
176.                                                 </p>
177.                                             
178.                                             @(Math.Round(product.Price, 2))
179.                                        
180.                                        
181.                                             
182.                                                 <p><input type="text" name="quantity_@(product.Id)" id="quantity_@(product.Id)" value="@(quantity)"  onchange="javascript:confirmTotalPrice(@(product.Id));" /></p>
183.                                             
184.                                        
185.                                         <p >@(product.Preferential > 0 ? Math.Round(product.Preferential * 100, 2).ToString() + "%" : "无优惠")</p>
186.                                        
187.                                             
188.                                                 <input type="hidden" value="@(Math.Round(product.PreferentialPrice,2))" id="preferentitalprice_@(product.Id)" />
189.                                                 @(Math.Round(product.PreferentialPrice * quantity, 2))
190.                                             
191.                                        
192.                                     
193.                                 
194.                            
195.                         
196.                     
197.                     
198.                         
199.                            
200.                                 
201.                                     
202.                                        
203.                                             
204.                                                 
205.                                                    
206.                                                         
207.                                                             
208.                                                                 <label >
209.                                                                     给卖家留言：
210.                                                                 </label>
211.                                                                
212.                                                                     
213.                                                                         <textarea placeholder="选填，请先和商家协商一致，付款后商家可见" id="textarea_@(product.Id)" name="textarea_@(product.Id)" maxlength="200" data-real="true" rows="1">@(remark)</textarea>
214.                                                                         0/200
215.                                                                     
216.                                                                
217.                                                             
218.                                                         
219.                                                    
220.                                                 
221.                                             
222.                                        
223.                                        
224.                                             
225.                                                 
226.                                                    
227.                                                         
228.                                                             
229.                                                                
230.                                                                     运送方式：
231.                                                                     
232.                                                                         
233.                                                                             <label >普通配送</label>
234.                                                                             <label ></label>
235.                                                                             快递￥10.00
236.                                                                         
237.                                                                         
238.                                                                     
239.                                                                 10.00
240.                                                             
241.                                                         
242.                                                    
243.                                                    
244.                                                         
245.                                                             
246.                                                                 运费险：
247.                                                                
248.                                                                     <label >
249.                                                                         
250.                                                                             <i ></i>
251.                                                                             <input type="checkbox" aria-checked="false" >
252.                                                                         
253.                                                                         
254.                                                                             运费险
255.                                                                             退换货可赔付10元
256.                                                                         
257.                                                                     </label>
258.                                                                     
259.                                                                         <img src="https://www.cnblogs.com/~/imgs/others/msg.png" >
260.                                                                         
261.                                                                            
262.                                                                             退换货可赔付10元
263.                                                                         
264.                                                                     
265.                                                                     <a href="https://www.cnblogs.com/##" target="_blank" >
266.                                                                         <img  src="https://www.cnblogs.com/~/imgs/others/ask.png">
267.                                                                     </a>
268.                                                                
269.                                                                 0.00
270.                                                             
271.                                                         
272.                                                    
273.                                                 
274.                                             
275.                                        
276.                                     
277.                                 
278.                            
279.                                 
280.                                     
281.                                        
282.                                             
283.                                                 
284.                                                     店铺合计(含运费)
285.                                                     ￥@(Math.Round(product.PreferentialPrice * quantity, 2))
286.                                                 
287.                                             
288.                                        
289.                                        
290.                                             
291.                                        
292.                                     
293.                                 
294.                            
295.                         
296.                     
297.                
298.             }
299.         }
302.         
303.             
304.                
305.                     
306.                         
307.                            
308.                                 实付款：
309.                                 ¥
310.                                 @(Math.Round(total, 2))
311.                            
312.                            
313.                                 
314.                                     寄送至：
315.                                     @defaultAddr.ToString();
316.                                 
317.                                 
318.                                     收货人：
319.                                     @defaultAddr.Name @defaultAddr.Phone
320.                                 
321.                            
322.                            
323.                         
324.                     
325.                
326.             
327.         
329.         
330.             
331.                
332.                     <a  target="_self" role="button" title="返回购物车" href="//cart.taobao.com/cart.htm">返回购物车</a>
333.                     <input type="submit" title="提交订单"   value="提交订单"></input>
334.                
335.                 若价格变动，请在提交订单后联系卖家改价，并查看已买到的宝贝
336.             
337.         
338.     </form>

复制代码

订单管理页面
订单管理页面，主要查看已经购买过从商品信息。如下所示：

1. @{
2.     var purchases = ViewData["Purchases"] as List<Purchase>;
3.     var products = ViewData["ProductList"] as List<Product>;
4.     var shops = ViewData["Shops"] as List<Shop>;
5. }
7.    
8.         
9.             
10.                
11.                     所有订单
12.                     
13.                
14.                 |
15.             
16.             
17.                
18.                     待付款
19.                     
20.                
21.                 |
22.             
23.             
24.                
25.                     待发货
26.                     
27.                
28.                 |
29.             
30.             
31.                
32.                     待收货
33.                     
34.                
35.                 |
36.             
37.             
38.                
39.                     待评价
40.                     
41.                
42.                 |
43.             
44.             
45.                
46.                     分阶段
47.                     
48.                
49.             
50.         
51.         
52.             
53.                
54.                     <img  src="https://www.cnblogs.com/~/imgs/TB1G5QqIFXXXXbvXFXXcmA2.FXX-11-12.png" alt="订单回收站">
55.                     订单回收站
56.                
57.             
58.         
59.    
60.    
61.         
62.             
63.                
64.             
65.         
66.    
67.     <form >
68.         
69.             <input type="text" placeholder="输入商品标题或订单号进行搜索" >
70.             <button type="submit" >订单搜索</button>
71.             <button type="button" >
72.                 更多筛选条件
73.                 <img src="https://www.cnblogs.com/~/imgs/TB1jK1dIVXXXXXzXVXXXXXXXXXX.png">
74.             </button>
75.         
76.         
77.             
78.                
79.                     <label>
80.                         订单类型
81.                         
82.                            
83.                                 
84.                                     全部
85.                                 
86.                                 
87.                                     <b></b>
88.                                 
89.                            
90.                         
91.                     </label>
92.                
93.                     成交时间
94.                     <input  placeholder="请选择时间范围起始" type="text">
95.                     -
96.                     <input  placeholder="请选择时间范围结束" type="text">
97.                
98.                
99.                     <label >
100.                         卖家昵称
101.                         <input  type="text">
102.                     </label>
103.                
104.             
105.             
106.                
107.                     <label>
108.                         评价状态
109.                         
110.                            
111.                                 
112.                                     全部
113.                                 
114.                                 
115.                                     <b></b>
116.                                 
117.                            
118.                         
119.                     </label>
120.                
121.                
122.                     <label data-reactid=".0.2.1.1.1.0">
123.                         交易状态
124.                         
125.                            
126.                                 
127.                                     全部
128.                                 
129.                                 
130.                                     <b></b>
131.                                 
132.                            
133.                         
134.                     </label>
135.                
136.                
137.                     <label >
138.                         售后服务
139.                         
140.                            
141.                                 
142.                                     全部
143.                                 
144.                                 
145.                                     <b></b>
146.                                 
147.                            
148.                         
149.                     </label>
150.                
151.             
152.         
153.     </form>
154.    
155.     <table >
156.         <colgroup data-reactid=".0.4.0">
157.             <col >
158.             <col >
159.             <col >
160.             <col >
161.             <col >
162.             <col >
163.             <col >
164.         </colgroup>
165.         <tbody data-reactid=".0.4.1">
166.             <tr data-reactid=".0.4.1.0">
167.                 <th>宝贝</th>
168.                 <th>单价</th>
169.                 <th>数量</th>
170.                 <th>商品操作</th>
171.                 <th>实付款</th>
172.                 <th>
173.                     
174.                         
175.                            
176.                                 交易状态
177.                            
178.                            
179.                                 <b></b>
180.                            
181.                         
182.                     
183.                 </th>
184.                 <th>交易操作</th>
185.             </tr>
186.         </tbody>
187.     </table>
188.    
189.         
190.             
191.         
192.         
193.             
194.                 <button  disabled="">上一页</button>
195.                 <button >下一页</button>
196.             
197.         
198.    
199.     @if (purchases != null && purchases.Count > 0)
200.     {
201.         foreach (var purchase in purchases)
202.         {
203.             var product = products.FirstOrDefault(r => r.Id == purchase.ProductId);
204.             var shop = shops.FirstOrDefault(r => r.Id == product.ShopId);
205.             
206.                
207.                     <table >
208.                         <colgroup>
209.                             <col >
210.                             <col >
211.                             <col >
212.                             <col >
213.                             <col >
214.                             <col >
215.                             <col >
216.                         </colgroup>
217.                         <tbody >
218.                             <tr>
219.                                 <td >
220.                                     <label >
221.                                        
222.                                             <input type="checkbox" disabled="">
223.                                        
224.                                         @(purchase.CreateTime.ToString("yyyy-MM-dd"))
225.                                     </label>
226.                                     
227.                                         订单号
228.                                         :
229.                                         @purchase.Id
230.                                     
231.                                 </td>
232.                                 <td colspan="2" >
233.                                     
234.                                         <a href="https://www.cnblogs.com/"  title="@shop.Name" target="_blank" rel="noopener noreferrer">@shop.Name</a>
235.                                     
236.                                 </td>
237.                                 <td>
238.                                     
239.                                         <a href="https://www.cnblogs.com/" target="_blank"  title=""></a>
240.                                     
241.                                 </td>
242.                                 <td colspan="3" >
243.                                     
244.                                     <a href="https://www.cnblogs.com/"  title="编辑标记信息，仅自己可见" target="_blank" rel="noopener noreferrer" id="flag">
245.                                         <i ></i>
246.                                     </a>
247.                                     <a href="https://www.cnblogs.com/###"  title="删除订单" target="_blank" rel="noopener noreferrer" action="a7" data="[object Object]" id="delOrder">
248.                                         <i ></i>
249.                                     </a>
250.                                 </td>
251.                             </tr>
252.                         </tbody>
253.                         <tbody>
254.                             <tr>
255.                                 <td >
256.                                     
257.                                        
258.                                             <a href="https://www.cnblogs.com/Product/Detail/@(product.Id)"  target="_blank" rel="noopener noreferrer">
259.                                                 <img src="https://www.cnblogs.com/@(product.ImageUrl)">
260.                                                 
261.                                             </a>
262.                                        
263.                                        
264.                                             <p>
265.                                                 <a href="https://www.cnblogs.com/Product/Detail/@(product.Id)" target="_blank" rel="noopener noreferrer">
266.                                                      
267.                                                     @product.Name
268.                                                      
269.                                                 </a>
270.                                                 
271.                                                 
272.                                                 
273.                                             </p>
274.                                             <p>
275.                                                 <a href="https://www.cnblogs.com/Rule/Real" title="正品保证" type="3"  target="_blank">
276.                                                     <img src="https://www.cnblogs.com/~/imgs/T1SyeXFpliXXaSQP_X-16-16.png">
277.                                                 </a>
278.                                                 <a href="https://www.cnblogs.com/Rule/XiaoBao" title="如实描述" type="3"  target="_blank"><img src="https://www.cnblogs.com/~/imgs/TB1PDB6IVXXXXaVaXXXXXXXXXXX.png"></a>
279.                                             </p>
280.                                        
281.                                     
282.                                 </td>
283.                                 <td >
284.                                     
285.                                         <p>
286.                                             ￥
287.                                             @(Math.Round(product.PreferentialPrice, 2))
288.                                         </p>
289.                                     
290.                                 </td>
291.                                 <td >
292.                                     
293.                                         <p>@(purchase.BuyCount)</p>
294.                                     
295.                                 </td>
296.                                 <td>
297.                                     
298.                                         <p >
299.                                             申请售后
300.                                         </p>
301.                                     
302.                                 </td>
303.                                 <td >
304.                                     
305.                                        
306.                                             <p>
307.                                                 <strong>
308.                                                     ￥
309.                                                     @(purchase.TotalPrice)
310.                                                 </strong>
311.                                             </p>
312.                                        
313.                                         <p >
314.                                             
315.                                             
316.                                             
317.                                             
318.                                         </p>
319.                                        
320.                                             
321.                                        
322.                                        
323.                                     
324.                                 </td>
325.                                 <td >
326.                                     
327.                                         <p >购买成功</p>
328.                                        
329.                                             <p >
330.                                                 <a href="https://www.cnblogs.com/"  target="_blank" rel="noopener noreferrer" id="viewDetail">订单详情</a>
331.                                             </p>
332.                                        
333.                                     
334.                                 </td>
335.                                 <td >
336.                                     
337.                                         <p >
338.                                             <a href="https://www.cnblogs.com/"  target="_blank" rel="noopener noreferrer">追加评论</a>
339.                                         </p>
340.                                         <p >
341.                                             再次购买
342.                                         </p>
343.                                     
344.                                 </td>
345.                             </tr>
346.                         </tbody>
347.                     </table>
348.                
349.             
350.         }
351.     }
352.     else
353.     {
354.         
355.             <img  src="https://www.cnblogs.com/~/imgs/avif/noorder.avif">
356.             没有符合条件的宝贝，请尝试其他搜索条件。
357.         
358.     }
360.    
361.         
362.             
363.         
364.         
365.             <ul  unselectable="unselectable">
366.                 <li title="上一页" ><a></a></li>
367.                 <li title="1" ><a>1</a></li>
368.                 <li title="2" ><a>2</a></li>
369.                 <li title="3" ><a>3</a></li>
370.                 <li title="4" ><a>4</a></li>
371.                 <li title="下一页" ><a></a></li>
372.                 <noscript></noscript>
373.             </ul>
374.         
375.    
376.    
377.         
378.         
379.         
380.    

复制代码

 
下单及订单管理展示

 
运行程序，点击登录，在登录成功后，选择商品点击【立即购买】或者购物车页面点击【购买】，然后跳转到下单页面，如下所示：

订单管理页面
运行程序，点击登录，在登录成功后，在右上角个人名称，点击下拉菜单，选择订单管理，然后打开订单管理页面，如下所示：

以上就是ASP.NET Core MVC开发实战之商城系统第六部分内容，后续将继续介绍其他模块，敬请期待。

来源:https://www.cnblogs.com/hsiang/archive/2023/08/27/17659726.html
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！