MVVM

MVVM真正实现分层开发

MVVM架构~knockoutjs系列之级联select

摘要: 返回目录对于下拉列表框的绑定在之前的knockoutjs文章中已经介绍过，今天主要说一下级联的select，事实上，在knockoutjs里，是以数据绑定为中心的，而数据是以面向对象为前提的，而对于级联绑定来说，它也是一种面向对象里关系对象的体现，有了关系对象，我们就可以把级联很容易的开发出来，而不用像之前JS那么麻烦了。准备数据对象 var Grade_Subject_R = function () { var self = this; self.Grades = [ { 'subjects': [{ 'id'...阅读全文

posted @ 2014-03-23 20:35 张占岭 阅读(39) | 评论 (0) 编辑

MVVM架构~knockoutjs系列之验证成功提示显示

摘要: 返回目录对于knockout.validation来说，我们已经知道了如何去验证大部分表单元素，而有时，我们的需求希望在每个元素验证成功后，去显示正确的提示，这个我们很容易的使用self.元素.isValid()方法来实现。下面给出相关的代码CSS代码JS代码HTML代码 添加商品 name 请输入用户名账号，它由字母汉字数字组成 price CategoryId ...阅读全文

posted @ 2014-03-18 11:14 张占岭 阅读(77) | 评论 (0) 编辑

MVVM架构~knockoutjs与MVC配合，实现列表的增删改功能

摘要: 返回目录MVC与MVVM的模型在MVC实例项目中，为我们提供了简单的增删改查功能，而这种功能的实现与具体的Model很有关系，或者说它与后台数据库的关系过于紧密了，而对于开发人员来说当页面布局修改后，也会现时修改它们的Model部分，而对于MVVM思想体系来说，它可以不去修改后台Model，而后采用了一种前台绑定的方式，很好的实现了前台模块与后台Model的解耦！实例代码本实例主要展现了一个简单的列表操作，包括了添加，删除和修改，在使用knockoutjs实现它之后，使它的用户体验提升了一个台阶，对于代码的分层有了一个新的升华！C#核心代码 public ActionResult Index.阅读全文

posted @ 2014-03-06 15:47 张占岭 阅读(163) | 评论 (0) 编辑

MVVM架构~knockoutjs实现简单的购物车

摘要: 返回目录概念相关购物车相信大家都用过，很方便，可以将多个商品添加到购物车，并且可以修改购买商品的数据，当然为了用户体验好，在修改数据时，你的价格也会出现变化的，这使用JS可以实现，但我认为，代码量挺大的，而使用knockoutjs可以大大减少代码量，而且更重要的是，当前台页面有所调整时，这个JS只需要简单调整，而不需要改后台代码！代码相关下面看一下实现简单购物车的代码1 View部分 商品 单价 数量 小计 ...阅读全文

posted @ 2014-02-21 17:57 张占岭 阅读(225) | 评论 (0) 编辑

MVVM架构~目录

摘要: 回到占占推荐博客索引MVVM在概念上是真正将页面与数据逻辑分离的模式，在开发方式上，它是真正将前台代码开发者（JS+HTML）与后台代码开发者分离的模式（asp,asp.net,php,jsp）。在介绍它之前我们先来看一下MVP和MVC的定义：MVP 是从经典的模式MVC演变而来，它们的基本思想有相通的地方：Controller/Presenter负责逻辑的处理，Model提供数据，View负 责显示。作为一种新的模式，MVP与MVC有着一个重大的区别：在MVP中View并不直接使用Model，它们之间的通信是通过Presenter (MVC中的Controller)来进行的，所有的交互都发生阅读全文

posted @ 2014-02-17 14:42 张占岭 阅读(344) | 评论 (0) 编辑

MVVM架构~Knockoutjs系列之验证机制的引入

摘要: 返回目录对于Knockoutjs本身来说，没有提供验证模块，不过，有第三方的扩展，就像你为jquery库作extensions一样，这讲中我将介绍一个Knockout插件扩展，knockout.validation.js，用它来实现对HTML标记的验证，下面是它在Github上的地址https://github.com/Knockout-Contrib/Knockout-Validation。这个插件的使用很类似MVC自己的验证，如果你自己手动扩展过它的ValidationAttribute，那么你对下面的JS肯定不会感到陌生，思想是一样的，JS里的Validation也是面向对象的，也支持o阅读全文

posted @ 2014-01-06 13:42 张占岭 阅读(274) | 评论 (0) 编辑

MVVM架构~Knockoutjs系列之js接收C#数据集合的方式

摘要: 返回目录在controller里将数据拿到，并且存储到ViewBag对象里，最后在View上显示出来，这是传统的MVC开发方式，事实上引入Knockoutjs以后，这种方式还是适合的，Knockoutjs只是在前台数据绑定中做了一点调整，它不在依赖于后台具体数据，你完全可以在最后去为它动态绑定数据，一般地，我们会为这种页面添加一个JS文件，用来获取数据，以实现前台开发人员与后台代码开发人员的分离。从view层拿数据的方式有两种，第一是通过ViewBag,ViewData,TempData,Model等容器来存储，然后在View上直接取即可，而第二种方式是通过一个GET请求，它通常是异步的，你可阅读全文

posted @ 2014-01-04 14:07 张占岭 阅读(187) | 评论 (0) 编辑

MVVM架构~Knockoutjs系列之对象与对象组合

摘要: 返回目录在面向对象的程序设计里，对象是核心，一切皆为对象，对象与对象之间的关系可以表现为继承和组合，而在Knockoutjs或者JS里，也存在着对象的概念，今天主要说一下JS里的对象及对象的组合。JS里对象可以使用{}生成，也可以使用function(){}方式生成，而使用function(){}方式我认为更灵活，使用{}方式更正规，我这里总结了一下，也是我的习惯，如果对象只是getter,setter的属性块，可以使用{}的方式，如果对象比较复杂，由属性，方法 组成，这时最好使用function(){}的方式，下面举例说明。下面定义一个user对象，使用{}方式var User={ Na..阅读全文

posted @ 2014-01-04 10:39 张占岭 阅读(163) | 评论 (0) 编辑

MVVM架构~Knockoutjs系列之text,value,attr,visible,with的数据绑定

摘要: 返回目录Knockoutjs是微软mvc4里一个新东西，用这在MVC环境里实现MVVM，小微这次没有大张旗鼓，而是愉愉的为我们开发者嵌入了一个实现MVVM的插件，这下面的几篇文章中，我和大家将一起去探讨它，它是如何把前台开发者与后台开发者的工作彻底分离的。对于html标记来说，为它们赋值的方法有很多，你使用JS动态为它赋值也是可能的，但从面向对象的角度来说，意义不大，而当前台开发者了解数据结构后，可以使用Knockoutjs实现面向对象的数据绑定，HTML元素的面向对象的赋值，今天是个开篇，内容比较简单，只讲一下text,value和attr的数据绑定。text绑定：你可以为p,span,di阅读全文

posted @ 2014-01-02 16:30 张占岭 阅读(182) | 评论 (0) 编辑

MVVM架构~mvc,mvp,mvvm大话开篇

摘要: 返回目录百度百科的定义：MVP 是从经典的模式MVC演变而来，它们的基本思想有相通的地方：Controller/Presenter负责逻辑的处理，Model提供数据，View负 责显示。作为一种新的模式，MVP与MVC有着一个重大的区别：在MVP中View并不直接使用Model，它们之间的通信是通过Presenter (MVC中的Controller)来进行的，所有的交互都发生在Presenter内部，而在MVC中View会从直接Model中读取数据而不是通过 Controller。在MVC里，View是可以直接访问Model的！从而，View里会包含Model信息，不可避免的还要包括一些 业阅读全文

posted @ 2014-01-02 13:49 张占岭 阅读(349) | 评论 (0) 编辑