質問編集履歴

2

タイトルを直しました。

2020/03/15 02:24

投稿

fillip09
fillip09

スコア11

test CHANGED
@@ -1 +1 @@
1
- Bootstrap4で作った画面に投稿機能を実装できなくて困っています。
1
+ View画面へのデータの受け渡しが上手く出来なくて困っています。
test CHANGED
File without changes

1

質問の内容を変更しました!

2020/03/15 02:24

投稿

fillip09
fillip09

スコア11

test CHANGED
File without changes
test CHANGED
@@ -1,12 +1,12 @@
1
1
  ### 前提・実現したいこと
2
2
 
3
- Bootstrap4で作成したView画面にform_with構文反映させて、新規投稿機能を実装したい
3
+ viwe画面データの受け渡しをしたい
4
4
 
5
5
 
6
6
 
7
7
  ### 発生している問題・エラーメッセージ
8
8
 
9
-
9
+ 一つのカードに全てのデータが引き渡しされてしまう。
10
10
 
11
11
 
12
12
 
@@ -18,47 +18,27 @@
18
18
 
19
19
  ```ここに言語名を入力
20
20
 
21
- <body>
21
+ <div class="col-4 mb-4">
22
22
 
23
- <div class="container">
23
+ <div class="card img-thumbnail">
24
24
 
25
- <form action="http://localhost:3000/posts/new" method="post">
25
+ <img class="card-img-top" src="#" alt="">
26
26
 
27
- <div class="form-group">
27
+ <div class="card-body px-2 py-3">
28
28
 
29
- <label for="name">パートナー名</label>
29
+ <% @posts.each do |post| %>
30
30
 
31
- <input type="text" class="form-control" id="name" placeholder="パーナー名">
31
+ <h5 class="card-title">
32
32
 
33
- </div>
33
+ <%= post.title %>
34
34
 
35
- <div class="form-group">
35
+ </h5>
36
36
 
37
- <label for="mail">タイトル</label>
37
+ <p class="card-text"><%= post.content%></p>
38
38
 
39
- <input type="text" class="form-control" placeholder="タイトル">
39
+ <% end %>
40
40
 
41
- </div>
42
-
43
-
44
-
45
- <div class="form-group">
46
-
47
- <label for="file">ファイル(複数選択可)</label>
48
-
49
- <div id="file" class="input-group">
50
-
51
- <div class="custom-file">
52
-
53
- <input type="file" id="cutomfile" class="custom-file-input" name="cutomfile[]" multiple />
54
-
55
- <label class="custom-file-label" for="customfile" data-browse="参照">ファイル選択...</label>
56
-
57
- </div>
58
-
59
- <div class="input-group-append">
60
-
61
- <button type="button" class="btn btn-secondary reset">取消</button>
41
+ <p class="mb-0"><a href="#" class="btn btn-success btn-sm">のぞいてみる</a>
62
42
 
63
43
  </div>
64
44
 
@@ -66,51 +46,21 @@
66
46
 
67
47
  </div>
68
48
 
69
-
70
-
71
- <div class="form-group h-200">
72
-
73
- <label for="comment">コメント</label>
74
-
75
- <textarea class="form-control" id="comment" rows="3" placeholder="コメントを入力してください"></textarea>
76
-
77
- </div>
78
-
79
- <button type="submit" class="btn btn-success">送信する</button>
80
-
81
- </form>
82
-
83
- </div>
84
-
85
- </body>
86
-
87
49
  ```
88
50
 
89
51
 
90
52
 
53
+ ### 発生している問題・エラーメッセージ
91
54
 
55
+ カード1枚につき、Titleとcontentを一つずつ表示したいのですが、
92
56
 
93
- ### 実装したい機能
94
-
95
- (こんな感じ実装をBootstrap反映す。
57
+ 一つカード保存ている全てのデータが表示されてしまいます。
96
58
 
97
59
 
98
60
 
61
+ ![![イメージ説明](e859a4491d3630d1f9c3160b028b1085.png)](62879778796c1494f754fde4aec75912.png)
99
62
 
100
63
 
101
- ```
102
-
103
- <%= form_with model: @post, class: :form, local: true do |form| %>
104
-
105
- <%= form.text_field :title, placeholder: :タイトル, class: :form__title %>
106
-
107
- <%= form.text_area :content, placeholder: :ブログ本文, class: :form__text %>
108
-
109
- <%= form.submit '投稿する', class: :form__btn %>
110
-
111
- <% end %>
112
-
113
- ```
114
64
 
115
65
 
116
66
 
@@ -124,6 +74,6 @@
124
74
 
125
75
  ### 補足情報(FW/ツールのバージョンなど)
126
76
 
77
+ 最近、学び始めたばかりなんですが、データの受け渡し方がこの方法くらいしか分からなくて、、、
127
78
 
128
-
129
- ここにより詳細な情報記載しください。
79
+ そのほか、 View画面へのデータの受け渡し方教え頂けると幸でございます