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

关注

原创最新推荐文章于 2026-03-31 09:16:58 发布 647 阅读 AI 写同款· GEO 优化 ›

ComponentOne Studio for ASP.NET Wijmo 2013 v1 1/2 ComponentOne Studio for ASP.NET Wijmo 专门为网页设计窗体而开发，功能强大，覆盖全面，是 ASP.NET 平台全能用户界面开发控件套包； ComponentOne Studio for ASP.NET Wijmo 拥有40多个不同风格的高性能且易于使用的控件，这些控件都基于常用的 Web 标准，如 AJAX、CSS、HTML5 和 jQuery 。这些控件都可作为 ASP.NET 控件、扩展和 MVC 工具进行使用。由于上传文件大小限制，本压缩包共二个压缩文件，请全部下载后解压。立即下载

开始使用

使用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。模板中添加了一些菜单、按钮、复选框、简单的输入框等Wijmo控件。找到 <ul class="nav navbar-nav"> ，替换为如下代码：

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

好了，现在让我们运行程序看看初始效果。您可能对这个界面很熟悉。因为Wijmo MVC 5 工程模板是基于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; }

}