Asp.Net MVC4入門指南（10）：第三方控件Studio for ASP.NET MVC4 工具應用

本文轉載自查看原文 2013-05-09 12:29 11994 ASP.NET MVC

ComponentOne Studio for ASP.NET最新版本2013V1支持MVC4，其中包括：

新增 MVC 4 工程模板 (C# & VB) 開箱即用的MVC 4 工程模板基於Microsoft內置模板創建，我們僅優化了標記和CSS樣式為默認風格，熟悉的模板布局和界面風格，無疑將縮短您的學習過程、節省開發時間及提高開發效率。
新增國際化主題（Metro）
- MVC4 模板自動增強MVC Scaffolding模板，將會為您應用程序中的增刪改查(CRUD)操作生成默認的模板文件，這些生成的文件為您的工程構建了起始的工程文件目錄結構，當然你也可以修改它，Scaffolding模板的優美之處在於生成后您可以按照您的意願來擴展它。
- 增強編輯器模板 該模板使您可以通過日期選擇器、數值輸入框和滑動條快速的定制應用。您甚至可以添加其他自定義的模板。

開始使用

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

測試環境 VS2012、MVC4、Framework4.5、IE10、Studio for ASP.NET 2013V1

文件-新建項目

在安裝了Studio for ASP.NET 2013V1 之后，在 VS2012 中選擇新建項目。在 Web 選項卡中，您可以發現Studio for ASP.NET 2013V1。

好了，現在讓我們運行程序看看初始效果。您可能對這個界面很熟悉。因為 MVC 4 工程模板是基於Microsoft內置模板創建。我們僅優化了標記和CSS樣式為默認風格。

添加模型

下面，讓我們使用MVC Scaffolding模板創建一個簡易的“ToDoList”。首先我們來添加模型。需要添加以下代碼：

namespace MVC4Wijmo.Models
{
    public class ToDoList
    {
        [Editable(false)]
        public int Id { get; set; }

        [Required]
        public string Title { get; set; }

        [Display(Name = "Date Created")]
        public DateTime? CreatedAt { get; set; }

        [Range(0, 5), UIHint("IntSlider")]
        public int Priority { get; set; }

        [Range(0, 1000000)]
        public decimal Cost { get; set; }

        [DataType(DataType.MultilineText)]
        public string Summary { get; set; }

        public bool Done { get; set; }

        [Display(Name = "Date Completed")]
        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 = "Date Created")]
        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 ToDoListId { get; set; }

        public ToDoList ToDoList { get; set; }

        public bool Done { get; set; }

        [Display(Name = "Date Completed")]
        public DateTime? DoneAt { get; set; }
    }
}