生产状态 js 和 css 不能正常加载

jing — Sat, 22 Aug 2015 08:45:09 +0800

我已经改完 production.rb, application.rb，清理 assets，生产状态 precomplie。可是 js，css 还是没有显示出来。不知道为什么

/config/production.rb

config.cache_classes = true
config.eager_load = true

# Full error reports are disabled and caching is turned on.
config.consider_all_requests_local       = false
config.action_controller.perform_caching = true

config.serve_static_files = ENV['RAILS_SERVE_STATIC_FILES'].present?
#config.serve_static_files = true
# Compress JavaScripts and CSS.
config.assets.js_compressor = :uglifier
config.assets.css_compressor = :sass

# Do not fallback to assets pipeline if a precompiled asset is missed.
config.assets.compile = true

# Asset digests allow you to set far-future HTTP expiration dates on all assets,
# yet still be able to expire them through the digest params.
config.assets.digest = true

# `config.assets.precompile` and `config.assets.version` have moved to config/initializers/assets.rb

# Use the lowest log level to ensure availability of diagnostic information
# when problems arise.
config.log_level = :debug

# Send deprecation notices to registered listeners.
config.active_support.deprecation = :notify

# Use default logging formatter so that PID and timestamp are not suppressed.
config.log_formatter = ::Logger::Formatter.new

# Do not dump schema after migrations.
config.active_record.dump_schema_after_migration = false

/config/application.rb

config.assets.enabled = true
 config.assets.prefix = "/assets"
 config.active_record.raise_in_transactional_callbacks = true

/initializers/assets.rb

Rails.application.config.assets.precompile += %w( jquery.flexslider.js shCore.js imagesloaded.min.js isotope.js modernizr.custom.js prettify.js toucheffects.js XRegExp.js wow.min.js font-awesome.min.css）

/app/view/application.html.erb

   <!DOCTYPE html>
<html>
<head>
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="keywords" content="">
  <meta name="description" content="">
  <link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
  <script type="text/javascript" href="https://maps.googleapis.com/maps/api/js?sensor=true"></script>
  <script type="text/javascript" href="https://maps.gstatic.com/maps-api-v3/api/js/21/9a/intl/zh_cn/main.js"></script>

  <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
  <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>

  <%= csrf_meta_tags %>
</head>
<body class="home">
<%= render 'layouts/nav' %>
<div class="site-main">
  <%= yield %>
</div>
<%= render 'layouts/footer' %>
</body>
</html>

这个页面里加载一个 google 地图的 js 不知道为什么也不能用了。 Gem 里已经加了 rails_12factor，uglifier，sass-rails

本地生产过程

rake assets:clobber
 RAILS_ENV=production bundle exec rake assets:clean
rake assets:precompile RAILS_ENV=production --trace
rails server -b 0.0.0.0 -p 3000 -e production

重启了 server 还是不行。firefox debug 也没有文件找不到的错误，但是 js 效果就是没有。到底是为什么？！

关于 Modal 局部更新的问题 + 复杂表单

jing — Fri, 17 Jul 2015 22:38:24 +0800

https://l.ruby-china.com/photo/2015/9a42b591937ab36d903288acd3c24b9f.png 我想要实现像上图一样的添加功能：点击 Add 按钮，multiselect 中的选项会添加到上面的 table 中。因为 table 中的变量是个临时中间变量，所以只想局部更新。可以用 jquery，ajax 实现吗？还是要用 helper？不是很想用 nested_form. jquery 写了一点不知道怎么返回数据到 modal 对话中去，由于刚接触 RoR 不久不知道该怎么实现这样的功能。高手求助。

$('#add_vm').on('click', function() {

        var selected_vms = [];
        $('#serv-multiselect option:selected').each(function() {
            selected_vms.push($(this).val());
        });

        selected_vms.sort(function(a,b)){
          return a[0]-b[0];
        });

         $("#vm-table").append('<tr><td>。。。</td></tr>');
});

route:

resources :apps do
  resources :service_in_apps
end

Model:

class App < ActiveRecord::Base
  has_many :service_in_apps 
  accepts_nested_attributes_for :service_in_apps
end

class ServiceInApp < ActiveRecord::Base
  has_many :vm_install_service_ins
  has_many :vms, through: :vm_install_service_ins

  belongs_to :apps, foreign_key:"app_id", dependent: :destroy

  accepts_nested_attributes_for :vm_install_service_ins
end

class VmInstallServiceIn < ActiveRecord::Base
  belongs_to :vms,:class_name=>"Vm", foreign_key:"vm_id", dependent: :destroy
  belongs_to :service_in_apps,:class_name=>"ServiceInApp", foreign_key:"service_in_app_id", dependent: :destroy
end

class Vm < ActiveRecord::Base
  has_many :vm_install_service_ins,foreign_key:"vm_id"
  has_many :service_in_apps, through: :vm_install_service_ins
end

Controller:

class ServiceInAppsController < ApplicationController
before_action :set_app

  def index
    @service_in_apps = @app.service_in_apps
    @vm_installs=@service_in_apps.vms.build
  end

private
  def set_app
    @app=App.find(params[:app_id])
  end
end

View:

# modal dialog （index)
    <%= form_for @app, :url=> app_service_in_apps_path(@app) do |f| %>
          <%= render 'service_in_apps/form_tech', :f=>f %>
    <% end %>

# _form_tech.html.erb
<div class="field">
  <div id="vm-conf">
    <table class="table table-hover" id="vm-table">
      <caption>VM Configuration</caption>
      <thead>
        <tr>
          <th>Nom</th>
          <th>Template</th>
          <th>Etat</th>
          <th>IP Adresse</th>
          <th>Actions</th>
        </tr>
      </thead>

      <tbody>
        <% if @vm_installs.present? %>
            <% @vm_installs.each do |vm| %>
              <tr>
                <td><%= vm.nom%></td><td><%=vm.template %></td><td><%=vm.etat_app.nom %></td><td><%= ip_defaut %></td>
                <td><%= link_to 'Destroy', vi, :confirm => 'Are you sure?', :method => :delete %></td>
              </tr>
            <% end %>
        <% end %>
      </tbody>
    </table>

      <%=fields_for @vm_installs do |vi|%>
        <div class="field">
          <%= vi.label "Selection VMs : " %><%= vi.select :ids, Vm.all.map { |vm| [vm.nom, vm.id] }, {:prompt => false}, 
                                                                             {:class=>'multiselect', multiple:'multiple', id:"VM-multiselect"}%>
          <%= link_to "Add", :data => { :"disable-with"=> "Loading..."}, id: "add_vm", :remote => true, class: 'btn btn-default' %>
        </div>
      <% end %>


</div><!--field -->

jing (chen)