開始使用

使用ComponentOne Studio for ASP.NET Wijmo制作MVC5應用程序，首先要做的是安裝Studio for ASP.NET Wijmo 。

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務項目有：國際域名空間、虛擬空間、營銷軟件、網(wǎng)站建設(shè)、莒縣網(wǎng)站維護、網(wǎng)站推廣。

測試環(huán)境 VS2013、MVC5、Framework4.5、IE11、Studio for ASP.NET Wijmo2014V1

文件-新建項目

在安裝了Studio for ASP.NET Wijmo2014V1 之后，在 VS2012 中選擇新建項目。在 Web 選項卡中，您可以發(fā)現(xiàn)Studio for ASP.NET Wijmo 2014V1。

在創(chuàng)建的Views|Shared下，打開_Layout.cshtml。模板中添加了一些菜單、按鈕、復選框、簡單的輸入框等Wijmo控件。找到 <ul class="nav navbar-nav"> ， 替換為如下代碼：

@Html.ActionLink("Home", "Index", "Home")
@Html.ActionLink("添加列表", "Create", "TahDoList")
@Html.ActionLink("About", "About", "Home")

好了，現(xiàn)在讓我們運行程序看看初始效果。您可能對這個界面很熟悉。因為Wijmo MVC 5 工程模板是基于Microsoft內(nèi)置模板創(chuàng)建。我們優(yōu)化了標記和CSS樣式為 Wijmo風格。

添加模型

下面，為TahDoList和TahDoItem創(chuàng)建一個POCO（Plain Old CLR Objects）模型。需要在Models文件夾中添加一個新類，命名為ToDo.cs，并添加以下代碼：

public class TahDoList
{
[Editable(false)]
public int Id { get; set; }
[Required]
[Display(Name = "標題")]
public string Title { get; set; }
[Display(Name = "創(chuàng)建日期")]
public DateTime? CreatedAt { get; set; }
[Range(0, 5), UIHint("IntSlider")]
[Display(Name = "優(yōu)先級")]
public int Priority { get; set; }
[Range(0, 1000000)]
[Display(Name = "花費")]
public decimal Cost { get; set; }
[DataType(DataType.MultilineText)]
[Display(Name = "摘要")]
public string Summary { get; set; }
[Display(Name = "完成日期")]
public DateTime? DoneAt { get; set; }
public ICollection<TahDoItem> TahDoItems { get; set; }
}
public class TahDoItem
{
[Editable(false)]
public int Id { get; set; }
[Required]
public string Title { get; set; }
[Display(Name = "創(chuàng)建日期")]
public DateTime? CreatedAt { get; set; }
[Range(0, 5), UIHint("IntSlider")]
public int Priority { get; set; }
[DataType(DataType.MultilineText)]
public string Note { get; set; }
public int TahDoListId { get; set; }
public TahDoList TahDoList { get; set; }
[Display(Name = "完成日期")]
public DateTime? DoneAt { get; set; }
}

創(chuàng)建控制器和視圖

接下來，為TahDoList和TahDoItem添加控制器。右鍵點擊Controllers文件夾，選擇“添加控制器”，選擇一下選項點擊“添加”。命名為TahDoListController。然后再模板的Scaffolding選項窗口中選擇如下設(shè)置：

單擊Add，Visual Studio將生成所有需要的東西。

Scaffolding將會自動生成控制器和增刪改查應用程序所需要的所有視圖。最大的亮點是這些生成的文件為您的工程構(gòu)建了起始的工程文件目錄結(jié)構(gòu)，當然你也可以修改它，Scaffolding模板的優(yōu)美之處在于生成后您可以按照您的意愿來擴展它。

運行

僅僅通過以上步驟，我們就實現(xiàn)了簡易的ToDoList。切換到ToDoList頁面，應用程序會給模型創(chuàng)建數(shù)據(jù)源，首先展示給我們的是一張空表格。我們可以通過“Lists|Add List”按鈕添加計劃。

填寫完成后，點擊Create，進入Index頁面。

現(xiàn)在我們就完成了具有增刪改查功能的MVC5應用程序。這些生成的文件為您的工程構(gòu)建了起始的工程文件目錄結(jié)構(gòu)，當然你也可以修改它，Scaffolding模板的優(yōu)美之處在于生成后您可以按照您的意愿來擴展它。

示例下載鏈接：TahDo.zip

工具下載鏈接：Studio for ASP.NET Wijmo

本文題目：ASP.NETMVC5–使用WijmoMVC5模板1分鐘創(chuàng)建應用
瀏覽路徑：http://www.rwnh.cn/article6/ipjeig.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計、自適應網(wǎng)站、網(wǎng)站設(shè)計公司、域名注冊、服務器托管、營銷型網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)