首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Rails 3.1新手:我应该把javascript代码放在哪里?

在Rails 3.1中,将JavaScript代码放在哪里取决于它的用途和加载方式。以下是一些建议的位置:

  1. 应用程序级别的JavaScript代码:这些代码通常包含在您的应用程序中的所有页面上都需要的功能。将这些代码放在app/assets/javascripts目录下。例如,如果您有一个名为application.js的文件,它包含了整个应用程序所需的JavaScript代码。
  2. 控制器级别的JavaScript代码:如果您有一些特定于某个控制器的JavaScript代码,您可以将它们放在与该控制器的名称相同的子目录下。例如,如果您有一个名为home_controller.rb的控制器,您可以在app/assets/javascripts/home目录下创建一个名为home.js的文件,并将与该控制器相关的JavaScript代码放在其中。
  3. 视图级别的JavaScript代码:如果您有一些特定于某个视图的JavaScript代码,您可以将它们直接放在该视图的HTML文件中。通常,这些代码会被放在<script>标签内。例如:
代码语言:html<script>
复制
  // 您的JavaScript代码
</script>
  1. 使用模块化和Webpacker:在较大的Rails应用程序中,您可能希望使用模块化和Webpacker来组织和构建您的JavaScript代码。在这种情况下,您可以在app/javascript目录下创建一个名为packs的子目录,并将您的JavaScript代码放在其中。例如,您可以在app/javascript/packs目录下创建一个名为application.js的文件,并将您的应用程序级别的JavaScript代码放在其中。

请注意,这些只是一些建议的位置,您可以根据您的应用程序的需求和结构来调整这些位置。同时,您还可以使用诸如React、Vue.js或Angular等前端框架来构建和组织您的JavaScript代码。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

html在线编辑器源代码_html编程

大家好,又见面了,是你们的朋友全栈君。 变一般软件开发中必备的一样工具就是代码编辑器。...来看看具体都有哪些在线代码编辑器。或许有一些你应该会比较熟悉。 1. CodePe CodePen是最喜欢的代码编辑器之一。...Dabblet Dabblet的界面十分简洁,操作起来并不复杂,特别适合新手和想尝试最新HTML5标签和CSS3样式的前端攻城师使用。Dabblet的一大特色是代码编写时可免加CSS前缀。...Codeanywhere的特点是:随时随地可以写代码(虽然认为手机上写代码有点搞笑)。...Codeanywhere支持连接FTP Server、Dropbox、Github,比如Dropbox,你只要有一个账号,连上Dropbox后,Codeanywhere能够在Dropbox上创建html等文件,你写的代码都存放在

8.6K50

前端 vs 后端:哪一个适合你?

定义 在刚开始学习软件开发的时候,首先要经历的心理斗争就是应该把关注点放在哪,前端还是后端?在我们深入了解两个领域的特征之前,我们先来看看它们的定义。...想说的是,在你决定要把重点放在哪里之前,给自己一年或两年的时间来研究整个流程。这将给你足够的时间来解决最初的“哇,这太糟糕了,因为它很难”的问题,同时还能让你真正评估它是否是你喜欢使用的技术。...为什么选择后端 想我应该在这里加上一段为什么最终选择了后端,希望它可以在其他人做决定时帮助他们。当我转行成为一名开发人员时,寻求工作满足感,并决定开始跨整个工作栈。...在真正转向后端之前,做了 3 年的全栈开发。吸引来到后台的是 Ruby 的简洁。JavaScript 和前端语言对来说总是缺乏组织性。还热衷于优化代码性能。喜欢想办法让事情运行得更好更快。...最后,不是一个非常注重视觉或艺术的人。有些人可以看看网页,然后想办法放在什么地方。从来都不擅长这个,所以后端让更自然、更舒服。

