Rails的本地化设置全过程

作者: ahtest | 来源:发表于2016-12-12 10:36 被阅读392次

1. 新建项目并进入目录

#在没有修改bundle的sources默认地址时
#新建项目时进行bundle会很慢,可以先直接跳过bundle
rails new blog --skip-bundle
cd blog
#设置bundle默认的sources
#(注:只要设置一次,以后再建项目时,就可以直接bundle了)
bundle config mirror.https://rubygems.org http://gems.ruby-china.org
#bundle
bundle update
bundle install

2.创建一个简单的页面

#生成article模块
rails g scaffold Article name:string title:string content:text
#数据库迁移
rake db:migrate

3.启动

#使用默认方式启动,在浏览器中访问http://localhost:3000/articles
rails server

4.准备本地化文件

下载地址:zh-CN.yml
放到blog/config/locales目录下

5.修改application.rb

文件在blog目录下

module Blog  
  class Application < Rails::Application     
+    config.i18n.load_path += Dir[Rails.root.join('config', 'locales', '*.{rb,yml}').to_s] 
+    config.i18n.default_locale = :'zh-CN'
+    config.encoding = 'utf-8'  
  end
end

6.修改application_controller.rb

文件在blog/app/controllers目录下

class ApplicationController < ActionController::Base  
  protect_from_forgery with: :exception  
+  before_action :set_locale  
+  def set_locale   
+    I18n.locale = params[:locale] || I18n.default_locale  
+  end
end

7.修改zh-CN.yml,添加models相关翻译

我们可以把models理解为app下的models目录(实际就是与他对应的,同时也是与数据库的表对应)

---
zh-CN:
  activerecord:
// models为模块名
+    models: #关键字,下面是对应的模块名
+      article: 文章
+    attributes: #关键字,下面是对应的表名
+     article: #表名单数格式,下面是对应的字段
+        name: 名称
+        title: 标题
+        content: 内容
    errors:
      messages:
        record_invalid: "验证失败: %{errors}"
        restrict_dependent_destroy:
          has_one: 由于 %{record} 需要此记录,所以无法移除记录
          has_many: 由于 %{record} 需要此记录,所以无法移除记录
...

这时我们可以在添加、修改页面看到成果。

new.png
edit.png

8.进一步本地化

我们可以看到index页面还没有被本地化
继续添加本地化文件zh-CN.yml

---
zh-CN:
+  Blog: 博客
+  Name: 名称
+  Title: 标题
+  Content: 内容
+  Show: 显示
+  Edit: 修改
+  Destroy: 删除
+  Articles: 文章
+  New Article: 添加文章
+  Editing Article: 修改文章
+  Are you sure?: 你确定?
+  Edit: 修改
+  Back: 返回

  activerecord:
    models:
      article: 文章
    attributes:
      article:
        name: 名称
        title: 标题
        content: 内容

修改views/articles下的erb文件

<p id="notice"><%= notice %></p>

-<h1>Articles</h1>
+<h1><%= t 'Articles'%></h1>

<table>
  <thead>
    <tr>
-      <th>Name</th>
+      <th><%= t 'Name'%></th>
-      <th>Title</th>
+      <th><%= t 'Title'%></th>
-      <th>Content</th>
+      <th><%= t 'Content'%></th>
      <th colspan="3"></th>
    </tr>
  </thead>

  <tbody>
    <% @articles.each do |article| %>
      <tr>
        <td><%= article.name %></td>
        <td><%= article.title %></td>
        <td><%= article.content %></td>
-      <td><%= link_to 'Show', article %></td>
+       <td><%= link_to (t 'Show'), article %></td>
-       <td><%= link_to 'Edit', edit_article_path(article) %></td>
+       <td><%= link_to (t  'Edit'), edit_article_path(article) %></td>
-       <td><%= link_to 'Destroy', article, method: :delete, data: { confirm: 'Are you sure?'} %></td>
+       <td><%= link_to (t 'Destroy'), article, method: :delete, data: { confirm: (t 'Are you sure?') } %></td>
       </tr>
    <% end %>
  </tbody>
</table>

<br>

-<%= link_to 'New Article', new_article_path %>
+<%= link_to (t 'New Article'), new_article_path %>

其它的erb文件做相应的修改即可,修改后的效果如下:

index.png new.png edit.png

备注:

1.对views这块没有发现更好的解决方案,感觉这样做很呆,不如索性直接改成中文
2.做了本化之后,如果还要显示英文,可以在请求后面加locale参数,例如:http://localhost:3000/articles/2/edit?locale=en,显示的就是en状态

edit.png

3.如果你有更好的方案,请告诉我,我会再更新

相关文章

  • Rails的本地化设置全过程

    1. 新建项目并进入目录 2.创建一个简单的页面 3.启动 4.准备本地化文件 下载地址:zh-CN.yml放到b...

  • Rails本地化

    1. 安装gem包 gem "rails-i18n" 2. 修改配置 修改config/application.r...

  • iOS 本地化功能和App内自由切换语言的实现

    一、语言本地化功能释义 语言本地化<语言国际化>是指根据用户设备系统的语言设置,自动将应用程序的语言设置为和用户设...

  • Localization 新功能(Xcode 11)

    您现在可以在资产目录中本地化资产。在属性检查器中启用了本地化。 设置包现在包含在Xcode本地化目录中。 gens...

  • Carbon - 时间处理

    Docs | Docs-Carbon Carbon本地化 设置时区 today() , tomorrow() , ...

  • Django——设置settings

    设置项目根目录 本地化设置 语言设置为中文,时区设置为东八区 设置安装的APP 设置管理员账号 设置数据库查询 设...

  • 自学:前端本地化存储(HTML5)

    常用的原生js设置本地化存储 Web storage Local Storage Local Storage ...

  • iOS 本地化入门教程

    iOS 本地化入门教程 iOS应用的本地化原理非常简单,是通过strings类型的文件,为同一种语言的不同翻译设置...

  • Pow 和 Nginx 和谐共处

    在 macOS 下开发Rack 应用,例如 Rails, Sinatra 应用,Pow 简直就是神器,其设置极其...

  • iOS 语言本地化与国际化

    (一)应用名称本地化/国际化 应用名称本地化,是指同一个App的名称,在不同的语言环境下(也就是手机设备的语言设置...

网友评论

    本文标题:Rails的本地化设置全过程

    本文链接:https://www.haomeiwen.com/subject/diaemttx.html