天天看點

ASP.NET MVC 5– 使用Wijmo MVC 5模闆1分鐘建立應用檔案-建立項目建立控制器和視圖運作

開始使用

測試環境 VS2013(VS2010,VS2012支援MVC3,MVC4)、MVC5、Framework4.5、IE11、Studio for ASP.NET Wijmo2014V1,Note:不支援VS的更高版本

在安裝了Wijmo之後,在 VS2010,VS2013 中選擇建立項目分别如下。在 Web 頁籤中,您可以發現Wijmo。

ASP.NET MVC 5– 使用Wijmo MVC 5模闆1分鐘建立應用檔案-建立項目建立控制器和視圖運作

在建立的Views|Shared下,打開_Layout.cshtml。模闆中添加了一些菜單、按鈕、複選框、簡單的輸入框等Wijmo控件。找到 <ul class="nav navbar-nav"> , 替換為如下代碼:

好了,現在讓我們運作程式看看初始效果。您可能對這個界面很熟悉。因為Wijmo MVC 5 工程模闆是基于Microsoft内置模闆建立。我們優化了标記和CSS樣式為 Wijmo風格。

ASP.NET MVC 5– 使用Wijmo MVC 5模闆1分鐘建立應用檔案-建立項目建立控制器和視圖運作

下面,為TahDoList和TahDoItem建立一個POCO(Plain Old CLR Objects)模型。需要在Models檔案夾中添加一個新類,命名為ToDo.cs,并添加以下代碼:

接下來,為TahDoList和TahDoItem添加控制器。右鍵點選Controllers檔案夾,選擇“添加控制器”,選擇一下選項點選“添加”。命名為TahDoListController。然後再模闆的Scaffolding選項視窗中選擇如下設定:

ASP.NET MVC 5– 使用Wijmo MVC 5模闆1分鐘建立應用檔案-建立項目建立控制器和視圖運作

單擊Add,Visual Studio将生成所有需要的東西。

Scaffolding将會自動生成控制器和增删改查應用程式所需要的所有視圖。最大的亮點是這些生成的檔案為您的工程建構了起始的工程檔案目錄結構,當然你也可以修改它,Scaffolding模闆的優美之處在于生成後您可以按照您的意願來擴充它。

僅僅通過以上步驟,我們就實作了簡易的ToDoList。切換到ToDoList頁面,應用程式會給模型建立資料源,首先展示給我們的是一張空表格。我們可以通過“Lists|Add List”按鈕添加計劃。

ASP.NET MVC 5– 使用Wijmo MVC 5模闆1分鐘建立應用檔案-建立項目建立控制器和視圖運作

填寫完成後,點選Create,進入Index頁面。

ASP.NET MVC 5– 使用Wijmo MVC 5模闆1分鐘建立應用檔案-建立項目建立控制器和視圖運作

現在我們就完成了具有增删改查功能的MVC5應用程式。這些生成的檔案為您的工程建構了起始的工程檔案目錄結構,當然你也可以修改它,Scaffolding模闆的優美之處在于生成後您可以按照您的意願來擴充它。

《ASP.NET MVC 5 入門指南》12篇文章彙總如下:

希望這些文章對感興趣的朋友有所幫助,另附上PDF版的彙總文檔:

我們不但需要知識,也需要好工具來幫助我們更好地進行開發。

相關閱讀:

<a href="http://www.cnblogs.com/powertoolsteam/p/Angular_Wijmo.html" target="_blank">開放才能進步!Angular和Wijmo一起走過的日子</a>

<a href="http://www.cnblogs.com/powertoolsteam/p/angular_react.html" target="_blank">Angular vs React 最全面深入對比</a>

<a href="http://wijmo.gcpowertools.com.cn/wijmo-build-5-20171-293-available/" target="_blank">Wijmo已率先支援Angular4 &amp; TypeScript 2.2</a>

繼續閱讀