在helper重构view的代码，遇到包了很多层的html可以用字串的方式处理
def render_vote_icon(work)
if work.work_voter.include?(current_user) && work.competition.get_on?
"<span class='vote_counts_span'><i class='fa fa-thumbs-up' aria-hidden='true'></i> #{@work.vote_counts}</span>".html_safe
else
"<span class='vote_counts_span'><i class='fa fa-thumbs-o-up' aria-hidden='true'></i> #{@work.vote_counts}</span>".html_safe
end
end
要注意的点：
- 字串要用双引号包起来
- 外面是双引号的话，里面要用改成单引号（双引号包单引号，或者单引号包双引号）
- 中间的ruby语言用#{}包起来
- 最后一定要加.html_safe
helper相关
def render_vote_button(work, user)
if work.competition.get_on?
if work.work_voter.include?(user)
link_to("感谢支持", "#" ,class:"btn vote-btn-lg disabled")
else
link_to('#', class:"btn vote-btn-lg", id:"upvote-btn") do
content_tag(:i, "", class: "fa fa-thumbs-o-up", :'aria-hidden' => true)+"支持他"
end
end
end
end
- 搜索关键词 rails content tag aria
+左右都是字串，两个字串组合要用+
ps:
link_to("work_path(work)+params", "data-toggle" => "modal", 'data-target' => '#workModal', remote: true) docontent_tag里面有一个空字符串，是因为要严格按照api里查到的格式来写，不然会报错
helper相关,重构到helper出现了一个问题。在html的时候有两个按钮，refactor到helper之后（不加result）只剩一个按钮。
原因：html是边读取边加载到网页的，而使用helper，则是先读取判断，最后回传资料（回传的是最后的结果）。而不加result的话，最后是读取到link_to("查看全部作品", competition_path(competition), class:"vote-btn")。所以这段代码以上的资料只是作为逻辑存在，最后回传的是这段代码。所以只会显示一个按钮。
解决方法：用result的方法，result加到的地方会回传，所以两个按钮就都可以显示了。
ps:因为加了result，这是个字段。所以需要在最后加上html_safe
-
view
<% if Competition.last.present? %>
<% if Competition.last.end? %>
<%= link_to("查看获奖作品", awards_competition_path(Competition.last) ,class:"work-btn") %>
<% else %>
<% if current_user && current_user.valid_member? %>
<%= link_to("我要参赛", new_competition_work_path(Competition.last) ,class:"work-btn") %>
<% else %>
<%= link_to("我要参赛", "#", class:"work-btn", "data-toggle" =>"modal", "data-target" => "#tips") %>
<% end %>
<% end %>
<%= link_to("查看全部作品", competition_path(Competition.last) ,class:"vote-btn") %>
<% else %>
比赛还未开始，请耐心等候
<% end %> -
helper
def render_competition_button_change(competition, user)
result = ""
if competition.present?
if competition.end?
result += link_to("查看获奖作品", awards_competition_path(competition) ,class:"work-btn")
else
if user && user.valid_member?
result += link_to("我要参赛", new_competition_work_path(competition), class:"work-btn")
else
result += link_to("我要参赛", "#", class:"work-btn", "data-toggle" =>"modal", "data-target" => "#tips")
end
end
result += link_to("查看全部作品", competition_path(competition), class:"vote-btn")
else
result += "比赛还未开始，请耐心等候"
end
result.html_safe
end
helper里面是可以套helper的，不过调取套用的helper时也是要传参
def render_competition_button_change(competition, user)
result = ""
if competition.present?
if competition.end?
result += link_to("查看获奖作品", awards_competition_path(competition) ,class:"work-btn")
else
result += render_participate_competition_button(user, competition)
end
result += link_to("查看全部作品", competition_path(competition), class:"vote-btn")
else
result += "比赛还未开始，请耐心等候"
end
result.html_safe
end
- 正确
link_to('#', class:"btn vote-btn-lg", id:"upvote-btn")
- 错误（多了一个空格键）
link_to ('#', class:"btn vote-btn-lg", id:"upvote-btn")
