每个视图的JS和CSS文件Phoenix Elixir

时间:2017-02-18 14:39:31

标签: ruby-on-rails elixir phoenix-framework

我发现很少有方法可以让我的工作日常与菲尼克斯一样好,因为我有使用rails。我在凤凰城看到了一些观点。

1:在rails中,我有我的控制器和我的视图,还有CSS和JS文件,当我想只在一个相关视图中包含CSS文件时,我只做

<%= yield :head %>

并在我的View文件中,我只做

<% content_for :head do %>
  <%= stylesheet_link_tag "views/index/landing.css" %>
<% end %>

那就是它。我的CSS文件仅为我的相关视图加载。

2:对于JS,我有application.js文件,其中我包含了我的其他库,最后,我有admin.js,其中我已将其他所有文件包括在内

//= require jquery
//= require dataTables/jquery.dataTables
//= require jquery_ujs
//= require bootstrap.min
//= require admin/admin.js

admin.js.coffee文件

#= require admin/sign_up.js.coffee
#= require admin/company.js.coffee
#= require admin/user.js.coffee

3:对于每个JS文件我正在做的是,例如对于注册视图的JS文件,我在文件的最末端完成了

window.initializeSignUp = ->
  onSignUp()

之后我在注册视图中只需要的是

<script>
  $(document).ready(function () {
    window.initializeSignUp();
  });
</script>

现在它只调用Signup方法,一切正常。 另一方面,我喜欢Elixir,它是一种非常好的和可爱的语言,但每当我开始项目时,我已经害怕早午餐以及资产将如何处理。

对于那些会阅读这个问题的人来说,只是在没有理解这里的主要问题的情况下进行投票:对凤凰城来说,创建一个包含观点和资产等的APP是新手。

我只需要一个明确而正确的答案就可以在不使用早午餐或任何网络包解决方案的情况下与凤凰城合作,但这是正常的方式,这可能吗?

1 个答案:

答案 0 :(得分:0)

我相信你的问题是answered here。答案显示了如何添加页面特定的javascript,但可以为您的CSS样式执行相同的技术。

这里有一个good explanation模板/视图在凤凰城的工作方式。