ASP.NET MVC 5– 采用Wijmo MVC 5模板1创建应用程序分钟

启用

采用ComponentOne Studio for ASP.NET Wijmo制作MVC5应用，首先要做的就是安装Studio for ASP.NET Wijmo 。

測试环境 VS2013、MVC5、Framework4.5、IE11、Studio for ASP.NET Wijmo2014V1

文件-新建项目

在安装了Studio for ASP.NET Wijmo2014V1 之后，在 VS2012 中选择新建项目。

在 Web 选项卡中。您能够发现Studio for ASP.NET Wijmo 2014V1。

在创建的Views|Shared下。打开_Layout.cshtml。模板中加入了一些菜单、button、复选框、简单的输入框等Wijmo控件。找到 <ul class="nav navbar-nav"> ， 替换为例如以下代码：

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

好了，如今让我们执行程序看看初始效果。您可能对这个界面非常熟悉。由于Wijmo MVC 5 project模板是基于Microsoft内置模板创建。我们优化了标记和CSS样式为 Wijmo风格。

加入模型

以下，为TahDoList和TahDoItem创建一个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 = "创建日期")]

public DateTime? CreatedAt { get; set; }

[Range(0, 5), UIHint("IntSlider")]

[Display(Name = "优先级")]

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 = "创建日期")]

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; }

}

创建控制器和视图

接下来。为TahDoList和TahDoItem加入控制器。右键点击Controllers目录。选择“加入控制器”。选择一下选项点击“加入”。命名为TahDoListController。然后再模板的Scaffolding选项窗体中选择例如以下设置：

单击Add，Visual Studio将生成全部须要的东西。

Scaffolding将会自己主动生成控制器和增删改查应用程序所须要的全部视图。

最大的亮点是这些生成的文件为您的project构建了起始的project文件文件夹结构，当然你也能够改动它，Scaffolding模板的优美之处在于生成后您能够依照您的意愿来扩展它。

执行

只通过以上步骤，我们就实现了简易的ToDoList。切换到ToDoList页面。应用程序会给模型创建数据源，首先展示给我们的是一张空表格。

我们能够通过“Lists|Add List”button加入计划。

填写完毕后，点击Create。进入Index页面。

如今我们就完毕了具有增删改查功能的MVC5应用程序。这些生成的文件为您的project构建了起始的project文件文件夹结构，当然你也能够改动它。Scaffolding模板的优美之处在于生成后您能够依照您的意愿来扩展它。

演示样例下载链接：TahDo.zip

工具下载链接：Studio for ASP.NET Wijmo

版权声明：本文博主原创文章，博客，未经同意不得转载。