質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

SQLite

SQLiteはリレーショナルデータベース管理システムの1つで、サーバーではなくライブラリとして使用されている。

Visual Studio

Microsoft Visual StudioはMicrosoftによる統合開発環境(IDE)です。多種多様なプログラミング言語に対応しています。

Sinatra

Sinatraは、Rubyで作られた オープンソースのWebアプリケーションフレームワークです。

Q&A

1回答

1170閲覧

投稿ページに入力されたものが記事一覧ページに反映されない。

l208Projects

総合スコア6

Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

SQLite

SQLiteはリレーショナルデータベース管理システムの1つで、サーバーではなくライブラリとして使用されている。

Visual Studio

Microsoft Visual StudioはMicrosoftによる統合開発環境(IDE)です。多種多様なプログラミング言語に対応しています。

Sinatra

Sinatraは、Rubyで作られた オープンソースのWebアプリケーションフレームワークです。

0グッド

0クリップ

投稿2018/03/17 09:29

前提・実現したいこと

バーチャルユーチューバーの開発工程共有化サイトを目指しています。
プログラムを始めて、5日目の初心者になります。

解決内容:投稿ページ(index.erb)に入力されたものを記事一覧に反映させたい。
(「こうすればもっとみやすくなるよ」「こうすればもっと良くなるよ」などなど、機能面についてもご指導していただけると幸いです。)

初めは、入力フォームに入力すると投稿一覧が表示されていたのですが、index.erbに色々な要素を付け足していたところ記事一覧のところにたどり着けなくなってしまいました。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

ruby( sinatra / sqlite3 )


main.rb

require 'sinatra'
require 'sqlite3'
require 'securerandom'
require 'sinatra/reloader'

db = SQLite3::Database.new'db/form.db'
db.results_as_hash = true

get '/form' do
@title = "llll"

erb :index
end

post '/comment_send' do

name = params[:mesnameage]
title = params[:title]
message = params[:message]

stmt = db.prepare('INSERT INTO comments (name, title, contents) VALUES(?, ?, ?)')
stmt.bind_params(params["name"], params["title"], params["contents"])
stmt.execute

redirect '/list;
end

get '/list' do
comments = db.execute('SELECT * FROM comments')
locals = {
comments: comments

} erb :comments, :locals =>locals

end

post '/list_post' do
comments = params['comments']

stmt = db.prepare('INSERT INTO comments (name, title, contents) VALUES(?, ?, ?)') stmt.bind_params(params["name"], params["title"], params["contents"]) stmt.execute redirect '/comments'

end


index.erb

<html> <img src=""> <head> <meta charset="UTF-8"> </head>

<img src="https://2.bp.blogspot.com/-TrF2hV0zpk8/WUJWGn7SULI/AAAAAAABE1c/kgFmebjLUcYJzSMwdZVojkKzWKPpox64ACLcBGAs/s1600/top_banner.jpg" height="400"><br><br>

<body bgcolor="#F6CECE" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000"> </body> <h1>投稿ページ</h1> <form action="/comment_send" method="POST"> <div> <img src="https://yt3.ggpht.com/-yPtC64Hkdbw/AAAAAAAAAAI/AAAAAAAAAAA/jnw_WDLq4Kg/s288-mo-c-c0xffffffff-rj-k-no/photo.jpg" width="60" height="60" style="border:solid 5px #F78181"> </div> <div> <input type="text" name="name" value="" placeholder="名前を入力してください"> </div> <div> <input type="button" value="チャンネル" onClick="window.open('http://google.com')" style="border:solid 5px #000000"> </div> <div> <input type="text" name="title" value="" placeholder="タイトルを入力してください"> </div> <div> <input type="text" name="equipment" value="" placeholder="必要機材"> </div> <form action="cgi-bin/formmail.cgi" method="post"> <div> <p>開発期間: <select name="h"> <option value="Aries">おひつじ座</option> <option value="Taurus">おうし座</option> <option value="Gemini">ふたご座</option> <option value="Cancer">かに座</option> <option value="Leo" selected>しし座</option> <option value="Virgo">おとめ座</option> <option value="Libra">てんびん座</option> <option value="Scorpio" disabled>さそり座</option> <option value="Saggitarius">いて座</option> <option value="Capricorn">やぎ座</option> <option value="Aquarius">みずがめ座</option> <option value="Pisces">うお座</option> </select></p> </div> <div> <textarea name="message" rows="20" value="" placeholder="開発工程を入力してください" ></textarea> </div> <div> <input type="submit" value="投稿" style="border:solid 5px #F78181"> </div> </form> </body> </html>

comments.erb

<html> <head> <meta charset="UTF-8"> </head> <body> <h1>内容</h1> <form action="share" method="POST"> <div> <div> </div> <% comments.each do |row| %> <div> 名前: <p> <%=row['name']%> </p>

タイトル:

<p> <%=row['title']%> </p>

必要機材:

<p> <%=row['equipment']%> </p>

記事内容:

<p> <%=row['message']%> </p> </div> <% end %> </div> </form> </body> </html>

<% comments.each do |row| %>
<%= row["comments"]%><br>
<% end %>


db_form_create.rb

require 'sqlite3'

db = SQLite3::Database.new'db/form.db'

p db.execute('CREATE TABLE comments(id INTEGER PRIMARY KEY AUTOINCREMENT, name TEXT, title TEXT, contents TEXT)')


db_select_form.rb

require 'sqlite3'

db = SQLite3::Database.new'db/form.db'

p db.execute('SELECT * FROM comments')

試したこと

ここに問題に対して試したことを記載してください。

補足情報(FW/ツールのバージョンなど)

ここにより詳細な情報を記載してください。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

bassbone

2018/03/18 01:22

何かエラーメッセージは出力されていませんでしょうか?
bassbone

2018/03/18 01:23

「name = params[:mesnameage]」は投稿時の入力ミスでしょうか?
guest

回答1

0

失礼します。
数個修正点があったのでご連絡します。
・25行目を以下のように直すとどうでしょうか?

ruby

1redirect '/list';

・6行目を以下のように直すとどうでしょうか。

ruby

1db = SQLite3::Database.new 'db/form.db'

・間違いではないのですが,/にアクセスしてくるユーザも多いので,一番下に以下を追記しておいてもいいかもしれません。

ruby

1get '/' do 2redirect '/list' 3end

投稿2018/03/18 05:10

編集2018/03/18 05:47
reetok99709

総合スコア35

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問