博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ASP.NET MVC 5– 使用Wijmo MVC 5模板1分钟创建应用
阅读量:6849 次
发布时间:2019-06-26

本文共 2231 字,大约阅读时间需要 7 分钟。

原文:

开始使用

使用ComponentOne Studio for ASP.NET Wijmo制作MVC5应用程序,首先要做的是安装 。

测试环境 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
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将会自动生成控制器和增删改查应用程序所需要的所有视图。最大的亮点是这些生成的文件为您的工程构建了起始的工程文件目录结构,当然你也可以修改它,Scaffolding模板的优美之处在于生成后您可以按照您的意愿来扩展它。

运行

仅仅通过以上步骤,我们就实现了简易的ToDoList。切换到ToDoList页面,应用程序会给模型创建数据源,首先展示给我们的是一张空表格。我们可以通过“Lists|Add List”按钮添加计划。

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

现在我们就完成了具有增删改查功能的MVC5应用程序。这些生成的文件为您的工程构建了起始的工程文件目录结构,当然你也可以修改它,Scaffolding模板的优美之处在于生成后您可以按照您的意愿来扩展它。

示例下载链接

工具下载链接

转载地址:http://wzrul.baihongyu.com/

你可能感兴趣的文章
STL里的算法
查看>>
CAAnimation动画/CAAnimation Group
查看>>
iPhone开发 - 常用库
查看>>
Orchard模块开发全接触1:起步
查看>>
黄聪:ionic使用ion-nav-bar设置了bar-positive类但在安卓Android设备中无法置底
查看>>
[Windows Phone]AnimationHelper管理分散的Storyboard
查看>>
[产品设计]我对移动互联网产品的观点
查看>>
理解和上手Redux
查看>>
安装office2016 64位时提示64位与32位的office程序不兼容,在系统是64位的情况下,由于应用的需要,必须装64位的office,怎么办...
查看>>
6.1指针的概念?
查看>>
格林威治时间(时间戳)转换成标准时间
查看>>
OpenGL中各种坐标系的理解[转]
查看>>
iOS - 正则表达式判断邮箱、身份证..是否正确
查看>>
linux基础—课堂随笔04_文件查找和压缩
查看>>
RegExp(正则表达式)常用知识点小结
查看>>
iOS 上架
查看>>
网络编程之UDP编程
查看>>
Carthage使用
查看>>
dede栏目添加自定义字段方法
查看>>
跟着实例学习设计模式(9)-桥接模式bridge(结构型)
查看>>