質問するログイン新規登録

質問編集履歴

1

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

2021/05/10 10:15

投稿

mmmmmm-.
mmmmmm-.

スコア32

title CHANGED
File without changes
body CHANGED
@@ -1,17 +1,27 @@
1
1
  python Flaskで簡単なwebアプリをつくっています。
2
- DBをさわり始めていて、sqliteをつかっています。名前と、年齢を登録→テーブルに保存して表示というものををつくっています。
2
+
3
3
  お世話になっている記事(https://creepfablic.site/2019/05/03/flask-sqlite/)
4
4
 
5
- テーブルに、名前(下のコードでは、YOURNAME)と年齢のコラムを作ることができましたが、登録した日時も作ってみようと思い、トライしてみました。
6
5
 
7
- ググって様々なやり方を試してみたのですが、力不足でできない状態です。
8
- (※テーブルで、DATEのコラムをつくりました。その下の、@app.route('/DBINFO', methods = ['POST', 'GET'])の関数でどう書けばいいのかわかりません。。。)
9
6
 
7
+ <作っているアプリイメージ↓>
8
+ 1枚目の画像にある、名前と年齢を入力すると、DBにデータが保存されます。2枚目の画像にあるように、登録した名前と、年齢が表示されるアプリです。
9
+ 1枚目は、index.html二枚目は、db_info.htmlです。
10
+
11
+ ![![イメージ説明](a62ad0b882a28483dfe096471e3d8b9f.jpeg)]
12
+
13
+
14
+ ![イメージ説明](0d33836cd9f164599532d23eb392ad18.jpeg)
15
+
16
+ <解決したいこと>
17
+ 名前と年齢のコラムを作ることができましたが、この二つを送信した日時も、表示させてみたいと思いました。二枚目の画像の右の行、登録日時の行に表示させたいと考えています。
18
+
19
+ run.pyに様々な方法でコードをかいてみたのですが、力不足でできない状態です。
20
+
10
21
  どなたかいいアイディアご教授いただけると幸いです(><)
11
22
  よろしくお願いいたします。
12
23
 
13
- ファイルとディレクトリはこんな感じです。
24
+ ファイルとディレクトリ
14
-
15
25
  directory/
16
26
  |-templates/
17
27
  |--index.html
@@ -21,7 +31,7 @@
21
31
  |
22
32
  |-run.py
23
33
 
24
- 開発環境
34
+ 開発環境
25
35
  windows10
26
36
  PyCharm
27
37
  anaconda
@@ -89,4 +99,35 @@
89
99
 
90
100
  if __name__ == '__main__':
91
101
  app.run(debug=True)
102
+ ```
103
+
104
+ db_info.htmlはこんな感じです。
105
+ ```html
106
+ <!DOCTYPE html>
107
+ <html lang="en">
108
+ <head>
109
+ <meta charset="UTF-8">
110
+ <title>database</title>
111
+ <!--bootstrapよみこみ-->
112
+ <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
113
+ </head>
114
+ <body class="text-center">
115
+ <p class="m-5 p-5">送信ありがとう!!</p>
116
+ <table border="1" width="80%" height="150" class="m-auto">
117
+ <tr>
118
+ <th bgcolor="#80ffff">名前</th>
119
+ <th bgcolor="#80ffff">年齢</th>
120
+ <th bgcolor="#80ffff">登録日時</th>
121
+ </tr>
122
+ {% for FLASKDB_info in FLASKDB_infos %}
123
+ <tr>
124
+ <td>{{FLASKDB_info[1]}}</td>
125
+ <td>{{FLASKDB_info[2]}}歳</td>
126
+ <td>{{]}}</td>
127
+ </tr>
128
+ {% endfor %}
129
+ </table>
130
+
131
+ </body>
132
+ </html>
92
133
  ```