質問編集履歴

修正

2019/10/24 05:14

投稿

退会済みユーザー

スコア0

title CHANGED Viewed

File without changes

body CHANGED Viewed

@@ -39,7 +39,6 @@
 import sys
 app = Flask(__name__)
-app.secret_key = b'_5#y2L"F4Q8z\n\xec]/'
 app.config['SQLALCHEMY_DATABASE_URI'] = 'postgres://username@localhost:5432/sample'
 db = SQLAlchemy(app)

プログラムを最新版に修正しました。

2019/10/24 05:14

投稿

退会済みユーザー

スコア0

title CHANGED Viewed

File without changes

body CHANGED Viewed

@@ -34,96 +34,109 @@
 app.py
 ```python
-from flask import Flask, render_template
+from flask import Flask, flash, render_template, request, redirect, url_for, abort, jsonify
 from flask_sqlalchemy import SQLAlchemy
+import sys
 app = Flask(__name__)
+app.secret_key = b'_5#y2L"F4Q8z\n\xec]/'
-app.config['SQLALCHEMY_DATABASE_URI'] = 'postgres://username@localhost:5432/textapp'
+app.config['SQLALCHEMY_DATABASE_URI'] = 'postgres://username@localhost:5432/sample'
 db = SQLAlchemy(app)
 class Todo(db.Model):
-  __tablename__ = 'texts'
+    __tablename__ = 'todos'
-  id = db.Column(db.Integer, primary_key=True)
-  username = db.Column(db.String(), nullable=False)
-  texts = db.Column(db.String(), nullable=False)
-  def __repr__(self):
+    id = db.Column(db.Integer, primary_key=True)
-    return f'<Todo {self.id} {self.username} {self.texts}>'
+    username = db.Column(db.String(), nullable=False)
+    texts = db.Column(db.String(120))
+    def __repr__(self):
+      return f'<Todo {self.id} {self.username} {self.texts}>'
 db.create_all()
 #ユーザ名・テキストが入力されていたら、データベースに格納し、HTMLページに表示
-@app.route('/texts/create', methods=['POST'])
+@app.route('/todos/create', methods=['POST'])
 def create_todo():
+  error = False
+  body = {}
+  try:
-  username = request.form.get_json()['username']
+    username = request.form['username']
-  texts = request.form.get_json()['texts']
+    texts = request.form['texts']
-  todo = Todo(texts=texts)
+    todo = Todo(username=username, texts=texts)
+    if username and texts:
+      db.session.add(todo)
+      db.session.commit()
+      body['username'] = todo.username
+      body['texts'] = todo.texts
+      flash("成功", "success")
+    #ユーザー名、テキストが入力されていなかった時
-  if username and texts:
+    elif username == "":
-    flash("成功", "success")
+      flash("名前を入力してください", "failed")
-    db.session.add(todo)
-    db.session.commit()
+      b.session.rollback()
-    return jsonify({
-    'username':todo.username,
-    'texts': todo.texts
-    })
-#ユーザー名、テキストが入力されていなかった時
-  elif username == "":
+    elif texts == "":
-    flash("名前を入力してください", "failed")
+      flash("テキストを入力してくfださい", "failed")
-    b.session.rollback()
+      db.session.rollback()
+  except:
-  elif texts == "":
+    error = True
-    flash("テキストを入力してくfださい", "failed")
     db.session.rollback()
+    print(sys.exc_info())
+  finally:
+    db.session.close()
+  if error:
+    abort (400)
+  else:
+    return jsonify(body)
 @app.route('/')
 def index():
-  return render_template('index.html', data=Todo.query.all())
+    return render_template('index.html', data=Todo.query.all())
 ```
 templates(フォルダ)/index.html
 ```html
 <html>
-  <head>
+<head>
-    <title>Todo App</title>
+	<title>Todo App</title>
-    <style>
+<style>
-      #error {
+	.hidden{
-        display: none;
+		display:  none;
-      }
+	}
-    </style>
+</style>
-  </head>
+</head>
-  <body>
+<body>
-    <div id="error" class="hidden">Something went wrong!</div>
-    <form id="form" method="post" action="/texts/create">
+	<form method="post" action="/todos/create">
+    <h4>username</h4>
-      <input type="text" id="username" name="username">
+		<input type= "text" name="username" />
+    <h4>texts</h4>
-      <input type="text" id="texts" name="texts" />
+    <input type= "text" name="texts" />
-      <input type="submit" value="Create" />
+    <input type= "submit" value="Create" />
-    </form>
+	</form>
-    <ul id="username">
+	<div id= "error" class="hidden">Something went wrong!</div>
+	<ul>
-      {% for d in data %}
+		{% for d in data %}
-      <li>{{d.username}}</li>
+    <li>{{d.username}}</li>
+		<li>{{d.texts}}</li>
-      {% endfor %}
+		{% endfor %}
-    </ul>
+	</ul>
-    <ul id="texts">
-      {% for d in data %}
-      <li>{{ d.texts }}</li>
-      {% endfor %}
-    </ul>
     <script>
-      const nmInput = document.getElementById('username')
+      const unameInput = document.getElementById('username');
-      const descInput = document.getElementById('texts');
+      const txInput = document.getElementById('texts');
       document.getElementById('form').onsubmit = function(e) {
         e.preventDefault();
-        const nm = nameInput.value;
+        const name = unameInput.value;
-        const desc = descInput.value;
+        const texts = txInput.value;
         descInput.value = '';
-        fetch('/texts/create', {
+        fetch('/todos/create', {
           method: 'POST',
           body: JSON.stringify({
-            'username':nm,
+            'username': username,
-            'texts': desc,
+            'texts': texts,
           }),
           headers: {
             'Content-Type': 'application/json',
@@ -133,10 +146,9 @@
         .then(jsonResponse => {
           console.log('response', jsonResponse);
           li = document.createElement('li');
-          li.innerText = nm;
+          li.innerText = name;
-          li.innerText = desc;
+          li.innerText = city;
-          document.getElementById('usernames').appendChild(li);
-          document.getElementById('texts').appendChild(li);
+          document.getElementById('todos').appendChild(li);
           document.getElementById('error').className = 'hidden';
         })
         .catch(function() {
@@ -144,7 +156,7 @@
         })
       }
     </script>
-  </body>
+</body>
 </html>
 ```

