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
版权声明:本文博主原创文章,博客,未经同意不得转载。
相关文章
- ASP.NET MVC之Unobtrusive Ajax(五)
- .net Elasticsearch 学习入门笔记
- 学习ASP.NET Core Razor 编程系列四——Asp.Net Core Razor列表模板页面
- C#调用接口注意要点 socket,模拟服务器、客户端通信 在ASP.NET Core中构建路由的5种方法
- asp.net core导出导入excel
- js基础 js自执行函数、调用递归函数、圆括号运算符、函数声明的提升 js 布尔值 ASP.NET MVC中设置跨域
- Word控件Spire.Doc 【书签】教程(2):在 C#、VB.NET 中删除书签
- 【C#】asp.net
- VS2010(Asp.net)中空格加点和代码自动换行的两个有用的快捷键!
- Asp.net后台类中使用alter弹出窗显示信息(对于后台调试代码超有用!)
- 【asp.net】MVC模板中各个文件的功能和作用(持续更新中...)
- ASP.net(C#)中解决win7/8/10中DateTime.Now.ToString()的日期有星期的问题。
- Mingyang.net:注解配置Hibernate时报错Unknown Entity
- 最新版ASP.NET MVC5+EF6后台管理系统 Ymnets快速开发框架源码 带工作流((带开发文档和数据字典))
- 在ASP.NET MVC中实现登录后回到原先的界面
- 《.NET程序员面试秘笈》----面试题4 举例说明属性、get和set访问器的使用
- Asp.net MVC中Html.Partial, RenderPartial, Action,RenderAction 区别和用法【转发】
- asp.net core 发布 不打包cshtml 文件
- Asp.Net MVC 3【URLs, Routing,and Areas】续
- asp.net web api的自托管模式HttpSelfHostServer可以以控制台程序或windows服务程序为宿主,不单单依赖于IIS web服务器
- Asp.net-MyFirstMVCProject详细解释
- [.NET]c#.net程序中使用ffmpeg.exe来处理视频并生成上传视频的截图
- 使用FluentScheduler和IIS预加载在asp.net中实现定时任务管理
- ASP.NET Web Pages - 添加 Razor 代码