gpt4 book ai didi

ruby-on-rails - 如何向现有 Rails 项目添加 UI 工具包(例如 Get Shit Done)?

转载 作者:行者123 更新时间:2023-12-04 19:03:45 25 4
gpt4 key购买 nike

我对 Rails(以及一般的 Web 开发)相当陌生,我正在尝试添加 Get Shit Done UI Kit (GSD) 到我现有的 Rails-Bootstrap 应用程序(已经使用 bootstrap-rails gem 安装了 Bootstrap)。

这些是这个特定工具包附带的文件:

x_get_shit_done
--assets
---css
-----demo.css
-----get-shit-done.css
-----gsdk-base.css
-----gsdk-checkbox-radio-switch.css
-----gsdk-sliders.css
---img
---js
-----custom.js
-----get-shit-done.js
-----gsdk-bootstrapswitch.js
-----gsdk-checkbox.js
-----gsdk-radio.js
-----jquery-ui-1.10.4.custom.min.js
--bootstrap3
--index.html

这是在示例模板中调用样式表的方式:
<link href="bootstrap3/css/bootstrap.css" rel="stylesheet" />
<link href="assets/css/get-shit-done.css" rel="stylesheet" />
<link href="assets/css/demo.css" rel="stylesheet" />

但在我的 Rails 应用程序中,样式表/JS 的调用方式如下:
<%= stylesheet_link_tag "application", media: "all", "data-turbolinks-track" => true %>
<%= javascript_include_tag "application", "data-turbolinks-track" => true %>

我知道 Rails 为以这种方式向项目添加样式表提供了一些魔力,但我不太明白这种魔力如何应用于添加新的自定义样式表。

此外,我的应用程序中的所有 CSS 文件(按照教程)都是 Sass( .css.scss),所有 HTML 文件都是嵌入的 Ruby( .html.erb),并且已经使用 bootstrap-rails 安装了 Bootstrap。 gem 。

我是否需要以某种方式将带有 UI 工具包的 CSS 文件转换为 Sass? GSD 没有 gem,所以似乎有必要手动添加所有样式,这就是我认为让我失望的地方。

感谢您对这个 nooby 问题的耐心等待 :)

最佳答案

首先阅读 Rails 的 Asset Pipeline你会找到所有问题的答案。

在您的情况下,您需要输入 css文件到 vendor/asssets/stylesheetsjs文件到 vendor/assets/javascripts .然后用 require 添加它们至application.cssapplication.js .

应用程序.css:

*= require_directory get_shit_done # this is vendor/assets/stylesheets/get_shit_done
*= require_tree .
*= require_self

应用程序.js:
//= require_directory get_shit_done
//= require_tree .

在这一切之后 cssjs文件将被加载到 <head>自动地。

然后,您检查 index.html并更改您的 application.html.erb根据它:添加 <meta>的,一些基本的 div的,例如 div.container在 Bootstrap 等。您无需添加 cssjs文件进行布局,因为您已经使用 Asset Pipeline 完成了它。

但我强烈建议您阅读 Assets 管道, .erb格式和其他一些 Rails 基础知识。最好从它们开始,而不是从实现css框架到项目。

关于ruby-on-rails - 如何向现有 Rails 项目添加 UI 工具包(例如 Get Shit Done)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30431847/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com