`

rails 3 assets三个文件内容使用方法

阅读更多

rails3 中assets中三个文件夹images\ javascripts\stylesheets,用来分别存放图片,js,CSS样式。

 

images(图片):

    存放页面上与样式中的图片,方法:页面上:/assets/图片名, 如果images下有二级文件夹,例如admin.

                                                    /assets/admin/图片名

    在样式中件,例如:background属性,就是直接 图片名,如果有二级文件夹,../admin/图片名

 

 

 

javascriopts(JS):

   存放rails3中的jquery代码

 

 

stylesheets(样式):

    存放CSS样式,

 

在layout/application中引用:

 

  <%= stylesheet_link_tag    "application" ,'css','admin/css'%>
  <%= javascript_include_tag 'application','jquery','admin/jquery'%>
  <%= csrf_meta_tags %>

 有二级文件夹时,前面加二级文件夹名

注意:新建好rails3 一个项目时,application在上面是已经存在的,意思是加载在样式或是js文件夹下的所有文件,但不包括二级文件夹下的文件。

 

javaxcripts(文件夹)
   fille(文件夹)
       new_file.js
   css.js

  

当加载时,用application,会自己加载css.js文件,当然也可以消除这种情况,

在application中,有三句类似于注释,三句分别为,jquery tree ..只要删除掉这句,就不会产生上面情况

分享到:
评论

相关推荐

    Laravel开发-laravel-assets

    1. **Asset Pipeline**:Laravel Assets提供了一个类似Rails的资产管道系统,允许开发者将多个JS或CSS文件合并成一个单一的文件,减少HTTP请求,从而提高网页加载速度。 2. **版本控制**:通过自动添加版本号到静态...

    rails日期控件

    `date_select`用于创建一个日期选择器,由年、月、日三个下拉列表组成。基本用法如下: ```ruby , "published_at" %&gt; ``` 这将为`post`模型的`published_at`字段生成日期选择器。可以添加额外的选项来自定义...

    Rails3+GithubOAuth2+设计示例应用程序_Ruby_JavaScript_下.zip

    标题 "Rails3+GithubOAuth2+设计示例应用程序" 提供了我们正在处理一个使用Rails 3框架构建的Web应用程序,该应用集成了Github的OAuth2授权机制。Rails是Ruby on Rails的简称,是一个流行的开源Web开发框架,以其DRY...

    ruby on rails 实践

    第三章“Rails中的视图布局和辅助方法”,侧重于MVC架构中的视图部分,包括如何构建表单视图、实现AJAX交互,以及模板引擎的使用。模板引擎允许开发者使用Ruby代码和HTML混合的方式创建动态视图,大大简化了Web页面...

    Rails 日期控件

    如果这个文件是自定义实现,那么其内容可能包括了创建日历界面、处理用户交互以及更新表单字段值的逻辑。 总的来说,Rails中的日期控件主要是为了提升用户体验,通过JavaScript和CSS库将简单的文本输入转换为可交互...

    Ruby On Rails For Dummies

    - **Assets Pipeline**:Rails 4 引入了一个新的特性,即资源管道,它可以将 JavaScript、CSS 等前端资源文件进行压缩合并,从而提高应用的加载速度。 **5. Rails 的开发流程** - **环境搭建**:在开始开发之前,...

    rails 多图上传.txt

    - 将JS文件放置于项目的`assets/javascripts`目录下,而SWF文件则可以创建一个新的目录来存放。 完成以上步骤后,即可开始实现多图上传功能。 #### 四、具体实现步骤 接下来是具体的实现步骤: 1. **添加前端JS...

    typeahead-addresspicker-rails-源码.rar

    4. JavaScript和CSS:Typeahead Addresspicker的核心在于前端的JavaScript文件,它定义了如何使用Typeahead.js和Geocoding API,以及样式文件,用于美化组件的视觉效果。 四、源码分析 1. `app/assets/javascripts...

    rails_template:我制作了一个 Rails 模板

    1. **Gemfile**: 这个文件列出了所有项目依赖的Ruby gem,包括Rails本身和其他第三方库。开发者可能会在这个模板中预装一些常用的gem,如devise、bootstrap-sass、activeadmin等。 2. **config/application.rb**: ...

    sample_app:Rails教程第3章

    在Ruby on Rails(RoR)教程的第三章中,我们将深入探索这个强大的Web开发框架,了解如何构建一个名为"sample_app"的示例应用程序。RoR是基于Ruby语言的,它提供了一种模型-视图-控制器(MVC)架构,使得开发过程...

    spine.rails3:演示Spine和Rails集成的示例应用程序

    2. **初始化前端结构**:创建`app/assets/javascripts/spine`目录,将Spine.js库文件及所需模块放入其中。你可能还需要创建对应的目录结构来组织你的Spine.js应用。 3. **编写Model**:在前端定义与Rails后端Model...

    sample_app:ruby on rails 第三章

    本教程将深入讲解这个第三章中的示例应用程序,旨在通过实际操作来提升对Ruby on Rails的理解。Ruby on Rails是基于Ruby编程语言的一个开源Web应用框架,它遵循MVC(Model-View-Controller)架构模式,强调简洁和...

    sample_app:Ruby on Rails 教程的应用程序

    Rails的MVC架构将应用分解为三个主要部分:模型(Model)、视图(View)和控制器(Controller)。模型负责处理业务逻辑和数据操作,视图负责展示用户界面,而控制器作为中间人,协调模型和视图的交互。 在"sample_...

    rail on ruby

    - **Gem**: Rails 项目中使用的第三方库。 - **流行 Gem**: - Devise: 用户认证。 - CanCanCan: 授权。 - ActiveAdmin: 后台管理界面。 - Paperclip 或 CarrierWave: 文件上传。 - RSpec 和 Capybara: 测试框架...

    ember-cli-rails-continuous-integration-example:Ember CLI 和 Rails 与 CircleCI 示例的持续集成

    3. 资源同步:利用`ember rails`命令同步Ember资源到Rails的public目录,如`rails ember:assets`。 四、CircleCI的引入 CircleCI是一个流行的持续集成/持续部署(CI/CD)平台,它提供了自动化的构建、测试和部署...

    Ruby on Rails所构建的应用程序基本目录结构总结

    当通过`rails new app_name`命令创建一个新的Rails应用时,会在项目根目录下生成一系列文件夹和文件。这些组件共同构成了Rails应用程序的基础结构。 #### 三、核心目录结构详解 下面我们将逐个介绍这些主要目录的...

    sample_app:这是 [*Ruby on Rails 教程*] 的示例应用程序

    Rails 5及更高版本默认使用Webpacker来管理前端资源,包括JavaScript和CSS,所以你可能还会看到一个`config/webpacker.yml`配置文件和`app/javascript`目录。 此外,Rails的`rake doc:app`任务会生成应用程序的YARD...

    angular_rails_raffler:AngularJS + Rails-随机选择下一任总裁

    在“angular_rails_raffler-master”文件夹中,我们可以看到典型的Rails项目结构,包括app、config、db、public等目录,以及Gemfile、Gemfile.lock、Rakefile等核心文件。AngularJS的部分主要存在于app/assets/...

    sample_app:Ruby on Rails教程:示例应用程序

    本教程以"sample_app"为例,深入讲解如何使用Ruby on Rails创建一个实际的应用程序。 首先,让我们了解一下Rails的核心理念——"Convention over Configuration"(约定优于配置)。这意味着Rails有一套默认的规则和...

    sample_app:Ruby on Rails 教程的示例应用程序

    1. **Gemfile**: 这个文件列出了项目依赖的外部库或gem,通过`bundle install`命令安装。 2. **config/routes.rb**: 路由配置文件定义了URL到控制器动作的映射,是应用程序的主要导航结构。 3. **app/models**: 这...

Global site tag (gtag.js) - Google Analytics