以前在别的论坛，或网站。上传头像时。总是不是很好，有的直接缩略，有的。从中间剪切。

在线剪切可以给用户更好的体验。呵

今天就用jsCropperUI-1.2.0

加上rmagick 做一个简单的在线头像剪切。。效果还可以如图。前端页面用jsCropperUi 给的例子很好做出

后台代码也就几行而己

     begin
            img = Magick::Image::read(tmpfile).first
            unless width == 0 or height == 0
                img.crop!(x1,y1,width,height)
            end
            img.thumbnail!(120, 150)
            img.write(outfile){ self.quality = 95; self.density = 92; }
        rescue Exception => err
            @upload_image_error = 'Could not process your image file.  Pleasetry again.' + err
            puts "****************#{@upload_image_error}*********************"
        end

tmpfile 为上传来的原始文件。

outfile 为要输出的地址

quality , density 为质量和精细度

很简单的就可以完成了

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师

转眼毕业两年了，来到北京两年了。还差几天

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师

可视化的rails log分析工具，在网上找了一些都是很老的版本。我的air 都不能运行他们。这里上传一个新的版本

在手机上运行 ruby 呵

http://andryshuzain.com/journal/ruby-on-windows-mobile-5

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师

http://missingmethod.brunobornsztein.com/projects/community_engine/

Community Engine是一个免费，开放源始码的 Ruby On Rails社会化网络插件。下载并进行应用程序安装，你就能马上拥有一个自己的社会化网络．

Community Engine特点的主要包括：

• 认证（注册，登录）
• 用户配置文件
• 用户搜索
• 博客可使用标记，分类和丰富的文本编辑
• 照片上传和标记
• 可视化书签
• 评论和意见可通过电子邮件通知（博客，个人资料，照片，书签都可评论）
• 论坛
• 友好和灵活的RSS订阅
• 书签和博客文章的收藏功能
• 以及更多！

介绍

http://www.railslodge.com/plugins/1020-community-engine

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师

小巧精致。

下下来看看效果。学习一下

theme

http://typosphere.org/

下载后想要试一下。可是没有sqlite3 从这里下载

http://www.sqlite.org/download.html

把sqlite3.exe  和sqlite3.dll 放到 ruby/bin下面

当然可以直接在config/database.yml 里改成mysql的也没问题，

安装 theme 也很简单。。去官司方网站下载后。放到theme 文件夹就可以了。

还要注意一点。就是。我现在用rails 1.2.3 运行的 type 4.1。很老了。。所以现在从官网上下载的theme 都是比较新的。

后缀名。改为.erb了。。所以你要手动改成 rhtml要不会出现找不到页面的情况。。如果是2.0不会出现错误

• 搜狐网站诚聘Java、PHP和C++工程师
• 北京: 千橡集团暨校内网诚聘软件研发工程师

用netbeans 开发rails 有一年时间了。受禁了折磨。。慢。真是慢啊。现在有

e-texteditor 幸福的感觉。

e-texteditor 结合cygwin 完成controller 到model,view..的导航。。也是当初我喜欢netbeans的原因。呵

在安装e-texteditor时。就会提示是否安装cygwin 没安装可以直接点击安装。不过安装后。还是有问题。

no such file to load -- ubygems (LoadError)

解决方法：

export RUBYOPT=

或 unset RUBYOPT

当然下次运行，还要设置一下。不知道如何永久设置这个值。

补充：

原来rubyopt这个变量就在系统的环境变量里。删除就可以了

• 搜狐网站诚聘Java、PHP和C++工程师
• 北京: 千橡集团暨校内网诚聘软件研发工程师

今天想安装一下beast看看.毕竟用rails 这么久了.

本来以为很简单的.但还是出错.记录一下,beast 里面写的rails版本为

# RAILS_GEM_VERSION = '1.1.2' unless defined? RAILS_GEM_VERSION

我现在要在2.0上运行．肯定要改很多东西．接下来我们看看都要改哪些可以运行起来，当然

要彻底的运行在2.0上要改的地方很多．慢慢来吧．大家也可以看看升级到2.0里面有哪些改动．

错误:

1. rake aborted!   
2. undefined method `template_root=' for LoggedExceptionsController:Class   

解决方法.

把plugin exception_logger 删除重装

http://svn.techno-weenie.net/projects/plugins/exception_logger/

这样可以rake db:migrate

错误：

但运行还是提示缺少acts_as_list

这是因为2.0移除了以前内置的东西．没关系．装一下这个plugin就可以了

解决：

ruby script/plugin install acts_as_list

错误：

接下来又出现错误

undefined local variable or method `all_search_posts_path' for #<ActionView::Base:0x2c8899c>

这也是2.0没有了这个方法

解决：

把原文件app/views/layouts/application.rhtml   24行

      <% form_tag all_search_posts_path, :method => 'get' do -%>
        <%= text_field_tag :q, params[:q], :size => 15, :id => :search_box %>
      <% end -%>

替换为

      <form action="/posts;search" method="get">   
        <%= text_field_tag :q, params[:q], :size => 15, :id => :search_box %>
      </form>

也就是不用rails help 方法

到此所有的问题都解决了．．再刷新一下页面．beast 的页面出现了：）

