ASP.NET MVC 5– 采用Wijmo MVC 5模板1创建应用程序分钟
启用
采用ComponentOne Studio for ASP.NET Wijmo制作MVC5应用,首先要做的就是安装 pid=4&from=MVC4DOC">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 5– 采用Wijmo MVC 5模板1创建应用程序分钟的更多相关文章
- ASP.NET MVC 5– 使用Wijmo MVC 5模板1分钟创建应用
开始使用 使用ComponentOne Studio for ASP.NET Wijmo制作MVC5应用程序,首先要做的是安装Studio for ASP.NET Wijmo . 测试环境 VS201 ...
- [转]ASP.NET MVC 5– 使用Wijmo MVC 5模板1分钟创建应用
开始使用 使用ComponentOne Studio for ASP.NET Wijmo制作MVC5应用程序,首先要做的是安装Studio for ASP.NET Wijmo . 测试环境 VS201 ...
- 03 入门 - 安装MVC 5和创建应用程序
目录索引:<ASP.NET MVC 5 高级编程>学习笔记 本篇内容: 1. ASP.NET MVC 5的软件需求 2. 安装ASP.NET MVC 5 1)安装MVC 5开发组件 2)服 ...
- Pro ASP.NET MVC –第六章 MVC的基本工具
在本章,我们将介绍每个MVC程序员"武器库"的三个重要工具:依赖注入容器.单元测试框架和mock工具.在本书,对于三个工具分别都只用了一种方式实现,但每个工具都还有其他的实现方式. ...
- ASP.NET MVC:01理解MVC模式
ASP.NET MVC是ASP.NET Web应用程序框架,以MVC模式为基础. MVC:Model View Controller 模型-视图-控制器Model(模型):负责对数据库的存取View( ...
- 基于DDD的.NET开发框架ABP实例,多租户 (Sass)应用程序,采用.NET MVC, Angularjs, EntityFramework-介绍
介绍 基于ABPZERO的多租户 (Sass)应用程序,采用ASP.NET MVC, Angularjs-介绍 ASP.NET Boilerplate作为应用程序框架. ASP.NET MVC和ASP ...
- 基于DDD的.NET开发框架ABP实例,多租户 (Saas)应用程序,采用.NET MVC, Angularjs, EntityFramework-介绍
介绍 基于ABPZERO的多租户 (Saas)应用程序,采用ASP.NET MVC, Angularjs-介绍 ASP.NET Boilerplate作为应用程序框架. ASP.NET MVC和ASP ...
- Pro ASP.NET MVC –第三章 MVC模式
在第七章,我们将创建一个更复杂的ASP.NET MVC示例,但在那之前,我们会深入ASP.NET MVC框架的细节:我们希望你能熟悉MVC设计模式,并且考虑为什么这样设计.在本章,我们将讨论下列内容 ...
- <转>ASP.NET学习笔记之理解MVC底层运行机制
ASP.NET MVC架构与实战系列之一:理解MVC底层运行机制 今天,我将开启一个崭新的话题:ASP.NET MVC框架的探讨.首先,我们回顾一下ASP.NET Web Form技术与ASP.NET ...
随机推荐
- 利用python 提取log 文件里的关键句子,并进行统计分析
利用python开发了一个提取sim.log 中的各个关键步骤中的时间并进行统计的程序: #!/usr/bin/python2.6 import re,datetime file_name='/hom ...
- php集成环境
apache+php+mysql是常见php环境,在windows下也称为WAMP,对于初学者自选版本搭建总是会遇到一些麻烦,下面是收集到的一些集成环境安装: 1.AppServ (推荐,简洁精简) ...
- Java流的理解
最近做了一下Socket编程,其中有socket.getInputStream和socket.getOutputStream的问题. 想传输文件,感觉应该用FileInputStream和FileOu ...
- Linux下hp打印机驱动hplip分析
Hplip分析 版本号是2.14,源代码位置:http://hplipopensource.com. 图的来源:http://hplipopensource.com/node/128. 实践中使用的打 ...
- Android数字签名解析(二)
在Android数字签名解析(一)中,介绍了android进行签名的两种方式,当中用密钥对进行签名用到了signapk.jar这个java库. 以下我们就看看signapk签名实现过程,signapk ...
- 询问任意区间的min,max,gcd,lcm,sum,xor,or,and
给我们n个数,然后有m个询问,每个询问为L,R,询问区间[L,R]的最大最小值,最小公约数,最大公约数,和,异或,或,且 这些问题通通可以用RMQ的思想来解决. 以下用xor来作为例子 设dp[i][ ...
- struts2 Session拦截器
一:struts2简介 二:拦截器
- GRUB2配置详解:默认启动项,超时时间,隐藏引导菜单,配置文件详解,图形化配置
配置文件详解: /etc/default/grub # 设定默认启动项,推荐使用数字 GRUB_DEFAULT=0 # 注释掉下面这行将会显示引导菜单 #GRUB_HIDDEN_TIMEOUT=0 # ...
- Android AlarmManager报警的实现
什么是AlarmManager? AlarmManager它是Android经常使用的系统-Level提醒服务,我们指定为广播中的特定时间Intent. 我们设定一个时间,然后在该时间到来时.Alar ...
- debain install scim
1. su input root pwd 2. apt-cache search scim apt-get install scim apt-cache search scim-pinyin apt- ...