分享16个javascript&jQuery的MVC教程
jopen 13年前
<p>2011即将过去我们将在几周后迎来新的一年。 这里我们将介绍10多个js和jQuery的MVC教程希望大家喜欢！</p> <h3><span style="text-decoration:underline;">jQuery MVC </span></h3> <h3><a title="gbin1.com" href="/misc/goto?guid=4958319773045872321" target="_blank">1. AJAX - Spring MVC 3和jQuery的整合</a></h3> <p>这个教程中我们将使用jQuery的AJAX机制开发一个简单的Spring MVC3应用。我们将介绍如何使用jQuery.post()方法来处理post数据</p> <p><img alt="分享16个javascript&jQuery的MVC教程" src="https://simg.open-open.com/show/3dcc8005e7c8abcf15286587a64f52bb.jpg" width="520" height="134" /></p> <h3><a title="gbin1.com" href="/misc/goto?guid=4958319773847311117" target="_blank">2. Progressive Enhancement Techniques</a></h3> <p>如果你开发大量的javascript代码，你就应该考虑使用progressive enhancement模式来工作。基本流程是开发一个无js的基本功能 ，然后使用javascript来增进功能</p> <p><img alt="分享16个javascript&jQuery的MVC教程" src="https://simg.open-open.com/show/d39e00434532bc3821841d47de7ca568.jpg" width="520" height="134" /></p> <h3><span style="text-decoration:underline;">jQuery with ASP.NET MVC</span></h3> <h3><a title="gbin1.com" href="/misc/goto?guid=4958319774625256663" target="_blank">3. Building Contact Us Form</a></h3> <p>这个教程中将教会你如何使用jQuery和ASP.NET来开发一个联系我们表单，使用progressive enhancement策略。</p> <p><img alt="分享16个javascript&jQuery的MVC教程" src="https://simg.open-open.com/show/ceeade1611fce2850b114c0baba18dac.jpg" width="520" height="134" /></p> <h3><a title="gbin1.com" href="/misc/goto?guid=4958319775404200331" target="_blank">4. Introduction and basic controller</a></h3> <p>这里目标不是教你如何使用jQuery，而是jQuery如何能和新的ASP.NET 3.5 MVC扩展结合使用</p> <p><img alt="分享16个javascript&jQuery的MVC教程" src="https://simg.open-open.com/show/c6c44f9b10c8192f835041a628568505.jpg" width="520" height="134" /></p> <h3><a title="gbin1.com" href="/misc/goto?guid=4958319776181548627" target="_blank">5. Drop Downs Video Tutorials</a></h3> <p>在这个视频中我们使用ASP.NET和jQuery的CSS选择器，DOM操作和异步通讯来开发一个应用。</p> <p><img alt="分享16个javascript&jQuery的MVC教程" src="https://simg.open-open.com/show/a06d955d728894374e04e2e15bd2ea01.jpg" width="520" height="134" /></p> <h3><a title="gbin1.com" href="/misc/goto?guid=4958319776964403269" target="_blank">6. MvcContrib Grid with jQuery DataTable</a></h3> <p>学习一些重要的mvccontrib和jQuery的辅助组建。 包括验证插件和数据表插件</p> <p><img alt="分享16个javascript&jQuery的MVC教程" src="https://simg.open-open.com/show/85599d3d5b9ef99ba7f1d2c0c04e7576.jpg" width="520" height="134" /></p> <h3><a title="gbin1.com" href="/misc/goto?guid=4958319777756235778" target="_blank">7. jQuery Grid with ASP.NET MVC</a></h3> <p>一个比较常见的web UI开发是提供一个分页的和可排序的数据。因为ASP.NET MVC包括了jQuery，这个教程使用jQuery Grid插件来实现DEMO</p> <p><img alt="分享16个javascript&jQuery的MVC教程" src="https://simg.open-open.com/show/c8b286111d2dfdf636995cac0c935b28.jpg" width="520" height="134" /></p> <h3><a title="gbin1.com" href="/misc/goto?guid=4958319778542246898" target="_blank">8. jQuery Search box and Autocomplete</a></h3> <p>这个简单搜索使用了自动补齐和提示创建了非常漂亮的搜索界面</p> <p><img alt="分享16个javascript&jQuery的MVC教程" src="https://simg.open-open.com/show/8f7825f96e06ce85c8e712e18a247849.jpg" width="520" height="134" /></p> <h3><span style="text-decoration:underline;">JavaScript MVC</span></h3> <h3><a title="gbin1.com" href="/misc/goto?guid=4958319779329797403" target="_blank">9. JavaScript MVC Introduction</a></h3> <p>MVC对于后台来说是一个非常熟悉的词汇，使用类似Struts， Ruby on Rails和CakePHP。我们看看什么MVC，然后看看如何重建一个实例，考虑一些以存在的MVC架构。</p> <p><img alt="分享16个javascript&jQuery的MVC教程" src="https://simg.open-open.com/show/76ce0436059619e99e2c6f389d1791a0.jpg" width="520" height="134" /></p> <h3><a title="gbin1.com" href="/misc/goto?guid=4958319780112465389" target="_blank">10. JavaScript MVC Pattern Overview</a></h3> <p>目的是开发一个简单的JS组件来展现语言的力量。这个组件是一类HTML listbox控制可编辑的项目：用户可以选择项目并且在列表中添加或者移除。组件包括3个类执行MVC设计模式</p> <p><img alt="分享16个javascript&jQuery的MVC教程" src="https://simg.open-open.com/show/1dd54d077d086f05adc2b6b6ee6cf447.jpg" width="520" height="134" /></p> <h3><a title="gbin1.com" href="/misc/goto?guid=4958319780893953003" target="_blank">11. JavaScript MVS Libraries</a></h3> <p>Javascript MVC是一个MIT授权的客户端js工具套件，可以帮助你创建可以维护的，无错误的并且轻量级的应用。包含了最好的类库和工具。支持所有浏览器并且支持jQuery</p> <p><img alt="分享16个javascript&jQuery的MVC教程" src="https://simg.open-open.com/show/cd5688dcc688c024ec99b46372a236a4.jpg" width="520" height="134" /></p> <h3><a title="gbin1.com" href="/misc/goto?guid=4958319781666250254" target="_blank">12. Building JavaScript Web Apps with MVC & Spine.js</a></h3> <p>希望能添加更多结构到代码中的JS开发人员寻找简单的方式来实现MVC架构。使用一个客户端的MVC架构可以对于这样的代码组织非常有帮助，我们今天可以了解一下spine.js，一个最近刚发布的解决方案。</p> <p><img alt="分享16个javascript&jQuery的MVC教程" src="https://simg.open-open.com/show/76ecaf78582350609a66b14243a4292b.jpg" width="520" height="134" /></p> <h3><span style="text-decoration:underline;">Other MVC Resources</span></h3> <h3><a title="gbin1.com" href="/misc/goto?guid=4958319782461864971" target="_blank">13. MVC for Noobs</a></h3> <p>MVC可能是web编程中最常用的模式。我们这里将介绍什么是MVC，为什么它这么受欢迎</p> <p><img alt="分享16个javascript&jQuery的MVC教程" src="https://simg.open-open.com/show/4760b49d1d6b2f44cbfcca9189c7ea1b.jpg" width="520" height="134" /></p> <h3><a title="gbin1.com" href="/misc/goto?guid=4958319783243894395" target="_blank">14. Backbone.js</a></h3> <p>backbone通过提供key-value绑定和自定义事件模型来支持机构化的重量级别的web应用。拥有丰富的API，事件处理视图，并且使用REST JSON方式来联系你已存在的应用</p> <p><img alt="分享16个javascript&jQuery的MVC教程" src="https://simg.open-open.com/show/bea481e1f443c8508eece5d203195750.jpg" width="520" height="134" /></p> <h3><a title="gbin1.com" href="/misc/goto?guid=4958319784029169518" target="_blank">15. AFrameJS</a></h3> <p>因为AFrame想使用插件来实现AOP，往往这些插件都依赖什么时候对象来初始化，推荐使用class创建方式而非'new'操作来执行实例化。</p> <p><img alt="分享16个javascript&jQuery的MVC教程" src="https://simg.open-open.com/show/b2ea5842ecc5b07433b72e800407e0cc.jpg" width="520" height="134" /></p> <h3><a title="gbin1.com" href="/misc/goto?guid=4958319784807616451" target="_blank">16. angularjs</a></h3> <p>非常不错的创建AJAX应用的JS框架。这个架构可以简化测试，维护及其代码。我们将看看如何在AugularJS中使用双向数据绑定来添加jQuery UI自动补齐功能</p> <p><img alt="分享16个javascript&jQuery的MVC教程" src="https://simg.open-open.com/show/52888c867a8d692d7f699b9d9a736aaf.jpg" width="520" height="134" /></p> <p>via <a title="gbin1.com" href="/misc/goto?guid=4958319785591698767" target="_blank">jquery4u</a></p> <p>来源： <a title="gbin1.com" href="/misc/goto?guid=4958199732319342328" target="_blank">分享16个javascript&jQuery的MVC教程</a></p>