質問編集履歴
1
作っているアプリの画像を挿入、説明の追加をいたしました。htmlのコードを記載いたしました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,18 +1,40 @@
|
|
1
1
|
python Flaskで簡単なwebアプリをつくっています。
|
2
2
|
|
3
|
-
|
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
|
-
|
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
|
+
```
|