標籤

ASP.NET MVC (29) Visual C# (15) JQuery (10) Plugins (8) JQuery Plugins (6) JavaScript (6) MySQL (5) CSS (4) LinQ (4) Mac OS (4) CentOS (3) Design Pattern (3) Entity Framework (3) IIS (3) Python (3) Windows (3) php (3) Docker (2) LAMP (2) SQL Server (2) WCF (2) .NET (1) .NET Core (1) AWS (1) Browser (1) GIS (1) IE (1) Internet Security (1) Linux (1) Platform (1) React (1) SEO (1) Testing (1) VMware (1) Windows 7 (1) cookie (1) curl (1) laravel (1) phpBB (1) session (1) 中古屋 (1) 透天 (1) 閒言閒語 (1) 面試 (1) 鳥松 (1)

2014年10月27日 星期一

使用ASP.NET MVC 實作購物網站 (二十八) - 後台訂單列表搜尋功能

如果一天訂單有幾百筆,這下要是客戶打來問貨運進度,可就不妙了,所以我們需要一個搜尋功能。搜尋可以使用很多方法,例如客戶名稱,訂單時間,訂單狀態等,我們為講解方便
所以來完成客戶名稱搜尋吧。

今日目標:
*完成後台訂單列表的搜尋功能


1. ManageOrderController中新增SearchByUserName(),由於我們網站的使用者與訂單是兩個不同的資料庫,故我們先使用UserName搜尋出UserId後(行48~53),再至Orders表查詢該UserId的所有訂單(行57~65)。將結果丟給Index()的View (行64)

2. 打開[Views/ManageOrder/Index.cshtml],加入搜尋框與搜尋按鈕(行10~14),我們使用Form的方式將名稱為UserName的搜尋框(行12)內的值丟給ManageOrderController的SearchByUserName()執行 (行10)

3. 運行專案,點選上方的[訂單管理]

4. 此時可以看到搜尋框,我們輸入IT鐵人並按下[搜尋]按鈕

5. 可以發現購買會員為剛剛輸入關鍵的所有訂單結果都會顯示出來,可以按下[商品明細]試試看

6. 功能正常無誤

我們在後台訂單完成了一個基本的會員暱稱搜尋功能,搜尋功能其實可以有更多種,例如訂單總金額、訂單商品數量、訂單狀態(需加入欄位才可實作)等,基本原理都大同小異,就交給各位讀者依據需求去實現了。

明天我們繼續。


*今天的原始碼請參考這裡






沒有留言:

張貼留言