Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/403.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript RubyonRails——构建交互式界面应该朝哪个方向发展?_Javascript_Ruby On Rails_Ruby_Interface - Fatal编程技术网

Javascript RubyonRails——构建交互式界面应该朝哪个方向发展?

Javascript RubyonRails——构建交互式界面应该朝哪个方向发展?,javascript,ruby-on-rails,ruby,interface,Javascript,Ruby On Rails,Ruby,Interface,因此,我的第一个RubyonRails应用程序已经准备好了接口。我想添加一些类型的Javascript以改善用户体验,并添加一些设计以使界面看起来清晰。在HTML5、CSS3和Javascript领域中,我应该朝哪个方向构建这个界面?记住我是个初学者 此接口有三个主要功能: 1.将控制器@变量的值(0-100)显示为仪表。 2.按顺序列出数组的内容。(见下面的代码) 3.执行ruby的按钮来编码。(见下面的代码) 如果您能提供有关教程、Javascript框架或任何建议的任何提示,我们将不胜

因此,我的第一个RubyonRails应用程序已经准备好了接口。我想添加一些类型的Javascript以改善用户体验,并添加一些设计以使界面看起来清晰。在HTML5、CSS3和Javascript领域中,我应该朝哪个方向构建这个界面?记住我是个初学者

此接口有三个主要功能: 1.将控制器@变量的值(0-100)显示为仪表。 2.按顺序列出数组的内容。(见下面的代码) 3.执行ruby的按钮来编码。(见下面的代码)



如果您能提供有关教程、Javascript框架或任何建议的任何提示,我们将不胜感激。

我可以想出两种非常流行的入门方法

  • 看一看,这里有一个关于如何使用它的例子。那会让你走得相当快

  • 这将使您在将javascript连接到Rails方面处于领先地位。IIRC Rails 3附带JQuery,所以您已经在使用它了


  • 我成功地使用了jQuery/Twitter Bootstrap/erb。
    <div id="page-wrap">
    <% @finalcarssneeded.each do|x| %>
    <div><%= button_to "add #{x}", send(:"#{x}a_cars_path", id: @user.id),  class: "btn       btn-large btn-primary" %></div>
    <% end %>
    </div>