1.5K20
  • 终于逃离了 Node

    当时硅谷的主流框架(Ruby on Rails)还没有足够的并发能力,而 Node 却有着相当稳固的并发特性基础。大家都会用 JavaScript,而且回调的并发门槛比当时许多线程模型要低很多。...从那一刻起,哪里都能体会到这个道理。如果觉得自己的程序变得太复杂或太难读懂,那问题基本都来自于数据结构。...从那时起,每次被其他程序员的代码打动的时候,都不是因为代码用了聪明的技巧或者算法,而是因为代码中能看出程序员对程序数据应有结构的独到眼光。 这一原则将数据结构视为大厦的基础。...当引入一个红色函数时,它会在你的代码库中流血,染红许多二级和三级函数。 Async/await 和事件循环是一个奇怪的范式。很难向新手程序员解释清楚其中的机制。...但这种抽象并不完美,并且放在了错误的堆栈层上。

    51130

    Github开源免费编程书籍

    Logstash 最佳实践 Mastering Elasticsearch(中文版) Puppet 2.7 Cookbook 中文版 编程艺术 取悦的工序:如何理解游戏 (豆瓣阅读,免费书籍) 每个程序员都应该了解的内存知识...Activiti 5.x 用户指南 Apache MINA 2 用户指南 Apache Shiro 用户指南 Google Java编程风格指南 H2 Database 教程 Java Servlet 3.1...代码风格指南 Google JSON 风格指南 impress.js impress.js的中文教程 JavaScript Promise迷你书 Javascript 原理 JavaScript 标准参考教程...语言核心机制的系列图书) Zepto.js Zepto.js 中文文档 命名函数表达式探秘 (注:原文由为之漫笔 翻译,原始地址无法打开,所以此处地址为博客上的备份) 学用 JavaScript 设计模式...风格指南 Ruby on Rails Tutorial 原书第 2 版 Ruby on Rails 实战圣经 Ruby 风格指南 笨方法学 Ruby Rust Rust 官方教程 Rust 语言学习笔记

    7.7K40

    一个很有借鉴价值的编程故事

    那还不是因为每本书开始的时候简单易懂,然后就开始做假设,假设你具备这个知识,假设你会使用那种工具,可是这些都不会好吗? 的一个朋友告诉应该学Emacs,并且给了我他的配置文件。...最开始的几周真是艰难,这种艰难不仅仅来自于我来到一个新的团队,使用一种新的语言,新的框架和新的代码库,而是因为发现身边的人都是以一种自虐的态度在学习编程。...在Passion Project和黑客马拉松中,开发者可能会使用新的JavaScript框架,比如说Angular.js。而在一个真正的团队里,成员精力主要放在使用现有的技术提升产品之上。...选择一种编程语言:JavaScript,Ruby或者Python。每种语言有自己的强项,都有与之相对的用于构建web应用的工具(分别是Node.js,Rails或Django)。...除非你自己明确知道自己该学哪种语言,否则推荐你学习JavaScript,因为它使用最广泛。 选择一门在线课程。

    1K60

    Phoenix 1.3,迈向正确的道路

    我们应该根据需求,先把业务模型构建出来,各个服务构建妥当后,再使用 rails 等打造前端。...当然我们随着系统的发展,业务逻辑和数据模型抽取出来,放在 lib 下,甚至,用 elixir / erlang 惯有的方式,将它们包装成一个个独立的 app,然而,scaffolding 出来的目录结构还是会深深地影响和制约着你的代码结构...在这样的代码里,我们看不清系统各部分的边界在哪里。新的代码的插入是那样的顺理成章,以至于一切良好的设计都随着边界的模糊而变得混乱不堪。理想的状态是这样: ?...不但喜欢服务通过目录来划分势力范围,更钟情将它们构造成不同的 app 来进一步在运行时界定它们的边界。...这种在运行时系统划分成不同 app 来管理的方式,非常非常喜欢。它让系统的管理变得简单,边界清晰,解耦变得容易,系统的脉络一路了然。

    1.6K150

    周末看看 GitHub 上有哪些项目能帮你更好的学习编程?

    30 秒学 JavaScript 该项目收集了一些实用的 JavaScript 代码片段,让你在 30 秒内就能看懂并用上。 如果你是一名前端工程师,那这个项目再适合你不过了。...如果你是对前端感兴趣的普通用户,那可以看下之前写的这篇文章,从今天开始学习 JS 吧!...这份开源的 JavaScript 教程是真的走心 项目地址: https://github.com/30-seconds/30-seconds-of-code Rails Girls 指南 Ruby on...Rails 是一个基于 Ruby 语言的 Web 开发框架,由于其倡导敏捷开发、不写重复代码的原则受到了许多 Web 开发者的追捧。...Rails Girls Guides 就是该组织给这些女生所准备的 Rails 学习指南,目前该指南也提供了中文翻译,非常适合新手入门学习。

    1.3K50

    GitHub 上有哪些项目能帮你更好的学习编程?

    30 秒学 JavaScript 该项目收集了一些实用的 JavaScript 代码片段,让你在 30 秒内就能看懂并用上。 如果你是一名前端工程师,那这个项目再适合你不过了。...如果你是对前端感兴趣的普通用户,那可以看下之前写的这篇文章,从今天开始学习 JS 吧!...这份开源的 JavaScript 教程是真的走心 关注 GitHubDaily 公众号,后台回复「412」获取项目地址 ?...Rails Girls 指南 Ruby on Rails 是一个基于 Ruby 语言的 Web 开发框架,由于其倡导敏捷开发、不写重复代码的原则受到了许多 Web 开发者的追捧。...Rails Girls Guides 就是该组织给这些女生所准备的 Rails 学习指南,目前该指南也提供了中文翻译,非常适合新手入门学习。

    1.1K20

    最受推荐的 9本全栈开发书籍,助web前端开发学习

    注意,这本书是“代码沉重”,因为它实现了一个完整的堆栈移动应用程序。...如果大家对于学习前端有任何问题,学习方法,学习路线,如何学习有效率的问题,可以随时来咨询,或者缺少系统学习资料的,做这行年头比较久,自认为还是比较有经验的,可以帮助大家提出建设性建议,603985993...这是的web前端交流3000人裙,有任何问题可以随时来咨询。...您应该具有一些基本Rails概念的经验,并对JavaScript、CSS和SQL有一个粗略的了解 4、《Full Stack AngularJS for Java Developers》 无论你是AngularJS...和Spring RESTful web服务的新手,还是经验丰富的专家,都可以本书从头构建功能齐全的web应用程序。

    4K10

    Laravel 5.0 之目录结构与命名空间

    以前它更像是 Rails/CodeIgniter 风格的代码目录, 包含了应用逻辑, 应用配置, 视图模板, 持久化存储等除了静态资源以外的几乎所有东西....但 5.0 版本改用 PSR-4 规范来实现主要逻辑的自动加载已经是一大进步, 为应用代码与 Laravel 进行分离提供了理论上的可能. xxx 应该放在哪里?...如果 xxx 代表的是某个类, 或者可以写成一个类的话, 它应该放在 app/ 下的某个地方. 如果 xxx 代表的是 Eloquent model, 它应该放在 app/ 下的某个地方....如果 xxx 不属于上面的任何一种情况, 那么从目录结构就可以很清楚看出它应该放在哪里了. 代码中的命名空间(namespace)是怎么工作的?...写在最后 Laravel 5.0 中新的应用目录结构和应用命名空间可以帮助我们一步步地提升代码的健壮性, 一致性和代码质量. 要给它点32个赞.

    1.4K40

    慢的不是 Ruby,而是你的数据库

    确信 Ruby 和 Rust 版本都可以进一步改进(尽管作为 Ruby 专家和 Rust 新手已经意识到 Rust 版本比 Ruby 版本更容易进行进一步优化)。...个人主要使用 Ruby 编写代码,但很少涉及 Rails(因为不太喜欢它),不过是个例外。在 Ruby 开发中,几乎总是采用 “用 Rails 进行 Web 开发” 的方式。...但我们应该注意到的是,这种错误在代码库中比比皆是。这些项目之所以继续运行,唯一的原因是 Heroku 服务器的巨大成本(1200 美元 / 月),能为数百访问者提供服务一天。...内文注释: [1] 不过,要强调的是:作为 Rust 新手花了一个多小时编写 Rust 版本,而作为 Ruby 资深用户(10 年以上),只用了不到 10 分钟。...最明显的一点是,你永远不能把所有的业务逻辑都放在数据库中,即使你想这样做。因此,你将在多个地方拥有业务逻辑,而不需要任何去往何处的结构。所以放在一个地方的显而易见的解决方案是……放在一个地方。

    13630

    用了十年去探索

    Ruby-China.Org[1] 这个网站是手撸的,用我们自己纯手写的代码这个网站搭建起来的,而且我们整个网站全部开源。直到今天,这个网站仍然在不断地增加功能和持续维护。...他后来 Ruby China 的 Logo 摆在 36Kr 网站的右下角,告诉所有懂技术的人:这个网站的代码是基于 Ruby China 搭建的!这是他致敬 Ruby China 的一种方式。...那么既然大家都选择了 Ruby 语言,即便对方伸手党,我们都应该尽量去帮助。 慢慢的,有越来越多人去帮助新手。基本上,新手没有什么的问题在这里是得不到解决的,一个问题 Po 上去都会得到回答。...这些赞助商在其他的合作方版面上,都没有要求他们的广告放在很显眼的地方,他们对我们非常非常的尊重,他们说:你们我们的 Logo 放在页脚就够了。我们支持你们,因为我们认同这个社区。...Rails 有自己的信条,追求程序员的幸福最大化、约定优于配置、推崇优美的代码,提供实用工具,进步比稳定更重要等等。 这些点都是构成它文化的一部分,而这些东西在我们身上或多或少会有烙印。

    58260

    PHP将死。何以为继?

    就在这个顽固的PHP分子正要把一个现有的Ruby on Rails代码库转换成PHP时,要说这样的话。 历史在重演 认为PHP将亡,因为以前见到过。大概十年之前,PHP灭掉了Perl。...同时PHP往往是用在只要20行代码就能写出一个网页的地方,而如今却是如果你不使用什么MVC框架之类的东西就会被认为没有事 情做对。...这篇文章的目的就是想试图原因说清楚。 的主要的抱怨,必须要提的,就是性能。之前就说过这种问题不应该被当作一种语言的致命缺陷,它只是语言实现中的暂时的问题。...所以我不能把这当作 一个真正的问题,尽管它是现在的应用移植到PHP的最主要的一个原因。可以让Rails跑的跟PHP一样快,但那需要提供2到4倍高的硬件条件。...代码生成让想到了Ruby on Rails的一个可能是最根本的问题,就是它并不是一种语言。Ruby是一种语言。

    1.5K60

    新手RoR十分钟初体验Step By Step

    阅读更多 新手RoR十分钟初体验Step By Step 声明一下,这是个新手启动的体验文章,高手不要看了。。。...rorweb ,会在rorweb目录下创建相应的一堆完整的Web应用的目录结构,然后你应该做的就是写你的程序了。      .... 9、中文截取问题测试 http://my.opera.com/sawpad/blog/show.dml/235183 从以上地址拿到程序放到 rorweb\lib\ 目录下 它的示例里有问题,回复了它...(s,0,11)    s3 = u2.cut(s,0,12)    puts s1    puts s2    puts s3   记得JavaEye上线时也是乱码问题,现在解决了的,原来给...Robbin写过用JavaScript来解决乱码的问题,不知道Robbin后来如何解决的,搜了一下,没有发现解决方案?

    1.6K10

    什么是2016年最值得学习的编程语言?

    你可以很快地用相对少的代码构建一个应用程序,在你希望用代码实现某个你想要的功能时,没有太多的强制规则限制。...Ruby 为了让开发更加开心和高效地开发而设计的语言,Ruby因Ruby on Rails框架而流行,Ruby on Rails 是一个一站式的 Web 开发框架,为了开发者开发的便利而优化。...最近也想用Ruby来构建自己的个人博客。 PHP PHP是一门服务器端的脚本语言,由于易于其代码掌握而通常被认为是对初学者友好的语言,PHP入门并不难。...由于使用C完成一个简单任务需要更复杂的代码,初学者也许会发现如果他们如果C作为入门语言,会很难保持学习的动力。然而C语言的有关知识会使一个程序员受益匪浅。...受Python的启发,Swift是想成为编程新手易于掌握的语言,也是按照能修复一些Objective-C的问题的方向设计的。

    99010

    DHH:2017年Rails 框架还值得学习吗?

    这些年 JavaScript 世界有着大量的进步, 但我们也看到了倒退的世界, 而这些正在 Rails 前年就为大家解决掉了....他们只是从各种库里找到自己的工具, 它们组装起来, 从未满意过. Rails 的核心原则非常独特, 虽然也一直有争议, 那就是约定大于配置....如果读过这些资料之后, 你应该能准确判断出 Rails 是否适合你了. 如果你还不能意识到其中的争议, 或者你只是不喜欢这些争议中提出的解决方案, 那么 Rails 技术的细节可能并不重要....而且, 最为重要的是, 已经 “樱桃” 留下了. 现在就开始使用 Ruby 吧. 就算这些年是人们重新发现函数式编程和不变性数据理念价值的时代, Ruby 仍然是遇到过最漂亮, 最奢华的语言....相信我, 只需给你看几行代码, 就能肯定你会爱上 Ruby.

    2K90

    像一名教育者一样思考代码质量

    事实上,这些古怪的东西能够帮助 Rails 专家变得更高效。但是,如果你工作在一个对 Rails 都是新手的团队中时,这些菜鸟绝对会陷入绝望和沮丧中。 这就是需要像一名教育者一样思考的地方。...也不知道能不能读懂它。 这说明了一些问题,因为 Eric Normand 是一名函数式编程方面的专家。如果你的代码过于简洁,以至于即使是领域专家也很费劲才能理解它,那么这可能不是你应该追求的目标。...还从 clean-code-javascript“借”了一些示例过来。 差的代码 // What the heck is 86400000 for?...因为一直认为,用户测试是人们应该代码库中做的事情! 想想看,在文档最后一段所说的: 问问你自己,是否会有其他人会很难理解你所写的代码 可用性设计师一直在做这类事情!这是他们的工作!...它放到真正的用户面前,看看有哪些别扭的点。为什么我们不能对代码也这样做呢?

    75530

    群晖NAS安装gitlab

    这时候可以直接访问地址了IP:10080,不知道为什么,程序运行没问题 访问的时候不显示, 后来在反向代理哪里设置了一下 访问代理地址就没问题了!如图所示!...常见问题 ROOT密码 登陆后发现没有让输入新密码 而是账号和密码在docker/config目录里发现一个一个initial_root_password文件 打开一看果然记录了初始密码。...查看Gitlab网站文档,原来GitLab 14.0开始, 密码放在了/etc/gitlab/initial_root_password里了。.../docker/gitlab/config/gitlab.rb # 32行修改以下配置 external_url 'https://:' 的填写的 external_url 'https...://nas.mrf.ink:10444' 这时候也要修改启动容器的端口 的群晖反向代理这么填写 配置电子邮件 #修改以下配置 gitlab_rails['smtp_enable'] = true

    2.4K20

    什么是2016年最值得学习的编程语言?

    你可以很快地用相对少的代码构建一个应用程序,在你希望用代码实现某个你想要的功能时,没有太多的强制规则限制。...Ruby 为了让开发更加开心和高效地开发而设计的语言,Ruby因Ruby on Rails框架而流行,Ruby on Rails 是一个一站式的 Web 开发框架,为了开发者开发的便利而优化。...最近也想用Ruby来构建自己的个人博客。 PHP PHP是一门服务器端的脚本语言,由于易于其代码掌握而通常被认为是对初学者友好的语言,PHP入门并不难。...由于使用C完成一个简单任务需要更复杂的代码,初学者也许会发现如果他们如果C作为入门语言,会很难保持学习的动力。然而C语言的有关知识会使一个程序员受益匪浅。...受Python的启发,Swift是想成为编程新手易于掌握的语言,也是按照能修复一些Objective-C的问题的方向设计的。

    99510
    领券