rails网站开发所使用的插件收集---web开发工具集-优快云博客

本文链接：https://blog.youkuaiyun.com/hexudong08/article/details/7091527

本文深入探讨了从前端到后端的Web开发过程中所使用的各种工具和技术，包括表单验证、消息提示、lightbox弹出层、jQuery插件、Masonry布局、Banner图片轮换等。此外，还涵盖了Rails框架下的测试、分页、队列处理等关键功能。文章旨在为开发者提供全面的技术解决方案，以提升Web应用的开发效率和用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jquery

http://malsup.com/jquery/cycle/
http://www.serie3.info/s3slider/demonstration.html
http://tympanus.net/Tutorials/PhotoStack/
https://github.com/danielstocks/jQuery-Placeholder 实现了placeholder的属性

http://bassistance.de/jquery-plugins/jquery-plugin-validation/ jquery的表单验证插件
如何增加新的验证方法
jQuery.validator.addMethod( "usernameCheck", function (value, element){
return this.optional(element) || /^([\u4e00-\u9fa5]{2,15})$|^(\w{3,30})$/.test(value);
},"只能包括中文字、英文字母、数字和下划线");
使用就是 usernameCheck: true 即可
可以参考：http://blog.youkuaiyun.com/lxrj2008/article/details/6231369
我写的可以参考的代码

//add methods
  jQuery.validator.addMethod( "usernameCheck", function (value, element){
    return  this.optional(element) || /^([\u4e00-\u9fa5]{2,15})$|^(\w{3,30})$/.test(value);
  },"只能包括中文字、英文字母、数字和下划线");


  $("form").validate({
     rules : {
         "user[password]":{
             required: true,
             minlength: 6
         },
         "user[username]":{
             required: true,
             minlength: 1,
             usernameCheck: true,
         },
         "user[email]":{
             required: true,
         },
         "user[password_confirmation]":{
             required: true,
             minlength: 6,
             equalTo: "#user_password"
         },
         terms: "required"
     },
     messages:{
         terms: "必须同意条款才可注册"
     },
     errorPlacement: function(error, element) {
       error.insertAfter(element);
     },
     success: function(label) {
         label.html(" ").addClass("checked");
         label.next().hide();
     },
     onkeyup: function(element){
       console.log("onkeyup -------------");
     },
     onfocusin: function(element){

     },
     onfocusout: function(element){
        this.element(element);
     },
 });

http://www.erichynds.com/jquery/a-jquery-ui-growl-ubuntu-notification-widget/ 消息提示插件

http://leandrovieira.com/projects/jquery/lightbox lightbox弹出层
http://fancyapps.com/fancybox/ 弹出层，特别漂亮

masonry:jquery 图片浮动式布局所需要的插件
http://masonry.desandro.com/

banner图片轮换，用于首页大图展示
http://www.woothemes.com/flexslider/

页面切换的jquery 插件，非常强大
http://pagescroller.com/

rails
query_reviewer   测试mysql执行效率的插件
apple_push_notification   给apple-push消息的插件
rufus-mnemo   生成容易记忆的随即串(日语)
devise 用户登录与注册插件
crack   json/xml解析插件
will_paginate 分页插件
acts_as_commentable 评论的插件
delayed_job   队列，延时处理事情

url：https://github.com/collectiveidea/delayed_job/tree/v2.0

script/plugin install git://github.com/collectiveidea/delayed_job.git -r v2.0
script/generate delayed_job
rake db:migrate

used:
Notifier.delay.deliver_signup @user
or...
handle_asynchronously :deliver

mobile-fu 手机客户端的专业视频
acts_as_nested_set   级联model关系
acts_as_tree 树状model关系
cancan 权限管理

hxdcaptcha 验证码
   如何生成省略图   rake captcha:generate COUNT=50 FILE_FORMAT=gif
   最好生成gif，不要生成png，png在ie6下的透明挺麻烦的
hxdcoreext 我开发使用的一些核心的功能
diaodu_api   视频聊天插件

faye push服务器插件（easy-use）
juggernaut push服务器插件(difficult)
haml html代替语言，更优雅 http://haml-lang.com/
css优化 http://compass-style.org/
paperclip 文件上传
CarrierWave 也是文件上传的插件
数据库查询的插件，能组建复杂的查询   http://erniemiller.org/projects/metawhere/