zoukankan      html  css  js  c++  java
  • 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。

    mvc5template

    在创建的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风格。

    final-home

    加入模型

    以下,为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选项窗体中选择例如以下设置:

    clip_image006

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

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

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

    执行

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

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

    final-indexlist

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

    final-indexlist

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

    演示样例下载链接TahDo.zip

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

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

  • 相关阅读:
    使用javap分析Java的字符串操作
    使用javap深入理解Java整型常量和整型变量的区别
    分享一个WebGL开发的网站-用JavaScript + WebGL开发3D模型
    Java动态代理之InvocationHandler最简单的入门教程
    Java实现 LeetCode 542 01 矩阵(暴力大法,正反便利)
    Java实现 LeetCode 542 01 矩阵(暴力大法,正反便利)
    Java实现 LeetCode 542 01 矩阵(暴力大法,正反便利)
    Java实现 LeetCode 541 反转字符串 II(暴力大法)
    Java实现 LeetCode 541 反转字符串 II(暴力大法)
    Java实现 LeetCode 541 反转字符串 II(暴力大法)
  • 原文地址:https://www.cnblogs.com/lcchuguo/p/4801310.html
Copyright © 2011-2022 走看看