演習課題「投稿フォームで名前を表示する」
右の環境には、Sinatraで投稿フォームプログラムが作成してありますが、名前が表示されません。form.rbを修正して、名前を表示するように修正してください。
採点して、すべてのジャッジに正解すれば、演習課題クリアです!
※ 採点時は、サーバーを起動し、問題文に関するページにアクセスできる状態にしてください。
#03:投稿したデータを表示しよう
ここでは、先ほどのチャプターの続きとして、Sinatraでフォームを作って、受信したデータを表示します。そして、フォームのルーティングについて学習します。
get '/' do
# GETメソッドの処理
erb :form
end
post '/' do
# POSTメソッドの処理
erb :form
end
# 投稿したデータを表示する
require 'sinatra'
require 'sinatra/reloader'
require 'erb'
get '/' do
@article = params[:article]
@name = params[:name]
erb :form
end
post '/' do
@article = params[:article]
@name = params[:name]
erb :form
end
<h1>フォーム</h1>
<form action="/" method="get">
<label for="article">投稿</label>
<input type="text" name="article">
<p></p>
<label for="name">名前</label>
<input type="text" name="name">
<button type="submit">送信する</button>
</form>
<p><%= @article %> <%= @name %></p>
- [GETメソッドとPOSTメソッドの違い | 酒と涙とRubyとRailsと]
http://morizyun.github.io/blog/get-post-method-compare-parameter/index.html
- [HTML/CSS入門編3: HTML要素を学ぼう | paizaラーニング]
https://paiza.jp/works/html/primer/beginner-html3
- [基本的なフォーム -- ごく簡単なHTMLの説明]
http://www.kanzaki.com/docs/html/htminfo31.html
- [初めての HTML フォーム - ウェブ開発を学ぶ | MDN]
https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Your_first_HTML_form
- [Code of Resistance!!: SinatraでWebリクエストを取得してみる。]
https://daruiapprentice.blogspot.jp/2015/05/sinatra_15.html
- [Code of Resistance!!: Sinatraで入力フォームのデータを取得する。]
https://daruiapprentice.blogspot.jp/2015/05/sinatra_18.html