如何在 js 文件里加入 rails 变量 · Ruby China

JavaScript09

如何在 js 文件里加入 rails 变量 · Ruby China,第1张

不行的,app/assets/javascript文件夹里面放的应该是.js文件

你要想这么做,你可以把那个rails的变量放在页面中的一个隐藏域中

例如:

<input type="hidden" id="user_name" value="<%= @user.name %>"/>

在js中就能取到这个@user.name的值

jquery 代码如下

var user_name = $("#user_name").val()

开发应该有一个思想,js代码归js代码,html归html,ruby代码归ruby代码

这样看起来很舒服

coffee文件用的是coffee的时coffee的语法,和js的语法不同.

重新建立一个同名的js文件,比如: application.js.coffee, 就重新建立一个application.js

里面按照js写就可以

rails 5.0 安装部署

1、新项目创建

rails new railsproject --skip-bundle (因为gfw的缘故)所以加--skip跳过bundle,等项目创建成功之后进入railsproject目录下打开gemfile 修改为 source'https://ruby.taobao.org',然后进行bundle install

2、给项目安装bootstrap,使用的bootstrap-sass这个套件。

2.1、修改 Gemfile,在group :development, :test do前一行加入gem 'bootstrap-sass'

2.2、执行bundle install

3、使项目使用 Bootstrap

3.1 修改app/assets/stylesheets/application.css 文件为 application.scss

3.2 然后在 application.scss 文件添加如下两行

@import"bootstrap-sprockets"

@import"bootstrap"

4、使用bootstrap样式

4.1新建app/views/common 文件夹

4.2 在common文件夹下面新建_navbar.html.erb

4.3 在common文件夹下面新建_footer.html.erb

4.4 修改全域 HTML 样式 application.html.erb

4.5 新增一个控制器rails g controller welcome

4.6 新增一个欢迎页面 welcome/index.html.erb

4.7 将首页指到 welcome 下的 index.html.erb 页面

5、制作提示信息

5.1将 Boostrap 的 js 提示套件 bootstrap/alert “挂”进项目里面,在app/assets/app/assets/javascripts/application.jsrequre_tree上加入

//= require bootstrap/alert/

5.2 . 新增 app/views/common/_flashes.html.erb

5.3 新增 app/helpers/flashes_helper.rb

5.4 在 application.html.erb 内加入 flash 这个 partial,在<%= yield %>前加入<%= render "common/flashes" %>