Cloud 9 Adapt Project on Heroku (Week V)

Advanced Software Engineering

Week V

--------------- 写在前面 -------------------------

https://moonsea.herokuapp.com/

附上链接，这个是要实现的功能

-------------------------------------------------------------

根据老师上课的要求，强烈建议更换到Cloud 9, 因为是SaaS时代，所以只好从原来的Local转换到Cloud，用起来体验还不错，只是各种环境都需要重新配置，比较烦。还好，有了之前的Blog，配置起来也不是什么难事.接下来就是git clone项目，修改源码。

1.从github同步源码

git clone https://github.com/zsmjzlb/zsmjzlb.git

2.进入源码，进行bundle install

cd zsmjzlb
bundle install

这时候，可能会出现各种问题，最常见的就是提示缺少某个依赖包，只需要根据提示进行安装即可，可以参照"Some Problems about Gem"。

3.install之后，进行数据库迁移

rake db:migrate
rake db:seed

4.数据库迁移之后，运行

因为是在cloud 9 上，所以使用如下命令

rails s -p $PORT -b $IP

-------------------------修改要求-------------------------------

功能1.实现标题点击排序（点击，正序；再点击，逆序）

功能2.实现标题点击变黄

功能3.加入复选框，实现选择查询功能

------------------------进入正题---------------------------------

 因为ruby on rails 是采用MVC框架的一种系统，所以实现一个功能，一般需要从M（model）、V（view）、C（controller）三个层次进行修改实现。

=============  功能1 =======================

（1）首先，V（view）层，修改页面前端显示效果，在”index.html.haml“文件中给标题（title、release date）添加链接，实现点击排序功能

 %thead
    %tr
    - if @selectsort == "title"
      %th.hilite= link_to "Movie Title", movies_path(:selectsort=>"title", :sort=>@sorted, :ratings=>params[:ratings])
    - else
      %th= link_to "Movie Title", movies_path(:selectsort=>"title", :sort=>@sorted, :ratings=>params[:ratings])
    %th Rating
    - if @selectsort == "release_date"
      %th.hilite= link_to "Release Date", movies_path(:selectsort=> "release_date", :sort=> @sorted, :ratings=> params[:ratings])
    - else
      %th= link_to "Release Date", movies_path(:selectsort=> "release_date", :sort=> @sorted, :ratings=> params[:ratings])
    %th More Info

（2）然后，C（controller）层，在“movies_controller.rb”文件中，添加排序的功能，因为两次点击排序不同，所以加入flag（sorted），sorted =1 逆序，sorted =0 顺序

def index
    @movies = Movie.all
    
    @sorted = 0
    @selectsort = "waitparams"
    if params[:selectsort]
      @selectsort = params[:selectsort]
      @movies = @movies.sort_by{|movie| movie[@selectsort]}
      if params[:sort].to_i == 1
        @movies = @movies.reverse
        @sorted = 0
      else
        @sorted = 1
      end
    end
  end

（3）M(model)层，这个功能没有用到model层，所以不需要修改

（4）保存，使用如下命令运行访问即可。

rails s -p $PORT -b $IP

=============== 功能2 ==========================

实现标题点击变黄，是由css样式来实现的。

因为在功能1中，是通过"th.hilite"来实现点击排序功能，所以只需要在css文件中，将这个标签的背景颜色变成黄色就可以。"default.ss"文件中加入如下代码：

table#movies th.hilite {
    background-color: yellow
}

============= 功能3 =============================

实现不同ratring等级的选择查询

（1）首先，V(view)层，在“index.html.haml”页面中加入如下代码

-# checkbox
=form_tag movies_path, :method => :get do 
  Rating Rank:
  - @all_ratings.each do |rating|
    = rating
    = check_box_tag "ratings[#{rating}]","1",(@ratings.include? rating)
  = check_box_tag "ratings[hidden]","1",true,hidden:true
  = submit_tag "Refresh"

（2）然后，C（controller）层，在“movies_controller.rb”文件的index函数中，加入如下代码

@all_ratings = Movie.ratingcollection
    if params[:ratings]
      @ratings = params[:ratings].keys
    else
      @ratings = @all_ratings
    end
    
    @movies = Movie.where(rating: @ratings)

（3）最后，M（model）层，在“movie.rb”文件中，实现查询功能，代码如下：

def Movie.ratingcollection
        ratingcollect = Array.new
        i = 0
        Movie.select(:rating).distinct.each do |movie|
            ratingcollect[i] = movie.rating
            i += 1;
        end
        return ratingcollect.sort
    end

(4)保存，运行访问即可。

至此，要求功能就全部实现了。

接下来，将project部署到Heroku，步骤参考“Deploy One Project on Heroku (Week IV)”。