dongli1985 (董理)

写了一个用于自动化后台创建的 Gem - Carload

dongli1985 — Fri, 30 Sep 2016 10:23:06 +0800

最近几天写了一个 Rails 后台自动化创建的 gem，名叫Carload（装满货物），它同Rails Admin，ActiveAdmin和Administrate干的是同一件事，你要问我为啥不直接用那仨，我也说不出来，就是享受造轮子。

我尽可能把重复性工作封装起来，比如配置 Dashboard 使用如下简明的 DSL（我喜欢 DSL。。）：

# Dashboard class is used to tell Carload what models are needed to administrated,
# which attributes are shown, etc.

class Dashboard < Carload::Dashboard
  # There are two DSL block types:
  #
  #   model :<model_name> do |spec|
  #     # Whether model should be displayed when URL does not specify one
  #     spec.default = <true_or_false>
  #     # List of attributes that can be edited
  #     spec.attributes.permitted = [...]
  #     # List of attributes that will be shown on index page
  #     spec.index_page.shows.attributes = [...]
  #     # List of attributes with search terms that can be searched on index page (using Ransack gem)
  #     spec.index_page.searches.attributes = [ { name: ..., term: ...}, ... ]
  #   end
  #
  #   associate :<model_name_a> => :<model_name_b>, choose_by: :<attribute_in_model_b>

  model :product do |spec|
    spec.default = true
    spec.attributes.permitted = [ :name ]
    spec.index_page.shows.attributes = [ :name ]
    spec.index_page.searches.attributes = [
      { name: :name, term: :cont }
    ]
  end
  model :item do |spec|
    spec.attributes.permitted = [ :name, :product_id ]
    spec.index_page.shows.attributes = [ :name, 'product.name' ]
    spec.index_page.searches.attributes = [
      { name: :name, term: :cont },
      { name: 'product.name', term: :cont }
    ]
  end
  associate :item => :product, choose_by: :name
end

然后 Carload 就会为你准备如下后台：

并且还会处理错误哦：

搜索用的是 Ransack，切页用的是 Kaminari，权限管理用的是 Pundit，所以一切都要自动化起来！不过如果你对页面不满意，需要定制，也是可以的，直接在app/views/dashboard/<model_names>/目录下创建相应的 erb 文件就行，动作遵循 Rails 规范。

欢迎大家一起来造轮子！演示戳这里。

更新：

在一定假设条件下可以上传图片了：

使用carrierwave
存储图片的属性名称必须是image，logo或img

这些假设可以慢慢放宽，不过目前先 enjoy 这些吧：

TODO List

支持图片上传（使用我之前造的轮子）【完成】
实现多态关系【完成】
支持普通文件上传，主要是使用酷点的外表

写了一个 upload-image gem，欢迎拍砖

dongli1985 — Tue, 30 Aug 2016 14:22:23 +0800

上传、裁剪图片在 Rails 中不是很难实现，但是想要优雅地完成也不是那么一两下就搞的定，因此我将相关代码封装成一个 gem（upload-image），里面使用了carrierwave、mini_magick、cropper.js，最终实现一句 erb 就完成此功能：

<%= upload_image form: f, image_name: :avatar, width: 150, height: 150 %>

其中form就是那个 form 对象，image_name是 model 中对应的图片 column 名称，width和height就是显示的尺寸。

效果图为：

不过有个小问题，这个 gem 里有 js 脚本，现在用的ready事件，在新的 Turbolinks 5 中跳转不好使，需要使用turbolinks:load，但是这样以来对之前的 Rails 应用应该也有影响了。

一键安装 Nginx 和 Passenger

dongli1985 — Fri, 18 Dec 2015 15:03:32 +0800

之前发过一个帖子介绍我正在做的一个支持多个 OS 的包管理器，最近更新了下 Nginx 和 Passenger 的安装，将用到我自己的一个 Rails 项目的部署，因此想提前拿出分享给大家。

首先，安装packman，它是一个类似于 Homebrew 一样的包管理器，用 Ruby 写的，DSL 模仿了 Homebrew，但是所有程序都是从头写的。

然后，安装：

$ packman install nginx -with_passenger=true

再然后就是设置 nginx.conf 了：

