準(zhǔn)備工具

ruby v2.2.6
rails v5.0.0.1

開整

新建項(xiàng)目 rails new blog
進(jìn)入目錄 cd blog
在Gemfile添加

gem "rails-i18n" #用于本地化
gem "slim-rails" #使用slim代替erb模板
gem "bcrypt" #用于密碼的校驗(yàn)（不可少）

再 bundle install
創(chuàng)建用戶注冊(cè)model rails g model User name password password_digest^[1]

#app/models/user.rb
class User < ActiveRecord::Base 
  +  has_secure_password #用于密碼的校驗(yàn)
end

創(chuàng)建控制器 rails g controller user new index new create

  #app/controllers/users_controller.rb
class UserController < ApplicationController
  def new
    @user=User.new
  end

  def index
  end

  def create
    @user=User.create(user_params)
      if @user.save
        redirect_to :sessions_new #用戶信息保存成功后，跳轉(zhuǎn)到登錄頁(yè)面
      else
        render "new"
      end
  end
  
  private
  def user_params #用于過濾傳入的參數(shù)
    #password_confirmation是用來校對(duì)密碼是否相同，同時(shí)為密碼加密
    params.require(:user).permit(:name,:password,:password_confirmation)    
  end
end

修改views的視圖文件^[2]

/! app/views/users/index.html.slim
h1
  = link_to "注冊(cè)", new_user_path

 /! app/views/users/new.html.slim
 h1 注冊(cè)
 - if @user.errors.any?
  ul
  - @user.errors.full_messages.each do |message|
    li= message
= form_for @user, url: :users_create do |f|
  p
    = f.label "用戶名："
    = f.text_field :name
  p
    = f.label "密碼："
    = f.password_field  :password
  p
    = f.label "確認(rèn)密碼："
    = f.password_field  :password_confirmation
  p
    = f.button "提交"
    |  
    = link_to "返回", user_index_path

修改路由文件（routes.rb）

#config/routes.rb
Rails.application.routes.draw do
  get 'user/new'
  get 'user/index'
 -  get 'user/create'  
 +  post 'user/create'
end

數(shù)據(jù)庫(kù)遷移 rake db:migrate
啟動(dòng)服務(wù) rails s，讓我來看看成果如何

Paste_Image.png

Paste_Image.png

Paste_Image.png

Paste_Image.png

樣子挫一些，但功能還算實(shí)現(xiàn)了，這里提示全是中文的，是用到rails-i18n進(jìn)行了本地化，可以參考Rails的本地化設(shè)置全過程

創(chuàng)建登錄功能控制 rails g controller sessions new create
修改session_controller.rb

class SessionsController < ApplicationController
  def new
    @user = User.new
  end

  def create
    user=User.find_by(name: user_params[:name]).try(:authenticate, user_params[:password])

    if user
      render plain: sprintf("歡迎，#{user.name}")
    else
      flash.now[:login_error]="無效的用戶名或密碼！"
      render "new"
    end
  end

  private
  def user_params
    params.require(:session).permit(:name, :password)
  end
end

修改session的顯示

 /! app/views/applicants/new.html.erb
 h1 登錄
 
 - if flash[:login_error]
     p=flash[:login_error]

 = form_for :session, url: :sessions_create do |f|
     p
      =f.label "用戶名："
     =f.text_field :name
    p
      =f.label "密碼："
     =f.password_field :password
   p
     =f.button "登錄"
     = '  '
     = link_to "返回", user_index_path

/! app/views/users/index.html.slim
h1
  = link_to "注冊(cè)", new_user_path
  |  
  = link_to "登錄", session_new_path

修改路由

 Rails.application.routes.draw do
  get 'sessions/new'
 -  post 'sessions/create'
 + post 'sessions/create'

  get 'user/new'
  get 'user/index'
  post 'user/create'

 end