More than 5 years have passed since last update.

Sinatraでページを作ってリンクしてみる

Posted at 2015-07-19

はじめに

の続き

about.erbの作成

<html>
<head>
  <meta charset="UTF-8">
</head>
<body>
  <h1>このサービスについて</h1>
  <p>これはSinatraのテストサービスです</p>
  <div>
    <a href="/">トップへ戻る</a>
  </div>
</body>
</html>

app.rbの修正

require 'sinatra'
require 'sinatra/reloader'

get '/' do
  erb :index  
end

get '/about' do
  erb :about
end

この時点で http://localhost:4567/aboutにアクセスすれば「このサービスについて」のページが見れちゃう！

トップからaboutページへリンク

<html>
<head>
  <meta charset="UTF-8">
</head>
<body>
こんにちは。HTMLで書きました。
<p>
<a href="about">このサービスについて</a>
</p>
</body>
</html>

これで、トップページとaboutページは行ったり来たりできますね！

おしまいに

簡単なページの追加についてできたらOKです！

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up