Google Полимер с рельсами 4

Question

У меня есть Ruby on rails app.I хочу использовать полимер с моим ruby ​​on rails app. Кто-нибудь предлагает некоторые хорошие ресурсы для изучения полимера с рельсами?

Эффективно ли использовать полимер с рубином на рельсах? Просьба также предложить другие варианты, отличные от полимера, если таковые имеются?

Answer 1

Я использую беседку, так Я ожидаю, что у вас уже есть настройки колоды в вашей системе. (заварить установки узла & & НПМ установить Бауэр)

1. Настройка вы драгоценные камни

   gem 'bower-rails' 
   gem 'emcee' 
   

2. bundle install

3. rails g bower_rails:initialize

4. rails g emcee:install

5. Настройте файл вашей колоды. Ниже показано, как выглядит мой вид:

   asset 'angular' 
   asset 'angular-route' 
   asset 'angular-resource' 
   asset 'angular-mocks' 
   
   asset 'webcomponentsjs' 
   
   asset 'polymer', github: 'Polymer/polymer' 
   asset 'polymer-core-elements', github: 'Polymer/core-elements' 
   asset 'polymer-paper-elements', github: 'Polymer/paper-elements' 
   asset 'platform' 
   
   # Voice Synthesis and Recognition 
   asset 'voice-elements' 
   

   Придумайте те, которые вам нужны, и удалите остальные.

6. rake bower:install
   Чтобы загрузить компоненты, но обратите внимание, что файлы будут сохранены в поставщике/активах/bower_components и не поставщик/активах/компоненты, ожидаемый конферансье. Поэтому вам нужно будет сделать символическую ссылку.

7. установка символических ссылок

   • первого удаление компоненты, т.е. rm -rf vendor/assets/components
   • затем создать символическую ссылку т.е. ln -s vendor/assets/bower_components vendor/assets/components

8. Теперь установки ваших активов

   # app/assets/components/application.html 
   *= require polymer/polymer 
   
   # app/assets/javascripts/application.js 
   //= require angular/angular 
   //= require angular-route/angular-route 
   //= require angular-resource/angular-resource 
   //= require webcomponentsjs/webcomponents 
   //= require platform/platform 
   

   (Пожалуйста, обратите внимание, тха t Я включил только все, что я использую для тестирования. Как указано выше, удалите те, которые вам не нужны).

9. Просто уборка дома вы прыгаете, чтобы начать пробовать. Включите компоненты Bower в путь рейки.

   # config/application.rb 
   config.assets.paths << Rails.root.join("vendor","assets","bower_components") 
   

   И это про установку. Прыгните на него и начните использовать его.

10. Включить HTML тэгов в файле макета

    = html_import_tag "application", "data-turbolinks-track" => true 
    

11. Позвони образец полимера на ваш взгляд

    # sample.html.haml 
    ================  
    %paper-tabs{:selected => "0", :scrollable => ""} 
        %paper-tab Skills 
        %paper-tab Experiences 
        %paper-tab Education 
    

Ref http://angular-rails.com/bootstrap.html http://www.akitaonrails.com/2014/06/29/usando-polymer-com-rails#.VHcoW2SsV81

Answer 2

Глубокий поиск в Google. Я обнаружил, что «emcee» лучше всего использовать полимер с рельсами. следующие варианты: -

Nevir/полимерно-рельсы

alchapone/полимерно-рельсы

ahuth/конферансье

также регистрация по прибытии http://joshhuckabee.com/getting-started-polymer-ruby-rails

Answer 3

Я построил пакет для обработки рельсов с помощью полимера. Это очень полезно, особенно если вы собираетесь создавать какие-либо формы ajax или использовать вложенные атрибуты.

https://github.com/hobberwickey/polymer-rails-forms

Чтобы ответить на более общий вопрос, хотя, я работал с полимером и как Rails/Синатра на некоторое время теперь, и это отличный инструмент для создания из передней части вашего приложения, не полагаясь в значительной степени на erb/haml или других серверных шаблонах.

Answer 4

Вы можете использовать полимерные рельсы и полимерные элементы-рельсы.

https://github.com/alchapone/polymer-elements-rails

https://github.com/alchapone/polymer-rails

Answer 5

Я был первым пытается использовать веб-компоненты с bower-rails и emcee.

Но я заметил, что поручни не нужны, вам просто нужно сконфигурировать .bowerrc и bower.json, а затем запустить установку bower.

Кроме того, emcee больше не активен, что заставляет вас использовать более старую версию звездочек.

Оказывается, polymer-rails имеет такую ​​же функциональность как emcee.

Вот моя текущая настройка

Gemfile

gem 'polymer-rails' 

установки и инициализации

bundle install 
rails g polymer:install 

приложение/просмотров/макеты/application.html.erb

<html> 
    <head> 
    ... 
    <%= html_import_tag 'application'%> 
    ... 

Скачатьфайл bower.json из elements.polymer-project.org и поместить его в корень вашего приложения, то запустите команду

bower install 

Теперь ваши компоненты должны быть в поставщика/активов/компонентов. Найдите все файлы .html для включения в манифест. Некоторые из файлов .html - это не то же имя, что и каталог, так что это немного утомительно.

приложение/активы/компоненты/application.html.erb

//= require polymer/polymer 
//= require paper-scroll-header-panel/paper-scroll-header-panel 
//= require paper-toolbar/paper-toolbar 
//= require paper-tabs/paper-tabs 
//= require paper-drawer-panel/paper-drawer-panel 
//= require paper-icon-button/paper-icon-button 
//= require iron-icons/iron-icons 
//= require paper-card/paper-card 
//= require paper-button/paper-button 
... 

Теперь убедитесь, что звездочки загружает активы

конфигурации/Инициализаторы/assets.rb

Rails.application.config.assets.paths << Rails.root.join('vendor', 'assets', 'components', '*') 

Вот пример использования компонента

<paper-card heading="Paper Card Example" image="<%= image_path 'example.jpg' %>"> 
    <div class="card-content">This is an example of cards with polymer</div> 
    <div class="card-actions"> 
    <paper-button raised>OK</paper-button> 
    </div> 
</paper-card> 

Вы можете использовать полимерные элементы-рельсы, у которых уже есть много компонентов, и вы можете пропустить установку bower.json, bower install и загрузить активы. Единственная проблема заключается в том, что мне было трудно узнать, какие из них требуются, и некоторые компоненты отсутствовали (например, google-apis). Надеюсь, это поможет любому, кто пытается использовать полимер с рельсами!