longmei2016's Blog

    - 第一次救赎行为始于3月18号参加meetup，获得了鸡血满满和重新开始的勇气…
    - 自3月20重新开始，至6月11，共计84天，投入在全栈营纯时间总长为195小时，约为每天2.3小时…
    - rails101完成练习4次
    - joblisting完成练习3次
    - 参加了招聘网站大赛
    - JDStore完成练习1次
    - 参加了购物网站大赛
    - 学习并实践了16格笔记读书法
    - 学习了markdown排版logdown

关于项目管理
    谈到项目管理，可能更多的是一种选择技术或者艺术.
    参赛时，选择什么主题；选择自己的目标；赛程进入紧张时期，选择什么功能进行开发取舍.....
    
    当我在进行Joblisting大赛时，离比赛截止时间已经不多了，当时甚至还需要兼顾到购物网站的学习。
    在这3~4天时间里，面对其他同学缤纷灿烂的作品，如何保持一颗冷静的心，克服焦虑感呢？我的答案是选择合适的功能，合适功能的具体标准是什么？
    1.工作量不是太大，参考信息足够多，可以避免做不出来的挫折感
    2.在购物网站上也可以使用到的功能，这样极大的降低自己的焦虑感，不会觉得会影响到购物网站的学习进度。    
    候选名单上的内容如下，序号表明了优先级：
    1. 小功能：navbar搜索功能
    2. 问题修复：footer固定问题
    3. 问题修复：用户登录、注册失败后，不能进入弹窗模式
    4. 大功能：客服功能
    5. 大功能：首页轮播功能    
    最终，我选择了前3项进行了改版。
    
    在JDStore最后一周的时间内，也遇到类似的情况。这时，我们优先选择美化部分界面，提高作品视觉效果；
    在比赛截止前2天，我们遇到heroku上部分页面显示异常的问题，花了半天时间解bug无果后，我们果断选择版本回溯，放弃了功能迭代....
    完整和稳定的作品才能更称得上是一个产品
    

关于提取练习
    JDStore大赛，最终自己还是上线了两篇自认为不错的教程，而且也帮助自己得到了一些VIP票：
    在这里，我想说的是，对教材进行足够多的提取练习，会自然而然的形成肌肉记忆和思维节点，来迁移到新的功能上。
    举例来说，如果认真练习过Rails101 5次以上的话，应该可以很快联想起来商品收藏功能的做法，非常相似于”用户“与“群组”的关系。
   
对比如下：
    - 有许多不同的User，也有许多不同的Group
    - User可以选择加入任一个或者几个Group
    - Group也可以包含不同的User
    
VS
    - 有许多不同的User，也有许多不同的Product
    - User可以选择收藏任一个或者几个Product
    - Product也可以被不同的User收藏
    
