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 ..只要删除掉这句,就不会产生上面情况
分享到:
相关推荐
1. **Asset Pipeline**:Laravel Assets提供了一个类似Rails的资产管道系统,允许开发者将多个JS或CSS文件合并成一个单一的文件,减少HTTP请求,从而提高网页加载速度。 2. **版本控制**:通过自动添加版本号到静态...
`date_select`用于创建一个日期选择器,由年、月、日三个下拉列表组成。基本用法如下: ```ruby , "published_at" %> ``` 这将为`post`模型的`published_at`字段生成日期选择器。可以添加额外的选项来自定义...
标题 "Rails3+GithubOAuth2+设计示例应用程序" 提供了我们正在处理一个使用Rails 3框架构建的Web应用程序,该应用集成了Github的OAuth2授权机制。Rails是Ruby on Rails的简称,是一个流行的开源Web开发框架,以其DRY...
第三章“Rails中的视图布局和辅助方法”,侧重于MVC架构中的视图部分,包括如何构建表单视图、实现AJAX交互,以及模板引擎的使用。模板引擎允许开发者使用Ruby代码和HTML混合的方式创建动态视图,大大简化了Web页面...
如果这个文件是自定义实现,那么其内容可能包括了创建日历界面、处理用户交互以及更新表单字段值的逻辑。 总的来说,Rails中的日期控件主要是为了提升用户体验,通过JavaScript和CSS库将简单的文本输入转换为可交互...
- **Assets Pipeline**:Rails 4 引入了一个新的特性,即资源管道,它可以将 JavaScript、CSS 等前端资源文件进行压缩合并,从而提高应用的加载速度。 **5. Rails 的开发流程** - **环境搭建**:在开始开发之前,...
- 将JS文件放置于项目的`assets/javascripts`目录下,而SWF文件则可以创建一个新的目录来存放。 完成以上步骤后,即可开始实现多图上传功能。 #### 四、具体实现步骤 接下来是具体的实现步骤: 1. **添加前端JS...
4. JavaScript和CSS:Typeahead Addresspicker的核心在于前端的JavaScript文件,它定义了如何使用Typeahead.js和Geocoding API,以及样式文件,用于美化组件的视觉效果。 四、源码分析 1. `app/assets/javascripts...
1. **Gemfile**: 这个文件列出了所有项目依赖的Ruby gem,包括Rails本身和其他第三方库。开发者可能会在这个模板中预装一些常用的gem,如devise、bootstrap-sass、activeadmin等。 2. **config/application.rb**: ...
在Ruby on Rails(RoR)教程的第三章中,我们将深入探索这个强大的Web开发框架,了解如何构建一个名为"sample_app"的示例应用程序。RoR是基于Ruby语言的,它提供了一种模型-视图-控制器(MVC)架构,使得开发过程...
2. **初始化前端结构**:创建`app/assets/javascripts/spine`目录,将Spine.js库文件及所需模块放入其中。你可能还需要创建对应的目录结构来组织你的Spine.js应用。 3. **编写Model**:在前端定义与Rails后端Model...
本教程将深入讲解这个第三章中的示例应用程序,旨在通过实际操作来提升对Ruby on Rails的理解。Ruby on Rails是基于Ruby编程语言的一个开源Web应用框架,它遵循MVC(Model-View-Controller)架构模式,强调简洁和...
Rails的MVC架构将应用分解为三个主要部分:模型(Model)、视图(View)和控制器(Controller)。模型负责处理业务逻辑和数据操作,视图负责展示用户界面,而控制器作为中间人,协调模型和视图的交互。 在"sample_...
- **Gem**: Rails 项目中使用的第三方库。 - **流行 Gem**: - Devise: 用户认证。 - CanCanCan: 授权。 - ActiveAdmin: 后台管理界面。 - Paperclip 或 CarrierWave: 文件上传。 - RSpec 和 Capybara: 测试框架...
3. 资源同步:利用`ember rails`命令同步Ember资源到Rails的public目录,如`rails ember:assets`。 四、CircleCI的引入 CircleCI是一个流行的持续集成/持续部署(CI/CD)平台,它提供了自动化的构建、测试和部署...
当通过`rails new app_name`命令创建一个新的Rails应用时,会在项目根目录下生成一系列文件夹和文件。这些组件共同构成了Rails应用程序的基础结构。 #### 三、核心目录结构详解 下面我们将逐个介绍这些主要目录的...
Rails 5及更高版本默认使用Webpacker来管理前端资源,包括JavaScript和CSS,所以你可能还会看到一个`config/webpacker.yml`配置文件和`app/javascript`目录。 此外,Rails的`rake doc:app`任务会生成应用程序的YARD...
在“angular_rails_raffler-master”文件夹中,我们可以看到典型的Rails项目结构,包括app、config、db、public等目录,以及Gemfile、Gemfile.lock、Rakefile等核心文件。AngularJS的部分主要存在于app/assets/...
本教程以"sample_app"为例,深入讲解如何使用Ruby on Rails创建一个实际的应用程序。 首先,让我们了解一下Rails的核心理念——"Convention over Configuration"(约定优于配置)。这意味着Rails有一套默认的规则和...
1. **Gemfile**: 这个文件列出了项目依赖的外部库或gem,通过`bundle install`命令安装。 2. **config/routes.rb**: 路由配置文件定义了URL到控制器动作的映射,是应用程序的主要导航结构。 3. **app/models**: 这...