我是ASP.
NETMVC的新手,看了ASP.NETMVC和jQuery系列的几篇文章感觉不错,分享给大家,如果翻译的有
问题请指出,谢谢.原文连接:http://www.codeproject.com/Articles/74338/ASP-NET-MVC-and-jQuery-Part-1-Getting-Started.aspx-----------------------------------正文分割线-----------------------------------这是这个VisualStudio2010中ASP.NETMVC和jQuery系列的第一篇文章如果你有ASP.NET和
JavaScript开发
web的经验.你很可能已经听说过它们了(ASP.NETMVC和jQuery),你也可能对这两种技术结合使用很感兴趣.入门篇不会非常难,我将不会在这篇文章中讲述很难的内容.先弄清楚两件事情,然后我们切入正题.框架?什么是ASP.NETMVC框架?Model-View-Controller,简称MVC,是一种
设计模式,帮助我们组织代码,使用这种方式我们能清楚地分离数据,行为&;业务逻辑和界面.这些部件我们分别称为模型,控制器和视图.ASP.NETMVC的MVC框架为我们提供了支持的工具,约束和一些类来供我们使用这种设计模式,而不是ASP.NET的默认的Page-Controller.什么是Jquery??我们能使用JavaScript能访问
HTML文档的每一个元素.有了JavaScript,您可以操纵DOM,写脚本来实现网页动画,进行AJAX请求,还可以进行一些验证.你写好的代码,你一般都将它保存起来(以后就不用再写了).当你想要一个新的功能,您可能又需要作大量的修改.还会伴随着性能问题,浏览器的兼容性问题,甚至跨平台相关的问题.jQuery是一个JavaScript代码库.它已经帮你完成很多你想做的事.如:它能跨浏览器兼容,它有许多预构建的组件,它的每个版本都有良好的性能.你可以把Jquery看成是一种对一组物件执行一些动作,甚至它们是这组物件里面的一个物件.你需要先找到这组物件,让后执行它们的一些动作.这组物件可能是DOM的元素,像DIV,images,form,forms或者
document元素本身.基本的步骤1,创建一个ASP.NETMVC2WebApplication2,在Site.Master中添加Jquery引用,使Jquery在所有的页面都可用3,使用if(false)使智能提示功能在视图部分可用4,引用脚本来使J独立的avaScript文件中智能提示可用MeatyVersion
启动VisualStudio2010创建一个新项目.
导航到web分类,选择ASP.NETMVC2WebApplication.修改你项目的命名(修改成Spike.jQueryMvc),点击OK.
此时VisualStudio将提示你是否需要创建一个TestProject.现在我们选择否.这样完成了创建MVC项目的向导.在SolutionExplorer在Views–>Shared中打开Site.Master文件.展开Scripts文件夹,你可以看到VisualStudio默认添加的脚本.在Site.Master的HEAD标记,拖jQuery'min'文件,它下面的是,jQuery'vsdoc'文件.将你的vsdoc文件放到if(false)语句中间.vsdoc将永远不会被加载到浏览器中(因为false永远不为真),但是VisualStudio将会加载这一文件,使用这个技巧可以启用智能感知功能.
我们这样设置是为使用jQuery和VisualStudio2010很棒的智能感应功能.现在,导航到Views–>Home中的Index.aspx页-打开它.在P结束标签后面添加以下代码:
$(function(){$("p").click(function(){
$(this).slideUp();});})
你会发现VisualStudio在你正在输入时候,会雨后春笋般的冒出为你说明的jQuery函数的文字.
按F5运行应用程序.你将被提示修改Web.config文件,点击确定.浏览器会被打开,会开启一个被稍微修改过的默认的MVC网页.点击"TolearnmoreaboutASP.NETMVC"这串文字,观察一下jQuery执行了什么.FTW?这是怎么工作的??这是怎么工作的?下面这些是基础:1,脚本标记被添加到文件中2,我们使用了jQuery的快捷方式等待文档加载完成后运行这个函数3,当加载完成后,我们找到DOM中的所有P元素,为它们创建一个事来处理用户点击.这由匿名函数来完成.4,在点击事件处理程序内部,我们使用jQuery的$(this)来选择用户点击了的P元素,告诉它使用了动画效果.第一个快捷方式基本上是一个事件处理程序-在这种情况下,文件加载完成后,一个匿名函数被执行时.你应该在每一个页面都使用它,因为jQuery无法找到尚未被添加到DOM的元素.