http {
  ...

  passenger_root /opt/software/passenger/5.0.22/libexec; # <-- 自动加入
  passenger_ruby /opt/software/ruby/2.2.3/bin/ruby;      # <- 自动加入

  server {
    listen 80; 
    server_name <...>;
    ...
    root <应用根目录>/public;
    passenger_enabled on; 
  }
}

安装好后启动 nginx：

$ packman start nginx

关闭 nginx：

$ packman stop nginx

其它需要的包如 postgresl, redis 的使用类似：

$ packman start postgresl redis

我之所以再写一个包管理器是因为厌倦了不同 OS 上不尽相同的包安装流程，有了 packman 就只用熟悉一套安装流程和控制流程。当然现在有 vagrant，docker，但是在里面还是要安装软件包，总得有先人帮你装好~

在 EmberJS 中嵌套路由的模板没有被渲染

dongli1985 — Sun, 06 Dec 2015 10:33:37 +0800

不好意思，我又来问 EmberJS 的问题了~ 实在是时间紧，任务重，文档也到处搜了。我在学习如何设计页面的结构布局，目前涉及到：

application
|_ home-page
|_ normal-page
  |_ users#index # 问题：没有被渲染
  |_ users#show  # 问题：同上

app/router.js：

Router.map(function() {
  this.route('normal-page', { path: '' }, function() { // 根据https://gist.github.com/alanpeabody/1c2c23293e3d02b1cee1#the-empty-main-route的建议
    this.route('users', function() {
      this.route('show', { path: ':user_id' });
    });
  });
  this.route('home-page', { path: '/' });
});

app/templates/normal-page.hbs：

<h1>app/templates/normal-page.hbs</h1>
{{outlet}}

app/templates/users.hbs：

<h1>app/templates/users.hbs</h1>
{{outlet}}

app/templates/users/index.hbs：

<h1>app/templates/users/index.hbs</h1>

