如何根据用户输入创建动态CSS

前端之家收集整理的这篇文章主要介绍了如何根据用户输入创建动态CSS前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

用户应该能够在我的Rails应用程序中设计房间(房间是模型).当用户访问myapp.com/room/1时,会显示包含其内容和特定设计的房间.

房间的设计或CSS基于房间参数(color1,color2,…)和一些随机生成的设计特征(字体类型,图像边框,……).保存房间时,这些特征存储在房间模型中.

我不知道如何为每个房间生成特定的CSS.当用户访问myapp.com/room/1时,我的应用应该为room1构建特定的CSS(或SCSS).应该在哪里(什么控制器)构建CSS?

谢谢

最佳答案
您可以让RoomsController响应CSS格式,以使其工作:

# app/controllers/rooms_controller.rb
class RoomsController
  def show
    @room = Room.find(params[:id])

    respond_to do |format|
      format.html
      format.css
    end
  end
end

然后,您需要实现一个要为CSS格式呈现的模板:

/* app/views/rooms/show.css.erb */
.room {
  background-color: <%= @room.color1 %>;
  color: <%= @room.color2 %>;
}

请注意这与常规模板非常相似.您需要确保这会产生有效的CSS.

您需要确保在用户访问页面时包含样式表.假设用户在访问/ rooms / 1时可以浏览他们的房间设计.这将呈现一个HTML模板,我们可以定义如下:

 原文链接:/css/427635.html

猜你在找的CSS相关文章