Posts by Tag

rails

[JavaScript] 轉頁 fadeIn/fadeOut 效果

2016-06-05 少於 1 分鐘閱讀

前言此方式需使用 turbolinks 的方法新增效果 css 這邊使用animate.css動畫效果，下載 animate.css 放至 assets/stylesheet，確保他有被application.scss載入加入轉頁 javascript 新增一檔案，放至 assets/javas...

[Rails] 複合搜尋

2016-06-02 少於 1 分鐘閱讀

使用方式 def index @products = Product.all @products = @products.where("name LIKE ?", "%#{params[:product_name]}%") if params[:product_name].present? @pr...

[Rails] 刪除時 confirm 跳出兩次以上的問題

2016-05-27 少於 1 分鐘閱讀

前言最近製作專案時，常發生按下刪除鈕，彈出好幾個確認視窗 “Are you sure?”，要按很多次才會真的刪除。查了網頁原始碼，也沒發現重複載入的 javascript，在百思不得其解之下，只好一直亂 google，終於在 stackoverflow 討論串找到解決方式。發生原因此問題原來是在做 ...

[Rails] 多個資料庫連結

2016-05-26 少於 1 分鐘閱讀

前言最近可能需要串接其他系統，但該系統又沒有現成的 api，需要直接進行多個資料庫撈取與回寫時使用方式在 database.yml 加入其他 db 的設定 default: &default adapter: postgresql encoding: u...

[Rails] 建立簡易 Category 方式

2016-05-14 少於 1 分鐘閱讀

說明此範例主要建立簡易的分類與下拉選單，例如：商店有分中式、日式、韓式等類型可選擇，將建立兩table進行類別對商店的1對多關連。建立方式 1. 先建立 Model Category 及 category_id 欄位 rails g model Category name:string content...

[Rails] Counter Cache 用法

2016-05-13 少於 1 分鐘閱讀

前言最近發現常常使用 conuter cache，紀錄一下增加記憶。使用時機當有兩個 table 為 1對多關聯，並需要統計關聯 table 的數量時。此時每次存取網頁都需要再統計一次數量，會造成效能低落。若使用Counter Cache，則可讓每次關聯 table 數量異動時，由程式自動紀錄至主要...

[Rails] 加入 bootstrap tooltip 效果

2016-05-11 少於 1 分鐘閱讀

加入方式 1. 加入 js // [path] app/assets/javascripts/application.js $(document).ready(function() { $('.has-tooltip').tooltip(); }); 此段意思是在 document (整個網頁) re...

[Rails] will_paginate 分頁使用方式

2016-05-11 少於 1 分鐘閱讀

Github will_paginate 這是原版的，轉為 html code 時會用 div 包，需要另外自行套樣式 will_paginate-bootstrap 如果用 bootstrap 樣式，直接使用這個即可使用方式 controller 中原本寫法： @posts = Post.all...

[Rails] Notice Message 建立方式

2016-05-11 少於 1 分鐘閱讀

建立方式加入 helper # [path] app/helpers/application_helper.rb module ApplicationHelper def notice_message alert_types = { notice: :success, alert: :dange...

[Rails] Partial 用法

2016-05-10 少於 1 分鐘閱讀

基本用法例如：app/view/comments/_comment.html.erb 其他 template 要引用此 partial： <%= render :partial => "comments/comment" %> 簡略寫法： <%= render "commen...

[Rails] Simple form 使用方式

2016-05-10 少於 1 分鐘閱讀

網站 https://github.com/plataformatec/simple_form 安裝 gem 'simple_form' bundle install rails generate simple_form:install --bootstrap 基本使用方式只要輸入 f.in...

[Rails] 常用 gem

2016-05-09 少於 1 分鐘閱讀

gemfile gem 'awesome_rails_console' gem 'devise' gem 'bootstrap-sass' gem 'simple_form' #gem 'bootstrap_form' #gem "font-awesome-rails" #gem 'will_paginate...

[Rails] 實作按讚(喜歡/不喜歡)功能

2016-05-07 少於 1 分鐘閱讀

推薦 gem acts_as_votable 使用方式加入acts_as_votable # [path] gemfile gem 'acts_as_votable', '~> 0.10.0' bundle install (記...

[Rails] each 使用 index

2016-05-07 少於 1 分鐘閱讀

使用方式 <% @groups.to_enum.each.with_index(1) do |group, index| %> <tr> <td><%= index %></td> </tr> <% end %>...

[Rails] 12 in 12 挑戰 1 - AReddit

2016-05-05 1 分鐘閱讀

專案概述網頁連結看板，提供使用者瀏覽，並提供有登入的使用者建立/修改/刪除，有喜歡和不喜歡的功能，並可於該連結留言。步驟 Step1. 起步走建立新專案 rails new AReddit 初始化git git init git add . g...

