Ruby学习笔记2 ： 一个简单的Ruby网站，搭建ruby环境

Ruby on Rails website 的基础是 请求-返回 循环。


首先是浏览器请求服务器，


第二步，Second, in our Rails application, the route takes the request and finds the right Controller and method to handle the request.


第三步，控制器拿到相关数据并发给View模块。


最后，View模块把数据打包好，并且发回给浏览器显示。

-----

搭建开发环境：

• Creat rails file package: rails new my-app
• Install Ruby gems
• Making a controller called pages
  
• 在routes.rb文件中，Create a route
• Create the View
  

1. Creat rails file package

操作 Rails 用的commands叫做Generator， 在Terminal里，使用如下命令可以新建一个rails app:

rails new my-app

  Let's learn about the files that you generated.来看看我们建立了哪些文件：

  Rails is made up folders that hold our code:

   app - Where our Models, Views and Controllers are. It is where most of our Rails code will go.

   config - Where we find our routes. They handle requests from the browser.

   db - Where we change the state of our database.

   Gemfile - Where our gems are. Gems add special features to our Rails app.

可以参考下图：

2. Install Gem

To run Rails we also need to install Ruby gems. Gems are prepackaged code that make sure our application runs smoothly. They can also add new features.

We add gems through a simple command called bundler. Bundler takes the gems in our Gemfile, an editable file, and stores them in Gemfile.lock, an uneditable file.

To run bundler, we type the following in our terminal:

bundle install

3. Making a controller called pages

rails generate controller Pages

class PagesController < ApplicationController
   def home
   end
end

4. 在routes.rb文件中，Create a route

上一步完成后，我们得到了一个Routing Error的错误，我们前面看到了，来自浏览器的request 是需要一个route进行分发的，分发给controller进行处理。所以我们现在要增加一个routes.rb的文件来补充这个route.

在rails 中，Routes就像app的门一样，来保证正确的分发请求，从而让我们browser 拿到正确的view 返回。

尽管Routes 是我们的第一站，但是我们还是要先拿到controller里的名字和method名字才能写routes。

在routes.rb文件中，we create a route like this, under
Rails.application.routes.draw do:

get 'pages/home'

在这个事儿里，我们还要创建一个根路径。根路径就是设置一个home page的路径，作为一个app的首页请求。这里， pages/home是我们的首页，所以我们建立的根路径就是：root ’pages#home' (We will also create a root route in this unique case. A root route is a way to set a route as the home page of the application, or the 'root'. Since pages/home will be our home page, we'll create a root route like this:)

root 'pages#home'

然后在浏览器中再输入 localhost:8000  就能预览效果了。

routes.rb文件源码：

Rails.application.routes.draw do
   get 'pages/home'
   root 'pages#home'
end

5. Create the View

现在我们已经能够显示一个简单的主页了，不过这个页面只有一句话。我们建立了Controller & Routes, 下一步要Create View了：

Views用来处理用户看到的可见的显示。
Views是怎么来管理presentation的呢？
1.通过html来管理页面。
2.通过ERB - Embedded Ruby ，它是把ruby代码嵌入html页面的一种途径。We can use Ruby objects in our HTML files just as we do in plain Ruby.

由于Views使用了html and ERB，所以View的files总是后缀为.html.erb

在.html.erb文件中，主要有2个categories of ERB: 一个是只在我们代码里显示的code,一种是显示在app里的live code.

如果我们写成：
  <% "goodbye world" %>
    就只有后台能看到。

如果我们写成：
  <%= "hello world" %>
    it will appear live in on our app.就一个=号的区别。

这里这个例子是这样的：
1. 在pages_controller.rb文件中，加入一个method: erb_demo

class PagesController < ApplicationController
   def home
   end
   def erb_demo
   end
end

Rails.application.routes.draw do
get 'pages/home'
root 'pages#home'
get 'pages/erb_demo' #浏览器就可请求localhost:8000/pages/erb_demo,不过，代码里pages/erb_demo是：ControllerName/MethodsName
end

  <%= "This is the erb demo template." %>
  <% "goodbye world" %>
  <%= "hello world" %>

至此，一个ruby环境的搭建，建立一个简单的ruby app来显示一个网页，就搞定了。