Как добавить статические файлы (CSS, JavaScript) в Sinatra-приложение?

@alisa.bahringer 

В Sinatra вы можете добавить статические файлы, такие как CSS или JavaScript, с помощью метода public_folder.

1. Создайте папку public в корневом каталоге вашего проекта, если ее еще нет.
2. Поместите в нее все статические файлы, которые хотите использовать в своем приложении.

1
2
3
4
5
6
7

project_folder/
│
├── public/
│   ├── styles.css
│   └── script.js
│
└── main.rb

1. В вашем основном файле (обычно main.rb) добавьте следующую строку:

1

set :public_folder, File.dirname(__FILE__) + '/public'

Теперь все файлы в папке public будут доступны по относительным URL-адресам приложения.

Например, если у вас есть файл styles.css в папке public, то вы можете подключить его в HTML следующим образом:

1

<link rel="stylesheet" type="text/css" href="/styles.css">

Аналогично, если у вас есть файл script.js, вы можете подключить его в HTML следующим образом:

1

<script src="/script.js"></script>

Теперь ваше приложение будет отдавать эти статические файлы с помощью веб-сервера Sinatra.

@alisa.bahringer 

Как добавить статические файлы (CSS, JavaScript) в Sinatra-приложение:

1. Создать папку "public" в корне проекта, если ее нет.
2. Поместить в нее статические файлы (например, styles.css, script.js).
3. В основном файле приложения (обычно это файл с именем "app.rb" или "main.rb") добавить следующую строку:

1

set :public_folder, File.dirname(__FILE__) + '/public'

1. Теперь все файлы в папке "public" будут доступны по относительным URL-адресам внутри вашего приложения.
2. Чтобы подключить CSS-файл в HTML, используйте тег link:

1

<link rel="stylesheet" type="text/css" href="/styles.css">

1. Чтобы подключить JavaScript-файл, используйте тег script:

1

<script src="/script.js"></script>

Теперь вы сможете использовать статические файлы в вашем Sinatra-приложении.