[Rails] Strong Parameter

2016-05-03 少於 1 分鐘閱讀

strong parameter 是什麼? strong parameter是一個rails的安全機制，他是為了解決「大量賦值(Mass assignment)」因為太方便而造成的安全性議題。為什麼我們要用 strong parameter? 簡單講就是限制可寫入的欄位，才能有效避免被Hack猜中其...

[Rails] Routing 的 Namespace

2016-05-03 少於 1 分鐘閱讀

namspace 是什麼? 一種特定scope應用，能夠創造出一組獨立的controller、path、url Helper等。例如： namespace :admin do resources :products end 可創造path： http://localhost:300...

[Rails] Validation 相關用法

2016-05-02 1 分鐘閱讀

前言今天在使用驗證的時候覺得綁手綁腳，還是整理一些 Validation 常見使用方式來用好了。暫時先這些，之後使用到會再補充.. 驗證觸發點只有在以下method執行時，才會觸發驗證： create create! save save! update update! 驗...

[Note] 給 Rails 新手惡補清單

2016-04-29 少於 1 分鐘閱讀

基本能力 Google - 請點滿此技能 English - 現在至少會Google找翻譯的程度(我發現很多人錯誤訊息明明寫得很清楚，ex.template missing，但還是會直接丟Slack問，可以預想絕對無法進步) 沒碰過 unix-like 環境 terminal - 至少知道...

高雄 Rails 實戰班上課心得

2016-04-28 少於 1 分鐘閱讀

先講結論其實語言學久了就會知道，你在乎的不是語言，而是這個生態圈。這堂課有很多助教可以問、課後有slack可以加入、有Office Hour、meetup可以參加，其實這張票就是通往這個生態圈的門票。你問我值不值得，我絕對推薦你來參加，因為課程不僅是表面上的4週，還是永久的學習圈。前提是你能夠好好利用...

[Note] Rails method new, build, create, save的差異

2016-04-19 少於 1 分鐘閱讀

前言練習 Rails101 時，經常有此疑惑，為何新增時用 new，但在實際建立又用 create，而後又看到 build 的用法，所以為此應該進一步研究一下。說明首先這邊需要將 new, build, create, save 先區分為兩類：類方法: new, bulid, create...

[Guide] Rails 使用 Bootstrap 套版步驟

2016-04-16 少於 1 分鐘閱讀

選定想要的模板先到startbootstrap.com去找免費模板 http://startbootstrap.com/ 找到後下載下來解壓縮，會看到很多資料夾，請直接點開index.html 確認需要調整的地方點開後會看到你要的套版畫面，請於畫面空白處點右鍵選擇“檢視網頁原始碼” ...

[Note] Rails 實戰班上課筆記

2016-04-12 少於 1 分鐘閱讀

《一、軟體規劃》 Computational Thinking 電腦解決問題的思維把大問題拆解成可以時作的小問題實作過程中找資源 User Story 實作方式以人出發，先寫出所有角色主要項目針對每個角色進行功能的擴寫最後堆砌成待辦清單《二、網站實作(基...

[Guide] Rails101 簡易建立步驟

2016-04-06 8 分鐘閱讀

[ Chapter 1. 環境安裝 ] 1-1 確認ruby版本 ruby -v 1-2 安裝 gem rails 4.2.0 gem install rails -v 4.2.0 --no-ri 1-3 建立一個新 Rails 專案 ( 版本 4.2.0 ) rails _4.2.0_ new ...

[Note] about route links and assets

2016-03-13 少於 1 分鐘閱讀

Route # [path] config/routes.rb root 'topics#index' #root page , go to controllor"topic" and method"welcome" get 'welcome', to: 'topics#welcome' # /welco...

[Guide] Guide for building a Simple Site.

2016-03-13 1 分鐘閱讀

1. check the version ruby -v rails -v 2. create a project gem install rails -v 4.2.0 --no-ri # "--no-ri" means do not install documentations rails _4....

[Guide] Build a Test Project by Scaffold

2016-02-23 少於 1 分鐘閱讀

1. Create a Test Project rails new test_project 2. Turn into the Project cd test_project 3. Init a Git git init git add . git commit -m 'init' 4. Q...

[Links] The Reference of Rails

2016-02-22 少於 1 分鐘閱讀

Studies Intro to Rails Rails 101 Rails 102 Rails實戰聖經 Articles Land Dream Rails Job xdite Blog Courses Rails 即戰力 meetups Rails...

Posts by Tag

rails

note

guide

editor

gem

ubuntu

bootstrap

vim

route

view

model

css

scss

search

jekyll

links

atom

git

mind

validation

user story

agile

challenge

loop

tool

generator

picture

notification

pagination

ruby

operator

database

turbolinks

vue

github

gh-pages

mermaid

crontab

mount

linode

pve