但是不要高兴的太早，当点击users 又会出现错误了

错误：

undefined method `paginate' for #<UsersController:0x499042c>

这很好理解了．rails2.0 去掉了内置的paginate 做为plugin 提供，现在可以看到beast 的首页了．如果要运行在2.0上．要把paginate 修改一下．

• 搜狐网站诚聘Java、PHP和C++工程师
• 北京: 千橡集团暨校内网诚聘软件研发工程师

家乐福，咋就成了。敏感词了。呵

不过。你真想搜。。给你一个地址

http://66.249.89.99/search?hl=zh-CN&q=%E5%AE%B6%E4%B9%90%E7%A6%8F&lr

google 的搜索

• 搜狐网站诚聘Java、PHP和C++工程师
• 北京: 千橡集团暨校内网诚聘软件研发工程师

<li id="my_list_b">two<div id="my_friend_2" style="display:<%if @user.position[3]=="1"%>block<%else%>none<%end%>"></li>

核心就用到了

sortable_element(element_id, options = {}) 
Makes the element with the DOM ID specified by element_id sortable by drag-and-drop and make an Ajax call whenever the sort order has changed. By default, the action called gets the serialized sortable element as parameters. 

Example: 

  <%= sortable_element("my_list", :url => { :action => "order" }) %>

In the example, the action gets a "my_list" array parameter containing the values of the ids of elements the sortable consists of, in the current order. 

Important: For this to work, the sortable elements must have id attributes in the form "string_identifier". For example, "item_1". Only the identifier part of the id attribute will be serialized. 

Additional options are: 

:format: A regular expression to determine what to send as the serialized id to the server (the default is /^[^_]*_(.*)$/).  
:constraint: Whether to constrain the dragging to either :horizontal or :vertical (or false to make it unconstrained).  
:overlap: Calculate the item overlap in the :horizontal or :vertical direction.  
:tag: Which children of the container element to treat as sortable (default is li).  
:containment: Takes an element or array of elements to treat as potential drop targets (defaults to the original target element).  
:only: A CSS class name or arry of class names used to filter out child elements as candidates.  
:scroll: Determines whether to scroll the list during drag operationsif the list runs past the visual border.  
:tree: Determines whether to treat nested lists as part of the main sortable list. This means that you can create multi- layer lists, and not only sort items at the same level, but drag and sort items between levels.  
:hoverclass: If set, the Droppable will have this additional CSS class when an accepted Draggable is hovered over it.  
:handle: Sets whether the element should only be draggable by an embedded handle. The value may be a string referencing a CSS class value (as of script.aculo.us V1.5). The first child/grandchild/etc. element found within the element that has this CSS class value will be used as the handle.  
:ghosting: Clones the element and drags the clone, leaving the original in place until the clone is dropped (defaut is false).  
:dropOnEmpty: If set to true, the Sortable container will be made into a Droppable, that can receive a Draggable (as according to the containment rules) as a child element when there are no more elements inside (defaut is false).  
:onChange: Called whenever the sort order changes while dragging. When dragging from one Sortable to another, the callback is called once on each Sortable. Gets the affected element as its parameter.  
:onUpdate: Called when the drag ends and the Sortable‘s order is changed in any way. When dragging from one Sortable to another, the callback is called once on each Sortable. Gets the container as its parameter.  

页面端。把各个显示的部分存成partials
_my_a.rhtml

<li id="my_list_a">one<div id="my_friend_1" style="display:<%if @user.position[2]=="1"%>block<%else%>none<%end%>"></li>

_my_b.rhtml

这样，在拖拽完成后，可以向action=>order 提交。一个字段为 my_list 的参数["a","b"]

保存位置:action

Table.position = params[:my_list]

思路就是保存在表中的数据position 字段中根据数组的 index显示位置 把各个部分写成partial

显示的action

@order = Table.find(id).position

页面端

<%= render :partial => "partials/my_#{@order[0]}", :locals=>{:u => @user}%>
<%= render :partial => "partials/my_#{@order[1]}", :locals=>{:u => @user}%>

这样就完成的排序的功能。现在我们要加上各个块的状态保存

页面端改变块的状态

function my_shrink(obj,p)
{
 shrink_div = obj.id + "_1"
 if(document.getElementById(shrink_div).style.display=="block")
 {
  document.getElementById(shrink_div).style.display="none";
  obj.src = "/展开.gif";
               new Ajax.Updater('tmp_div', '/position/shrink/0?p='+p, {asynchronous:true, evalScripts:true});
 }else
 {
  document.getElementById(shrink_div).style.display="block"
  obj.src = "/收起.gif"  
               new Ajax.Updater('tmp_div', '/position/shrink/1?p='+p, {asynchronous:true, evalScripts:true});
 }
}

这是点击状态改变按钮触发的事件，把位置的状态保存

:action

Table.position.index[:params[:P]] = params[:id]

这样就保存的状态。

positon 字段存储为

['a','b','1','1']

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师

• 搜狐网站诚聘Java、PHP和C++工程师
• 北京: 千橡集团暨校内网诚聘软件研发工程师

• 搜狐网站诚聘Java、PHP和C++工程师
• 北京: 千橡集团暨校内网诚聘软件研发工程师