Day 27 -- Rails 实作 Rails-i18n语言选项在Bootstrap4 导览列

第一步当然是先安装 rails-18n gem

接着建立导览列可以在以下连结复制贴上即可：https://getbootstrap.com/docs/4.3/components/navbar/

如果用Rails 6的框架的话，参考以下连结文章：Introducing jQuery in Rails 6

安装成功的话，就会看到以下画面并且可以点选Dropdown内的Action

接者在 config/application.rb 里面可设定 locale

config.i18n.default_locale = "zh-TW"

接着在 application_controller.rb 里设定以下四个 methods:

before_action :set_locale
around_action :switch_locale

# 设定语系
def set_locale
  I18n.locale = params[:locale] || I18n.default_locale
end

# 语系切换
def switch_locale(&action)
  locale = params[:locale] || I18n.default_locale
  I18n.with_locale(locale, &action)
end

#使用者选择语系後可持续在其他页面使用该语系
def default_url_options(options = {})
  { :locale => I18n.locale }.merge options
end

# 从子网域取得locale code
def extract_locale_from_tld
  parsed_locale = request.subdomains.first
  I18n.available_locales.map(&:to_s).include?(parsed_locale) ?      
  parsed_locale : nil
end

在 navbar 的程序码里修改为如下图

下一步再把 index 的页面文字部分修改一下

最後在config/locales 建立 zh-TW.yml 及 en.yml 及设定相对应的翻译文字

完成後大约是这样（简易版），可选择中文或是English版本