javascript - 单击 rails 按钮永久更改数据模型和 css

Question

所以我正在为客户创建一个照片校对网络应用程序。我希望他能够浏览网站上的图片，每张图片下方都有一个“批准”按钮，他可以单击该按钮，图片边框将变为绿色，表示可以导出。

现在我的 JS/Jquery 知识非常有限，但我知道这可能比前端工作更深入，因为我想即使在浏览器关闭后也能看到这些变化，我认为这需要两个后端和前端解决方案。

我想在我的图像模型下创建一个 bool 属性，当您单击“批准”按钮时，它会将 bool 值切换为 true，这会将 css 类更改为绿色。 rails 有没有办法检测 bool 值并相应地更改 css？我希望能够看到我的客户所做的更改。

如果有任何关于我的方法的反馈/建议，或者是否有更好的方法来解决这个问题，我将不胜感激。谢谢!

Answer 1

首先在您的图像表中添加一个类型为 bool 值的批准列在你的图像 Controller 和这些 Action 上

def approve
@image =Image.find(params[:id])
@image.update_column(:approved,true)
respond_to do |format|
format.js
end
end

在路由中添加这些方法

resources :images do
member do 
put :approve
end   
end 

在你的 html 中

 <div class="image">
<img src="<%=@image.source%>" />
 <%= link_to "approve",approve_image_path(@image),:remote=>true,:method=>"PUT",:class=>"approve_me"%>

</div>

在你的 image.js 文件中添加这些方法

 $("body").on("click",".approve_me",function(e){
 e.preventDefault();
 $(this).parents(".image").find("img).css("border-color","green");
 });