个人中心
gpt4 book ai didi

javascript - 在sinatra上导入css和js文件

转载 作者：太空宇宙 更新时间：2023-11-04 09:59:43 25 4
gpt4 key购买 nike

您好，我目前正在创建一个使用 bootstrap 和 jquery 的小应用程序，我在导入 css 和 js 文件方面遇到了一些问题。

这是我的 layout.erb 的样子。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Portfolio</title>
    <link href="public/css/bootstrap.min.css" rel="stylesheet">
    <script src="public/js/bootstrap.min.js"></script>
    <script src="public/js/jquery-3.1.0.min.js"></script>

</head>
<body>
    <header>
        <nav class="navbar navbar-inverse navbar-fixed-top">
            <div class="container">
                <ul class="nav navbar-nav">
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Projects & Tutorials</a></li>
                    <li><a href="#">The Division Highlights</a></li>
                    <li><a href="#">Contact Us</a></li>
                </ul>
                <p class="navbar-text navbar-right"><a href="#" class="navbar-link"><span class="glyphicon glyphicon-user"></span> Login / Signup</a></p>
            </div>
        </nav>
    </header>

    <section>
        <%= yield %>
    </section>

    <footer>
        <div class="panel panel-default">
            <div class="panel-footer">&copy; Copywrite JDG</div>
        </div>
        </footer>
</body>
</html>

这里是我为 views 文件夹配置文件的地方

require 'rubygems'
require 'sinatra'
require_relative './app'

module Portfolio

  class MainRoutes < Sinatra::Base

    before do
      @user_authentication = Portfolio::Main
    end

    configure do
      set :views          , File.expand_path('../../../Portfolio-FE/views', __FILE__)
      set :root           , File.dirname(__FILE__)
    end

    helpers do
      include Rack::Utils
      alias_method :h, :escape_html
    end

    get '/' do
      erb :index
    end
  end
end

这就是我的文件的样子。

enter image description here

元素中没有导入 css 和 js，我想知道为什么。

谢谢你们。

最佳答案

我想出了答案，

只需像这样设置公用文件夹:

set :public          , File.expand_path('../../../Portfolio-FE/public', __FILE__)

并像这样导入文件。

<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery-3.1.0.min.js"></script>

关于javascript - 在sinatra上导入css和js文件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38430611/

25 4 0
文章推荐： java - 重构方法时要选择什么方法，才能符合整洁代码的原则？
文章推荐： python - 删除超过 70% 零的列
文章推荐： linux - 在 RabbitMQ 崩溃后有没有办法拯救队列？
文章推荐： java - Spring Boot - 从 application.yml 注入(inject)静态映射
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com