个人中心
gpt4 book ai didi

javascript - 在 Flask 应用上获取日期时间数据时出错

转载 作者：行者123 更新时间：2023-12-01 00:30:52 25 4
gpt4 key购买 nike

背景

我想做的是实现一个表单，在用 Python Flask 和 SQLAlchemy 编写的 Web 应用程序上插入具有特定数据类型的日期时间(例如 2019-10-23 22:38:18)。

我之前的问题:Inappropriate datetime datatype and error on Flask App

问题和错误消息

当我编辑时

@app.route('/')
def index():
    return render_template('index.html', data=Todo.query.all(), form=form)

它返回错误“NameError:名称'form'未定义”

但是，当我从当前代码中删除 form=form 时，错误已更改为“错误请求浏览器(或代理)发送了该服务器无法理解的请求”。点击提交按钮后跳转的页面。

代码

应用程序.py

from flask import Flask, render_template, request, redirect, url_for, abort, jsonify
from flask_sqlalchemy import SQLAlchemy
import sys
import datetime

app = Flask(__name__)
app.config['SQLALCHEMY_DATABASE_URI'] = 'postgres://username@localhost:5432/datetime'
db = SQLAlchemy(app)

class Todo(db.Model):
    __tablename__ = 'todos'

    id = db.Column(db.Integer, primary_key=True)
    name = db.Column(db.String) # Jon
    city = db.Column(db.String(120)) # New York
    datetime = db.Column(db.DateTime()) # 2019-10-23 22:38:18
    def __repr__(self):
      return f'<Todo {self.id} {self.name} {self.city} {self.datetime}>'

db.create_all()

@app.route('/todos/create', methods=['POST'])
def create_todo():
  error = False
  body = {}
  
  try:
    name = request.form['name']
    city = request.form['city']
    datetime = request.form['datetime']
    todo = Todo(name=name, city=city)
    db.session.add(todo)
    db.session.commit()
    body['name'] = todo.name
    body['city'] = todo.city
    body['datetime'] = todo.datetime
  except:
    error = True
    db.session.rollback()
    print(sys.exc_info())
  finally:
    db.session.close()
  if error:
    abort (400)
  else:
    return jsonify(body)


# Filters
def format_datetime(value, format='medium'):
  date = dateutil.parser.parse(value)
  if format == 'full':
      format="EEEE MMMM, d, y 'at' h:mma"
  elif format == 'medium':
      format="EE MM, dd, y h:mma"
  return babel.dates.format_datetime(date, format)

app.jinja_env.filters['datetime'] = format_datetime

@app.route('/')
def index():
    return render_template('index.html', data=Todo.query.all(), form=form)

index.html

<html>
<head>
  <title>Todo App</title>
<style>
  .hidden{
    display:  none;
  }
</style>
</head>
<body>
  <form method="post" action="/todos/create">
    <h4>name</h4>
    <input type= "text" name="name" />
    <h4>city</h4>
    <input type= "text" name="city" />
    <div>
    <label for="datetime">Date Time</label>
    <input id="datetime" type="datetime-local">
    </div>
    <input type= "submit" value="Create" />
  </form>
  <div id= "error" class="hidden">Something went wrong!</div>
  <ul>
    {% for d in data %}
    <li>{{d.name}}</li>
    <li>{{d.city}}</li>
    <li>{{d.datetime}}</li>
    {% endfor %}
  </ul>
    <script>
      const nameInput = document.getElementById('name');
      const cityInput = document.getElementById('city');
      const dtInput = document.getElementById('datetime');
      document.getElementById('form').onsubmit = function(e) {
        e.preventDefault();
        const name = nameInput.value;
        const city = cityInput.value;
        const datetime = dtInput.value;
        descInput.value = '';
        fetch('/todos/create', {
          method: 'POST',
          body: JSON.stringify({
            'name': name,
            'city': city,
            'datetime': datetime,
          }),
          headers: {
            'Content-Type': 'application/json',
          }
        })
        .then(response => response.json())
        .then(jsonResponse => {
          console.log('response', jsonResponse);
          li = document.createElement('li');
          li.innerText = name;
          li.innerText = city;
          li.innerText = datetime;
          document.getElementById('todos').appendChild(li);
          document.getElementById('error').className = 'hidden';
        })
        .catch(function() {
          document.getElementById('error').className = '';
        })
      }
    </script>
</body>
</html>

环境

Python 3.6.0

flask 1.1.1

SQLAlchemy:1.3.10

PostgreSQL 11.5

最佳答案

由于在将 form 对象传递到 render_template 函数时引用它之前，您没有在任何地方创建 form 对象，因此会引发错误。

至于错误请求，可能是由于您在第一次调用端点时关闭db.session造成的。因此，对端点的任何后续调用都将尝试访问已关闭的 session ，从而引发错误。

关于javascript - 在 Flask 应用上获取日期时间数据时出错，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58552236/

25 4 0
文章推荐： php - 检查权限？
文章推荐： javascript - 如何根据lodash中每个数组的不同属性从2个数组返回1个数组？
文章推荐： javascript - Node.js:mongoose .populate() 未显示数据
文章推荐： javascript - 如何过滤数组中的字符串？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com