為了加強MVC的功力，加強練習是少不了的事情。Insus.NET這次想實現文字框的autocomplete功能。

在資料建立一張表[PinYin]：


插入一些資料：

並建立一個儲存過程usp_PinYin_GetWord：



在MVC應用程式的Models目錄下，建立一個PinYin model:



讀取資料庫資料，建立一個Entity，展開Entities目錄：



接下來，在應用程式右鍵，啟動Manage NuGet Packages... 



安裝jQuery UI:




它會把相關的css和js分別安裝在應用程式的Content:


和scripts目錄：

接下來，我們需要建立一個Handler，它有點像Service一樣，請求與處理使用者所在文字框輸入的文字。你先要在應用程式下建立一個Handlers目錄，如果存在，可略過此步。

注意，上圖程式碼第#10行程式碼，如果修改與添加了名稱空間namespace，你還得開啟Handler.ashx的markup新增與修改namespace:

現在我們只是練習，在Controllers目錄下，開啟HomeController控制器建立一個ActionResult:

 一切寫好，就可以寫View檢視了：

上面的程式碼中，#5步可以根據實際需要，最終顯示於文字框中的是值還是文字。

實時操作演示一下：