質問編集履歴

1

作っているアプリの画像を挿入、説明の追加をいたしました。htmlのコードを記載いたしました。

2021/05/10 10:15

投稿

mmmmmm-.
mmmmmm-.

スコア32

test CHANGED
File without changes
test CHANGED
@@ -1,18 +1,40 @@
1
1
  python Flaskで簡単なwebアプリをつくっています。
2
2
 
3
- DBをさわり始めていて、sqliteをつかっています。名前と、年齢を登録→テーブルに保存して表示というものををつくっています。
3
+
4
4
 
5
5
  お世話になっている記事(https://creepfablic.site/2019/05/03/flask-sqlite/)
6
6
 
7
7
 
8
8
 
9
+
10
+
11
+
12
+
13
+ <作っているアプリイメージ↓>
14
+
15
+ 1枚目の画像にある、名前と年齢を入力すると、DBにデータが保存されます。2枚目の画像にあるように、登録した名前と、年齢が表示されるアプリです。
16
+
17
+ 1枚目は、index.html二枚目は、db_info.htmlです。
18
+
19
+
20
+
21
+ ![![イメージ説明](a62ad0b882a28483dfe096471e3d8b9f.jpeg)]
22
+
23
+
24
+
25
+
26
+
27
+ ![イメージ説明](0d33836cd9f164599532d23eb392ad18.jpeg)
28
+
29
+
30
+
31
+ <解決したいこと>
32
+
9
- テーブルに、名前(下のコードでは、YOURNAME)と年齢のコラムを作ることができましたが、登録した日時も作ってみようと思い、トライしてみました。
33
+ 名前と年齢のコラムを作ることができましたが、この二つを送信した日時も、表示させてみたいと思いました。二枚目の画像の右の行、登録日時の行に表示させたいと考えています。
10
-
11
-
12
-
34
+
35
+
36
+
13
- ググって様々なやり方を試してみたのですが、力不足でできない状態です。
37
+ run.pyに様々な方法でコードかいてみたのですが、力不足でできない状態です。
14
-
15
- (※テーブルで、DATEのコラムをつくりました。その下の、@app.route('/DBINFO', methods = ['POST', 'GET'])の関数でどう書けばいいのかわかりません。。。)
16
38
 
17
39
 
18
40
 
@@ -22,9 +44,7 @@
22
44
 
23
45
 
24
46
 
25
- ファイルとディレクトリはこんな感じです。
47
+ ファイルとディレクトリ
26
-
27
-
28
48
 
29
49
  directory/
30
50
 
@@ -44,7 +64,7 @@
44
64
 
45
65
 
46
66
 
47
- 開発環境
67
+ 開発環境
48
68
 
49
69
  windows10
50
70
 
@@ -181,3 +201,65 @@
181
201
  app.run(debug=True)
182
202
 
183
203
  ```
204
+
205
+
206
+
207
+ db_info.htmlはこんな感じです。
208
+
209
+ ```html
210
+
211
+ <!DOCTYPE html>
212
+
213
+ <html lang="en">
214
+
215
+ <head>
216
+
217
+ <meta charset="UTF-8">
218
+
219
+ <title>database</title>
220
+
221
+ <!--bootstrapよみこみ-->
222
+
223
+ <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
224
+
225
+ </head>
226
+
227
+ <body class="text-center">
228
+
229
+ <p class="m-5 p-5">送信ありがとう!!</p>
230
+
231
+ <table border="1" width="80%" height="150" class="m-auto">
232
+
233
+ <tr>
234
+
235
+ <th bgcolor="#80ffff">名前</th>
236
+
237
+ <th bgcolor="#80ffff">年齢</th>
238
+
239
+ <th bgcolor="#80ffff">登録日時</th>
240
+
241
+ </tr>
242
+
243
+ {% for FLASKDB_info in FLASKDB_infos %}
244
+
245
+ <tr>
246
+
247
+ <td>{{FLASKDB_info[1]}}</td>
248
+
249
+ <td>{{FLASKDB_info[2]}}歳</td>
250
+
251
+ <td>{{]}}</td>
252
+
253
+ </tr>
254
+
255
+ {% endfor %}
256
+
257
+ </table>
258
+
259
+
260
+
261
+ </body>
262
+
263
+ </html>
264
+
265
+ ```