所以，我们完全可以参考 [Rails101 教程7.1~7.5](https://fullstack.xinshengdaxue.com/posts/80) 来实现收藏商品的后台功能，再加上 “按钮的美化” 和“收藏icon” ，就是一个完整的收藏功能了。
另外，参考 [Rails101 教程8](https://fullstack.xinshengdaxue.com/posts/86) 来查看我收藏过的商品

关于组队开发
    我和我的队友，我负责后台，他负责前端美化。
    最终成果是，1 + 1 > 2
    他只需要持续的关注并练习CSS和js，需要后台的地方，留个路径#即可。
    我则关注后台功能开发，针对每个功能的MVC去各个击破
    
    当然，良好协作的前提是熟练并规范的使用Github协作：
    git push 更新本地版本 -> git checkout -b 开分支，进行开发  -> 提交pull request  -> merge 版本 -> 进行测试  -> 推送到heroku，再进行测试
    这样的话，即使遇到重大的bug，至少能保证自己回溯到最新的一个稳定版本。

- 有许多不同的User，也有许多不同的Group
- User可以选择加入任一个或者几个Group
- Group也可以包含不同的User

- 有许多不同的User，也有许多不同的Product
- User可以选择收藏任一个或者几个Product
- Product也可以被不同的User收藏

.. 略
+    has_many :favorites
+    has_many :favorited_products, :through => :favorites, :source => :product
.. 略

class Favorite < ApplicationRecord
+  belongs_to :user
+  belongs_to :product
end

.. 略
+  has_many :favorites
+  has_many :favorited_users, :through => :favorites, :source => :user
.. 略

.. 略
+  def is_like?(product)
+    favorited_products.include?(product)
+  end
.. 略

<span>
  <% if current_user && current_user.is_like?(@product) %>
    <label class="label label-success"> 收藏商品 </label>
  <% else %>
    <label class="label label-success"> 未收藏商品 </label>
  <% end %>
</span>

.. 略
  def like!(product)
    favorited_products << product
  end

  def unlike!(product)
    favorited_products.delete(product)
  end
.. 略

.. 略
 def like
   @product = Product.find(params[:id])
   if !current_user.is_like?(@product)
       current_user.like!(@product)
       flash[:notice] = "收藏商品成功！"
    else
       flash[:warning] = "你已经收藏过本商品了！"
    end
     redirect_to product_path(@product)
 end

 def unlike
   @product = Product.find(params[:id])
   if current_user.is_like?(@product)
       current_user.unlike!(@product)
       flash[:notice] = "取消收藏商品！"
    else
       flash[:warning] = "你没有收藏过商品，如何取消 XD！"
    end
     redirect_to product_path(@product)
 end
.. 略

  before_action :authenticate_user! , only: [:like, :unlike]

.. 略

.. 略
  resources :products do
  
    member do
      post :add_to_cart
+     post :like
+     post :unlike
    end
    
    resources :posts
  end
.. 略

<span>
  <% if current_user && current_user.is_like?(@product) %>
-   <label class="label label-success"> 收藏商品 </label>
+   <%= link_to("取消收藏 ☆ ", unlike_product_path(@product), method: :post, class: "btn btn-default" ) %>
  <% else %>
-   <label class="label label-success"> 未收藏商品 </label>
+   <%= link_to("收藏商品 ❤ ", like_product_path(@product), method: :post, class: "btn btn-default" ) %>
  <% end %>
</span>

.. 略
  namespace :account do
    resources :orders
+   resources :favorites
  end
.. 略

.. 略
   <ul class="dropdown-menu">
     <li> <%= link_to("My orders", account_orders_path ) %></li>
+    <li> <%= link_to("我的收藏", account_favorites_path) %></li>
.. 略
   </ul>
.. 略

<li> 
-  <%= link_to("我的收藏", account_favorites_path) %>
+  <%= link_to account_favorites_path do %> 我的收藏 <i class= "fa fa-heart fa-md"></i>
+  <% end %>
</li>

class Account::FavoritesController < ApplicationController
  before_action :authenticate_user!

  def index
    @products = current_user.favorited_products
  end
end

<div class="row">
  <% @products.each do |product| %>
    <div class="col-xs-6 col-md-3">
      <%= link_to product_path(product) do %>
        <% if product.image.present? %>
          <%= image_tag(product.image.thumb.url, class: "thumbnail") %>
        <% else %>
          <%= image_tag("http://placehold.it/200x200&text=No Pic", class: "thumbnail") %>
        <% end %>
      <% end %>
      <%= product.title %> ￥ <%= product.price %>
    </div>
  <% end %>
</div>

<div class="row">
    <div class="col-md-10">
        <h2>我收藏的商品</h2>
        <table class="table table-bordered">
            <thead>
                <tr>
                    <th>#</th>
                    <th width="220">Product Pic</th>
                    <th>Name</th>
                    <th>Price</th>
                </tr>
            </thead>
            <tbody>
              <% @products.each do |product| %>
                <tr>
                  <td> <%= product.id %> </td>
                  <td> <%= link_to product_path(product) do %>
                       <% if product.image.present? %>
                         <%= image_tag(product.image.thumb.url, class: "thumbnail") %>
                       <% else %>
                         <%= image_tag("http://placehold.it/200x200&text=No Pic", class: "thumbnail") %>
                        <% end %>
                       <% end %>
                   </td>
                   <td> <%= product.title %> </td>
                   <td> <%= product.price %> </td>
                 </tr>
                <% end %>
            </tbody>
        </table>
    </div>
</div>

<div class="nav navbar-nav navbar-left">
  <%= form_tag "#" , :method => :get do %>
     <div class="input-group" id="search-id" >
        <input type="text" class="form-control" name="q" value="<%= params[:q] %>" placeholder="寻找宝贝">
          <div class="input-group-btn">
             <button class="btn btn-default" type="submit">
                <i class="glyphicon glyphicon-search"></i>
             </button>
          </div>
      </div>
   <% end %>
</div>

略...

 before_action :validate_search_key, only: [:search]
 
略...

 def search
   if @query_string.present?
      search_result = Product.ransack(@search_criteria).result(:distinct => true)
      @products = search_result.paginate(:page => params[:page], :per_page => 5 )
    end
 end

 protected

   def validate_search_key
     @query_string = params[:q].gsub(/\\|\'|\/|\?/, "") if params[:q].present?
     @search_criteria = search_criteria(@query_string)
   end

   def search_criteria(query_string)
     { title_or_description_cont: query_string }
   end

  resources :products do
 +   collection do
 +     get :search
 +   end
  end

<div class="product-box">
  <div class="container">
    <!--=== 搜索结果，没有符合条件的数据 ===-->
    <% if @query_string.blank? %>
      <h2 class="search-info-title">搜索信息不能为空，请输入关键字搜索</h2>
    <% elsif @products.blank?%>
      <br>
        <h2 class="search-info-title">亲，没有搜索到商品哦，要不换个关键词试试？</h2>
    <% else %>
    <!--=== 搜索结果，有符合条件的数据 ===-->
    <!--=== 搜索內容 ===-->
    <div class='row'>
       <% @products.each do |product| %>
         <div class='col-xs-12 col-sm-4 col-md-3 product-content'>
           <%= link_to product_path(product) do %>
           <!-- 商品圖片 -->
             <% if product.image.present? %>
             <!-- 顯示圖片 -->
               <%= image_tag(product.image.thumb.url, class: "thumbnail img-responsive") %>
             <% else %>
                <%= image_tag("http://placehold.it/400x400&text=No Pic", class: "thumbnail") %>
             <% end %>
           <% end %>
           <div class="product-info">
            <p><%= link_to(render_highlight_content(product,@query_string), product_path(product)) %></p>
            <p>$ <%= product.price %></p>
           </div>
         </div>
         <% end %>
       </div>
       <div class="page-box">
         <%= will_paginate @products, renderer: BootstrapPagination::Rails, :previous_label => t('previous-label'), :next_label => t('next-label') %>
       </div>
    <% end %>
  </div>
</div>

-   <%= form_tag "#" , :method => :get do %>
+   <%= form_tag search_products_path , :method => :get do %>

def render_highlight_content(product,query_string)
    excerpt_cont = excerpt(product.title, query_string, radius: 500)
    highlight(excerpt_cont, query_string)
end

-   <%= link_to(product.title, product_path(product)) %>
+   <%= link_to(render_highlight_content(product,@query_string), product_path(product)) %>

略
<%= render :partial => "products/search_bar" %>
略

<div class="row">
    <div class="col-sm-9 col-lg-8 col-lg-offset-2">
        <%= form_tag "#" , :method => :get do %>
            <div class="input-group">
                <input type="text" class="form-control" name="q" value="<%= params[:q] %>" placeholder="寻找宝贝...">
                <div class="input-group-btn">
                    <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
                </div>
            </div>
        <% end %>
    </div>
</div>

略...

 before_action :validate_search_key, only: [:search]
 
略...

 def search
   if @query_string.present?
      search_result = Product.ransack(@search_criteria).result(:distinct => true)
      @products = search_result.paginate(:page => params[:page], :per_page => 5 )
    end
 end

 protected

   def validate_search_key
     @query_string = params[:q].gsub(/\\|\'|\/|\?/, "") if params[:q].present?
     @search_criteria = search_criteria(@query_string)
   end

   def search_criteria(query_string)
     { title_or_description_cont: query_string }
   end

  resources :products do
 +   collection do
 +     get :search
 +   end
  end

<div class="product-box">
  <div class="container">
    <!--=== 搜索结果，没有符合条件的数据 ===-->
    <% if @query_string.blank? %>
      <h2 class="search-info-title">搜索信息不能为空，请输入关键字搜索</h2>
    <% elsif @products.blank?%>
      <br>
        <h2 class="search-info-title">亲，没有搜索到商品哦，要不换个关键词试试？</h2>
    <% else %>
    <!--=== 搜索结果，有符合条件的数据 ===-->
    <!--=== 搜索內容 ===-->
    <div class='row'>
       <% @products.each do |product| %>
         <div class='col-xs-12 col-sm-4 col-md-3 product-content'>
           <%= link_to product_path(product) do %>
           <!-- 商品圖片 -->
             <% if product.image.present? %>
             <!-- 顯示圖片 -->
               <%= image_tag(product.image.thumb.url, class: "thumbnail img-responsive") %>
             <% else %>
                <%= image_tag("http://placehold.it/400x400&text=No Pic", class: "thumbnail") %>
             <% end %>
           <% end %>
           <div class="product-info">
            <p><%= link_to(render_highlight_content(product,@query_string), product_path(product)) %></p>
            <p>$ <%= product.price %></p>
           </div>
         </div>
         <% end %>
       </div>
       <div class="page-box">
         <%= will_paginate @products, renderer: BootstrapPagination::Rails, :previous_label => t('previous-label'), :next_label => t('next-label') %>
       </div>
    <% end %>
  </div>
</div>

-   <%= form_tag "#" , :method => :get do %>
+   <%= form_tag search_products_path , :method => :get do %>

def render_highlight_content(product,query_string)
    excerpt_cont = excerpt(product.title, query_string, radius: 500)
    highlight(excerpt_cont, query_string)
end

-   <%= link_to(product.title, product_path(product)) %>
+   <%= link_to(render_highlight_content(product,@query_string), product_path(product)) %>

1. github上合并了版本，完成了七牛云的相关章节操作
2. 整理了目前的状态：全栈营的学习，PME的工作，近期的账单记录

1. 感觉的到木木的健康恢复，比较高兴。
2. 认识到自己的一些问题，需要记录、分析、思考和解决，不要再做行动上的矮子了。

1. 脑袋比较浆糊，回忆不起来了。 

    <% @product_lists.each do |product_list| %>
      <tr>
        <td>
          <%= product_list.product_name %>
        </td>
        <td>
          <%= product_list.product_price %>
        </td>
        <td>
          <%= product_list.quantity %>
        </td>
        <td>
          <%= product_list.quantity * product_list.product_price %>
        </td>
      </tr>
    <% end %>

    - 第一次救赎行为始于3月18号参加meetup，获得了鸡血满满和重新开始的勇气…
    - 自3月20重新开始，至5月11，共计53天，投入在全栈营纯时间总长为117小时，约为每天2.2小时…
    - rails101完成练习4次
    - joblisting完成练习3次

主题取胜
    关于主题，我还是深入思考过的。招聘网站的功能和技术结构，决定了这是一个提供交流、交互性质的平台网站，它与交易有关，但是没有涉及到交易最核心阶段：物品和货币的交换、结算。
    对网站进行流程抽象归纳：首先，得有需求存在（职位需求）- 这些需求被公布（发布职位需求）- 有人响应（应聘）。交互的过程就发生在我们要做的平台上。
    最开始的想法是做儿童绘本相关的，也就是一个类似豆瓣的读书评论。后来觉得缺少了应征的环节，所以绘本的主题还是打算留在购物网站实现。
    最终确定在医疗行业，提供一个医护和患者交流的平台：患者发布病症描述，医护人员应征。
    OK，就是它了。

项目管理
    作品的最终上线时间是5月4号，这个时候，离结束时间已经不多了，甚至还需要兼顾到购物网站的学习。那就是说，最多我也只能更新迭代2~3个小功能了。此时优秀参赛作品已经很多了，很多功能值得去Command+c，移植到自己的作品上（什么意思？我想大家都懂的XDD）。
    在这3~4天时间里，面对其他同学缤纷灿烂的作品，如何保持一颗冷静的心，克服焦虑感呢？我的答案是选择合适的功能，合适功能的具体标准是什么？
    1.工作量不是太大，参考信息足够多，可以避免做不出来的挫折感
    2.在购物网站上也可以使用到的功能，这样极大的降低自己的焦虑感，不会觉得会影响到购物网站的学习进度。
    
    候选名单上的内容如下，序号表明了优先级：
    1. 小功能：navbar搜索功能
    2. 问题修复：footer固定问题
    3. 问题修复：用户登录、注册失败后，不能进入弹窗模式
    4. 大功能：客服功能
    5.大功能：首页轮播功能
    
    最终，我选择了前3项进行了改版。