<ul>
  {{#each model as |user|}}
    <li>{{user.name}}</li>
  {{/each}}
</ul>

问题是访问/users后，只显示如下：

如果不做normal-page的嵌套则可以：

如何传给 Ember 组件数组参数

dongli1985 — Sat, 05 Dec 2015 20:17:51 +0800

刚开始接触 Ember，甚至是 JS，因此问的问题可能比较白，请见谅~ 我在 Ember 应用中创建了一个nav-bar组件，需要在调用时传入菜单条目，我目前是这样设计的：

{{nav-bar
  navItems=[
    { name: '主要特性', link: '#' },
    { name: '关于我们', link: '#' }
  ]
  subnavItems=[
    { name: '合作条款', link: '#' },
    { name: '联系我们', link: '#' }
  ]}}

但是这俩参数在 hbs 文件中确是undefined。请问正确的做法是什么呢？

更新

根据@aidewoode的回答，不能直接传递 JS 对象（就是数组）到 Ember 的组件中，只能传递字符串，因此我目前的做法是：

{{nav-bar
  navItems='[{ "name": "主要特性", "link": "#" }, { "name": "关于我们", "link": "#" }]'
  subnavItems='[{ "name": "使用条款", "link": "#" }, { "name": "联系我们", "link": "#" }]'}}

然后修改app/components/nav-bar.js：

import Ember from 'ember';

export default Ember.Component.extend({
  navItems: [],
  subnavItems: [],
  onInitialization: function() {                                // 
    this.set('navItems', JSON.parse(this.navItems));            //  增加的内容
    this.set('subnavItems', JSON.parse(this.subnavItems));      //
  }.on('init')                                                  //
});

最后在app/templates/components/nav-bar.hbs中使用navItems和subnavItems：

...
  <div class="collapse navbar-collapse">
    <!-- 右侧菜单 -->
    <ul class="nav pull-right">
      {{#each navItems as |item|}}
        <li><a href="{{item.link}}">{{item.name}}</a></li>
      {{/each}}
    </ul>
    <!-- 底部菜单 -->
    <ul class="subnav">
      {{#each subnavItems as |item|}}
        <li><a href="{{item.link}}">{{item.name}}</a></li>
      {{/each}}
    </ul>
  </div>
...

欢迎给出更好的解决方法！

Ember 中的 model 如何和 Rails 中的保持一致

dongli1985 — Fri, 04 Dec 2015 10:50:41 +0800

自己有一个平台项目，做了几个月的 Rails，基本实现了架子，但是后续想要增加交互功能，越写 jquery 越头大，没有章法可言，因此想尝试换用 EmberJS。不过 EmberJS 是一个 MVC 框架，里面也有自己的 model，那么它如何和后端 Rails 保持一致呢？不会要手动修改吧？刚刚接触 EmberJS，看了一些资料，但是还未掌握精髓。

Jasny Bootstrap fileinput 的前端验证

dongli1985 — Tue, 17 Nov 2015 15:49:43 +0800

我采用了 Jasny Bootstrap 的Fileinput上传文件的表单（为了好的用户体验，remote: true 哦，另外我尚未采用高端的前端框架），我需要完成用户上传文件的前端验证。目前后端传来的错误提示已经摆到正确的地方（如下图所示），但是当我点击改变，并选择其它文件后，文件显示栏中的soi.pdf并没有被替换为新的文件名称，但是实际文件已经被替换。

我写的显示错误的 JS 函数为：

@showValidationError = (inputName, errorMessage) ->
  $("label[for=#{inputName}]").attr('style', 'color: #AA3F44;')
  if $("input##{inputName}").length == 1
    input = $("input##{inputName}")
  else if $("div.#{inputName}").length == 1
    input = $("div.#{inputName}")
  input
    .attr('style', 'border-color: #AA3F44;')
    .after("""
      <p style='color: #AA3F44; margin-top: 5px;' id='#{inputName}-error-message'>
        #{errorMessage}
      </p>
    """)
  # 当用户开始编辑时，去除错误显示。
  input.bind 'click keypress', ->
    $("label[for=#{inputName}]").attr('style', 'color: #333333;')
    $(this).attr('style', 'border-color: #CCCCCC;')
    $("##{inputName}-error-message").remove()

请问怎么解决呢？或者有其它更好的方式吗？我看过client_side_validations-simple_form，但是它依赖的 simple_form 还停留在很旧的版本。十分感谢！

使用 Ruby 编写了另一个 damned 包管理器

dongli1985 — Thu, 12 Nov 2015 14:24:21 +0800

我从去年 8 月份开始，利用业余时间（好吧，其实也占用了工作时间）开发了一个类似 Homebrew 的跨平台（支持 Mac，Linux，Cygwin）的包管理器，也是用 Ruby 写的。为啥要再写一个 damned 包管理器呢？实在是因为本专业（科学计算范畴）对编译器的要求比较多，常常需要用 Intel 或者 PGI 编译器，而一般的包管理器都是默认 GNU 的，而且软件包的版本也是落后不少，导致在一台服务器上经常要手动编译一个软件包，由于有依赖关系，往往还要装一堆烦人的依赖包，如果加上服务器不能够联网，那么就更加不能愉快地玩耍了。

于是乎，我开始考虑使用 Homebrew，但是这货是生为 Mac 人，死为 Mac 鬼，压根没考虑过 Linux 的感受（虽然有个 Linuxbrew 衍生，但是基本很难用），因此我寻思着用 Ruby 也很多年了，干嘛不实践一把，不就是要用点元编程嘛？我开始翻看 Homebrew 的源程序，看看也没啥特别的，主要是设计 Formula 的 DSL 这块是我没有用过的，学习了一下（好吧，依葫芦画瓢），也整起来~ 最终造了一个名为 PACKMAN（PACMAN 被占用）的包管理器，项目地址是https://github.com/dongli/packman。

下面是一个包安装流程的例子：

class Redis < PACKMAN::Package
  url 'http://download.redis.io/releases/redis-3.0.3.tar.gz'
  sha1 '0e2d7707327986ae652df717059354b358b83358'
  version '3.0.3'

  label :compiler_insensitive

  option :use_jemalloc => false
  option :config_file => :string # Default: .../etc/redis.conf

  def install
    args = %W[ 
      PREFIX=#{prefix}
      CC=#{PACKMAN.compiler(:c).command}
    ]
    args << 'MALLOC=jemalloc' if use_jemalloc?
    PACKMAN.run 'make install', *args
    %w[run db/redis log].each { |p| PACKMAN.mkdir var+'/'+p }
    PACKMAN.replace 'redis.conf', {
      '/var/run/redis.pid' => var + '/run/redis.pid',
      'dir ./' => 'dir ' + var + '/db/redis/',
      '# bind 127.0.0.1' => 'bind 127.0.0.1',
      'daemonize no' => 'daemonize yes'
    }   
    PACKMAN.mkdir etc 
    PACKMAN.cp 'redis.conf', etc 
    PACKMAN.cp 'sentinel.conf', etc+'/redis-sentinel.conf'
  end 

  def start options = {}
    config_file = [config_file, options[:config_file], "#{etc}/redis.conf"].find { |x| x } 
    PACKMAN.run "#{bin}/redis-server #{config_file}"
  end 

  def status
    PACKMAN.run "#{bin}/redis-cli info", :skip_error
    $?.success? ? :on : :off
  end 

  def stop
    return 'already off' if status == :off
    PACKMAN.run "#{bin}/redis-cli shutdown"
  end 
end

现在 PACKMAN 已经被我们专业的很多同志用了起来，大大减少装软件的痛苦。不过由于周围的人都不是做 IT 的，基本没有 PR 的能力，而且我深知开源软件如果得不到社区的扶植就是等死，所以呢，我还是想回归 Ruby 社区，希望能够得到大家的支持（主要是 PR~）。

虽然 PACKMAN 起初主要考虑科学计算这块，但是也可以快速安装 Ruby，Postgresql，Redis，Nginx 之类的做网站必须的软件（本人最近也在做个相关的创业工作），而且提供统一的管理接口，比如：

$ packman start postgresql
$ packman start redis

供具有洁癖的同志们使用。欢迎大家来拍砖！

如何在 Engine 中使用主应用的 Concern 路由呢？[半解决]

dongli1985 — Sun, 06 Sep 2015 14:15:40 +0800

我在主应用中有如下路由：

concern :collectable do
  get '/collect' => 'collections#collect', as: :collect
  get '/uncollect' => 'collections#uncollect', as: :uncollect
end
...
resources :articles, concerns: :collectable

我在 engine 中有如下路由：

resources :experiments

我希望给experiments也加上collectable。如果直接加上concerns: :collectable显然无法认，我就把上面的concern :collectable do ... end拷贝到 engine 中，结果 Rails 去找我 engine 下的CollectionsController，但是又显然不存在。那如何优雅地解决这个问题呢？让程序更加 DRY 一些。

更新

自己采用了比较 ugly 的解决方法，还是拷贝concer :collectable do ... end到 engine，针对找不到<engine>::CollectionsController的错误，我在 engine 的 routes.rb 里添加如下一行：

<engine>::CollectionsController = CollectionsController

就没有问题，虽然不太 DRY，但是管用。如果你有任何建议欢迎提出。

MessageBus 如何避免重复 subscribe？

dongli1985 — Sat, 05 Sep 2015 23:19:59 +0800

在使用中发现存在重复subscribe某频道的情况，如刷新当前页。我的 CoffeeScript 脚本如下：

$(document).on 'page:change', ->
  if /\/users\/\d+/.test(location)
    $('[id|=message-bus-collection]').each ->
      if not typeIsArray window.collection_channels
        window.collection_channels = []
      channel = $(this).attr('id').replace('message-bus-collection-', '/')
      window.collection_channels.push channel
      MessageBus.subscribe channel, (data) ->
        alert "check"              # <------------------ 这个alert显示该回调函数被重复调用。
        $("i##{data.collectable_type}-#{data.collectable_id}").show()
  else if typeIsArray window.collection_channels
    MessageBus.unsubscribe channel for channel in window.collection_channels

我觉得应该是检查当前的 client 是否已经订阅，但是不知道怎么做。MessageBus 的文档惜字如金，源程序暂时看不大明白，请教有经验的朋友，十分感谢！

如何优雅地使用 Rails Engine？

dongli1985 — Thu, 13 Aug 2015 15:46:27 +0800

我希望将我的应用分为多个模块。目前包括一个基础模块（也是主模块），里面包含用户管理（使用 Devise）、机构管理、博客和评论系统等，还将有一个扩展模块，包括领域特定服务。我希望让使用者（身为管理员）可以选择添加扩展模块，添加后网站上自动加载扩展模块，有相应的数据库模型，视图，控制器等等。目前遇到的问题是在扩展模块中也需要使用到用户信息、机构信息，甚至评论系统。不知道该如何优雅地实现各个功能间的解耦合。

acts_as_taggable_on + simple_form + select2 只有最后一个标签被保存 [已解决]

dongli1985 — Tue, 11 Aug 2015 22:01:18 +0800

我使用acts_as_taggable_on做标签，和simple_form+select2做标签的输入。表单的代码片段为：

<%=
  f.input :category_list,
  label: false,
  collection: @article.categories.map { |t| t.name }
%>

select2调用如下：

$('#article_category_list').select2
  tags: true
  multiple: true

在输入时显示有两个标签：当保存按钮被点击时，打印select元素的值：保存后却只显示最后一个标签：

请问该如何解决呢？

更新 1：忘记贴相关日志了：

Started PATCH "/users/1/articles/1" for 127.0.0.1 at 2015-08-11 22:55:17 +0800
Processing by ArticlesController#update as HTML
  Parameters: {"utf8"=>"✓", "authenticity_token"=>"BlU5N1JObvkG6dhL0r98p1ejms0CmdifwFF9FZYuO5/bvsCNNTonhhldhFro94kKqn0KleOjN3VqB9kvWF20pg==", "article"=>{"user_id"=>"1", "title"=>"云滴谱的数值求解", "category_list"=>"第二个标签", "privacy"=>"0", "group_ids"=>[""], "content"=>"\\\\[ \\frac{\\partial n}{\\partial t} = - \\frac{\\partial}{\\partial r} \\frac{d r}{d t} n \\\\]"}, "commit"=>"修改", "user_id"=>"1", "id"=>"1"}

可见category_list中只有第二个标签。

更新 2：我将表单输入改为如下形式有效果：

<%=
  f.text_field :category_list,
  label: false
%>

Started PATCH "/users/1/articles/1" for 127.0.0.1 at 2015-08-12 08:01:01 +0800
Processing by ArticlesController#update as HTML
  Parameters: {"utf8"=>"✓", "authenticity_token"=>"RCYsujn6X6taCRUqJLUUUITQOY1HmrJ9DVyz6HtylUA7GFwD/XoHU1MSuDiNrLDO8u+TjooSssmqy3GFuvKdOQ==", "article"=>{"user_id"=>"1", "title"=>"云滴谱的数值求解", "category_list"=>"第二个标记,第三个标记", "privacy"=>"0", "group_ids"=>[""], "content"=>"\\\\[ \\frac{\\partial n}{\\partial t} = - \\frac{\\partial}{\\partial r} \\frac{d r}{d t} n \\\\]"}, "commit"=>"修改", "user_id"=>"1", "id"=>"1"}

但是表单输入没有select2那样的分块：最接近的一个例子在这里，但是该方法似乎不管用了。

更新 3（最终版）：

经过折腾（debugger），终于大概搞清楚问题所在。首先说在更新 2 中，使用了text_field，此时从表单传回的category_list是一个字符串，所以在强参数处无需说明category_list是一个数组，方法有效，但是输入时没有select2那种分块的好看，因此废弃。在最开始的方法中，使用了select元素，传回的是数组，因此需要说明category_list是一个数组：

params.require(:article).permit(..., { category_list: [] }, ...)

其次还需要在表单中显式支持multiple: 'multiple'（正如@_kaichen支持的，但是写multiple: true无效）：

<%=
  f.input :category_list,
  label: false,
  collection: @article.categories.map { |t| t.name },
  include_blank: false,
  input_html: {
    multiple: 'multiple'     # <---------- 这个一定要加
  }
%>

否则就只会传回最后一个标签了。问题最终看来很简单，但是对于新手一开始还是有点摸不着头脑。

非常感谢各位的帮助！

如何使用 Select2 远程 POST 请求 (带参数)？[已解决]

dongli1985 — Wed, 05 Aug 2015 11:15:52 +0800

我需要让用户选择一个群组，但是只能选择他所在的群组。这应该需要向后端请求数据，我做了一个 API，传入一个用户的 ID，就返回他所在的群组，比如：

$ curl -d '{"user_id": "1"}' http://localhost:3000/api/v1/groups/for_user -H Content-Type:application/json 
[[1, "测试团队"]]

之前使用Select2做了返回所有群组的程序如下：

$('select[id=input-group-name]').select2(
  ajax:
    url: ROOT_PATH+'api/v1/groups/names'
    dataType: 'json'
    delay: 250
    processResults: (data) ->
      {
        results: $.map( data, (d, i) ->
          { id: d[0], text: d[1] }
        )
      }
    results: (data, page) ->
      results: data
)

上面使用的是GET请求，现在需要使用POST请求，并传入user_id参数，目前的程序是：

$('select[id=input-group-name-for-user]').select2(
  ajax:
    type: 'POST' // <----------------------------------- 将请求改为POST
    url: ROOT_PATH+'api/v1/groups/for_user'
    params: {
      contentType: 'application/json; charset=utf-8'
    }
    dataType: 'json'
    data: // <------------------------------------------ 是在这里传入user_id吗？
    delay: 250
    processResults: (data) ->
      {
        results: $.map( data, (d, i) ->
          { id: d[0], text: d[1] }
        )
      }
    results: (data, page) ->
      results: data
)

请问该如何传递参数user_id呢？

PS：Select2的设计和文档真心看得头大，完全靠摸索。

EDIT-1: 我尝试了如下暴力方式：

data: ->
  user_id: 1

但是尝试如下优雅方式时却不行：

data: ->
  user_id: $(this).attr('user_id')

解决方法：

在select元素上添加data-user-id属性：

<%=
  f.association :groups,
  label: t('research_record.public_groups'),
  required: true,
  label_method: :name,
  value_method: :id,
  collection: @research_record.groups,
  input_html: {
    id: 'input-group-name-for-user',
    data: { user_id: current_user.id } # <------------------------- 这里添加data-user-id属性
  }
%>

然后优雅地传递参数：

data: ->
  user_id: $('select[id=input-group-name-for-user]').data('user-id')

Ruby 与 zlib 库的冲突问题

dongli1985 — Tue, 10 Feb 2015 15:18:34 +0800

我安装了一个ZLIB，并设置了LD_LIBRARY_PATH：

export LD_LIBRARY_PATH=/opt/soft/zlib/1.2.8/2/lib:$LD_LIBRARY_PATH

然后再运行我的一个Ruby程序就遇到了如下错误：

/opt/soft/packman/ruby/lib/ruby/2.1.0/digest.rb:12:in `const_missing': library not found for class Digest::SHA1 -- digest/sha1 (LoadError)

如果把LD_LIBRARY_PATH清空，则不会遇到这个错误。请问这是什么原因导致的呢？

诡异的 uninitialized constant 错误

dongli1985 — Fri, 09 Jan 2015 15:49:57 +0800

我有个程序在很多台电脑上都运行没有问题，但是在一个Ubuntu 11.10，Ruby 2.1.3p242 (2014-09-19 revision 47630) [x86_64-linux]环境下运行时出现：

/tp914/zy/packman/packages/wrf_wps.rb:33:in `install': uninitialized constant Wrf_wps::Jasper (NameError)

下面是问题脚本的片段：

class Wrf_wps < PACKMAN::Package
  url 'http://www2.mmm.ucar.edu/wrf/src/WPSV3.6.1.TAR.gz'
  sha1 'f6ef8b25593d4d5711e7d6853db4965e60969b88'
  version '3.6.1'
  ...
  def install
    PACKMAN.append_env "NETCDF='#{PACKMAN.prefix Netcdf}'", :ignore
    includes = []
    libs = []
    includes << "#{PACKMAN.prefix Jasper}/include" # 出问题的地方
    ...
  end
  ...
end

问题是：为什么 Ruby 会悄悄给 Jasper 前面加上一个前缀Wrf_wps::呢？

关于表达式解析问题

dongli1985 — Sun, 16 Jun 2013 23:13:10 +0800

大家好！我正在开发一个用于 Fortran 程序的编程工具，需要对 Fortran 进行解析。之前用了 Treetop，但是它的文档很稀少，而且很完全掌握，因此我想换用 Parslet，已经写了一些解析规则，放在了（https://gist.github.com/dongli/5791976）。

在解析表达式的时候遇到了一点问题，错误可以通过 gist 里的 rspec 脚步看到。希望对文本解析熟悉的同志帮帮忙。多谢！