コードの修正

2019/10/24 04:56

投稿

退会済みユーザー

スコア0

title CHANGED Viewed

File without changes

body CHANGED Viewed

@@ -4,6 +4,7 @@
 PythonのライブラリFlaskを使ってWebアプリケーションを作成しています。
 掲示板のようなもので入力されたデータをページに加えていきたいです。
 フォームが空欄の時はフラッシュメッセージを使って警告をしてデータベースには格納せず、フォームが空欄でない場合はSQLAlchemyを使ってデータベースに入力されたデータを格納しています。
 ### 発生している問題・エラーメッセージ
 現在以下のコマンドでPythonプログラムを実行すると、HTML画面は問題なく表示されるのですが、入力ボタンを押してもデータがデータベースに格納されず、ウェブブラウザにも表示されない状況です。
 ```
@@ -58,7 +59,7 @@
   texts = request.form.get_json()['texts']
   todo = Todo(texts=texts)
-#ユーザー名、テキストが入力されていなかった時
   if username and texts:
     flash("成功", "success")
     db.session.add(todo)
@@ -68,6 +69,7 @@
     'texts': todo.texts
     })
+#ユーザー名、テキストが入力されていなかった時
   elif username == "":
     flash("名前を入力してください", "failed")
     b.session.rollback()

typo

2019/10/23 10:26

投稿

退会済みユーザー

スコア0

title CHANGED Viewed

File without changes

body CHANGED Viewed

@@ -31,7 +31,7 @@
 ### 該当のソースコード
-pp.py
+app.py
 ```python
 from flask import Flask, render_template
 from flask_sqlalchemy import SQLAlchemy