码迷,mamicode.com
首页 > Web开发 > 详细

使用RequireJs和Bootstrap模态框实现表单提交

时间:2015-09-26 18:27:22      阅读:475      评论:0      收藏:0      [点我收藏+]

标签:

笔者大学所学专业为地理信息系统(gis),对于一个giser而言,学的第一个前端框架不是烂大街的jquery,而是dojo。由于这样机缘巧合,我对requirejs有着很自然的好感(和dojo同为AMD加载,貌似是一个作者)。下面我将使用requirejs结合模态框实现三五行代码部署表单提交操作。

传统开发思路如下:

技术分享

缺点:所有代码写在一个html中,难以阅读,难以维护,难以复用!没有艺术感!!!(对不起,有点小激动。。。)

使用requirejs开发思路如下(且看笔者如何解耦模块化代码):

技术分享

 缺点:编写过程较为复杂

优点:代码解耦,便于复用。什么时候你想复用,只需require你编写好的js模块,即可!里面的bootstrap,jquery,模态框等等所有东西都会加载好(因为你在定义的时候,已经写好依赖关系了)

举个例子:我们项目中关于项目授权的使用至少存在三个页面,编写好这样一个js模块,可以很轻易的在那三个页面上复用。如果使用传统办法,估计要复制粘贴大量的html和js。

看一下代码运行效果吧:

技术分享

源代码地址:

https://github.com/lewis617/myflask/tree/master/requirejsModal

使用RequireJs和Bootstrap模态框实现表单提交

标签:

原文地址:http://www.cnblogs.com/lewis617/p/4841044.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!