常連

### 実現したいこと

Flaskを用いたWebアプリの起動

### 前提

PythonのFlaskでWebアプリを作っています。
初めにWebアプリの起動及び画面遷移を試すべくコードを書いてみたのですが、エラーが発生して起動できません。何かアドバイスいただけると嬉しいです。

### 発生している問題・エラーメッセージ

```
No module named minhaya_reviewer.__main__; 'minhaya_reviewer' is a package and cannot be directly executed 
```

フォルダの構造（Visual Studio Code）
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-05-10/474ef1bd-653e-4b7b-b44d-e6aaf4b2e496.png)
「python」というフォルダに「minhaya_reveiwer」というフォルダが入っており、起動する時は

...\python> python3 -m minhaya_reviewer run

というコマンドを使用しています。
（WindowsのPowerShellです）

### 該当のソースコード

```index.html
<!DOCTYPE html>
<html lang="ja"> 
    <head> 
        <meta charset="UTF-8"> 
        <title>QuizReviewer</title> 
    </head>
    <body>
        <h1>QuizReviewer</h1>
        <a href="{{ url_for('solve') }}">クイズを解く</a>
        <a href="{{ url_for('manage') }}">クイズの管理</a>
    </body>
</html>
```

```manage.html
<!DOCTYPE html>
<html lang="ja">
    <head> 
        <meta charset="UTF-8"> 
        <title>QuizReviewer</title> 
    </head>
    <body>
        <h1>QuizReviewer</h1>
        <a>クイズ管理画面</a>
    </body>
</html>
```

```solve.html
<!DOCTYPE html>
<html lang="ja"> 
    <head>
        <meta charset="UTF-8"> 
        <title>QuizReviewer</title> 
    </head>
    <body>
        <h1>QuizReviewer</h1>
        <a>クイズを解く画面</a>
    </body>
</html>
```

```__init__.py
from flask import Flask
app = Flask(__name__) 
import minhaya_reviewer.main 
```

```main.py
from minhaya_reviewer import app
from flask import render_template, request, redirect, url_for  
import sqlite3

@app.route("/")
def index():
    return render_template(
        "index.html"
    )

@app.route("/solve") 
def solve():
    return render_template(
        "solve.html"
    )

@app.route("/manage") 
def manage():
    return render_template(
        "manage.html"
    )

```
### 試したこと
https://qiita.com/xu1718191411/items/96dda3d6cf2ab11ae1b3
上記のサイトを見てフォルダの構造の問題かなと思ったのですが、特に僕の場合は問題がないように感じます。

### 補足情報（FW/ツールのバージョンなど）
Flask==2.3.2
Jinja2==3.1.2


Flaskのwebアプリの起動ができない

Flaskのアプリを実行すると、どうしてもcategory_maintenance.html内の
`          <li {% if blog_categories.has_next %}class="page-item"{% else %} class="page-item disabled"{% endif %}><a class="page-link" href="{% if blog_categories.has_next %}{{ url_for('main.category_maintenance', page=blog_categories.next_num) }}{% else %}#{% endif %}">次へ</a></li>
        </ul>`でエラーとなってしまいます。

エラー内容
```
jinja2.exceptions.TemplateSyntaxError: expected token ',', got 'main'
```
エラー内容を調べると、()や{}の閉じ忘れの様なことですが、何度見直しても、閉じ忘れは無いように思えます。
どなたかアドバイス、ご教示いただければと思います。


category_maintenance.html
```html
{% extends "base.html" %}
{% block content %}
    <header id="page-header">
        <div class="container my-3 py-3 bg-light">
            <div class="row">
                <div class="col-md-6 m-auto text-center">
                    <h1>カテゴリ管理</h1>
                </div>
            </div>
        </div>
    </header>
    <section id="menu">
        <div class="container my-3 py-3 bg-light">
            <div class="row">
                <div class="col-md-3">
                    <button type="button" class="btn btn-warning w-100" data-bs-toggle="modal" data-bs-target="#addCategoryModal">
                        カテゴリ追加
                    </button>
                </div>
            </div>
        </div>
    </section>

    <section id="list">
        <div class="container my-3">
            <div class="row">
                <div class="col-md-9">
                    <div class="card">
                        <div class="card-header">
                            <h4>最新のカテゴリ</h4>
                        </div>
                        <table class="table table-striped">
                            <thead class="table-dark">
                                <tr>
                                    <th>ID</th>
                                    <th>カテゴリ名</th>
                                    <th>ブログ投稿数</th>
                                    <th>変更</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for blog_category in blog_categories.items %}
                                <tr>
                                    <td>{{ blog_category.id }}</td>
                                    <td>{{blog_category.category}}</td>
                                    <td><a href="#">ブログ投稿数</a></td>
                                    <td><a href="#" class="btn btn-secondary">
                                        変更
                                    </a></td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <nav class="my-2" aria-label="Page navigation">
        <ul class="pagination justify-content-center">
          <li {% if blog_categories.has_prev %}class="page-item"{% else %} class="page-item disabled"{% endif %}><a class="page-link" href="{% if blog_categories.has_prev %}{{ url_for('main.category_maintenance', page=blog_categories.prev_num) }}{% else %}#{% endif %}">前へ</a></li>

    
          {% for page_num in blog_categories.iter_pages(left_edge=1, right_edge=1, left_current=1, right_current=2) %}  
            {% if page_num %}
                {% if blog_categories.page == page_num %}
                    <li class="page-item disabled"><a class="page-link" href="#">{{ page_num }}</a></li>
                {% else %}
                    <li class="page-item"><a class="page-link" href="{{ url_for('main.category_maintenance, page=page_num) }}">{{ page_num }}</a></li>
                {% endif %}
            {% else %}
                <li class="page-item disabled"><a class="page-link" href="#">&hellip;</a></li>
            {% endif %}
          {% endfor %}

          <li {% if blog_categories.has_next %}class="page-item"{% else %} class="page-item disabled"{% endif %}><a class="page-link" href="{% if blog_categories.has_next %}{{ url_for('main.category_maintenance', page=blog_categories.next_num) }}{% else %}#{% endif %}">次へ</a></li>
        </ul>
      </nav>

<div class="modal fade" id="addCategoryModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header bg-warning">
          <h5 class="modal-title" id="exampleModalLabel">カテゴリ追加</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <form method="POST">
            {{ form.hidden_tag() }}
            <div class="modal-body">
            <div class="form-group">
                {{ form.category.label(class="form-control-label") }}
                {{ form.category(class="form-control") }}
            </div>
            </div>
            <div class="modal-footer">
                {{ form.submit(class="btn btn-warning") }}
            </div>
        </form>
      </div>
    </div>
  </div>
{% endblock %}
```

base.html
```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>    
    <title>Yossy Inc.</title>
</head>
<body>
  <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
      <div class="container">
        <a class="navbar-brand" href="#">Sample Inc.</a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNav">
          <ul class="navbar-nav">
            <li class="nav-item">
              <a class="nav-link" href="#">ホーム</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">会社情報</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">お問い合わせ</a>
            </li>
          </ul>

          <ul class="navbar-nav ms-auto">
            <li class="nav-item">
              <a class="nav-link" href="#">ブログ</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="{{ url_for('main.category_maintenance') }}">カテゴリ</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">お問い合わせ</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="{{url_for('users.user_maintenance')}}">ユーザー</a>
            </li>
            {% if current_user.is_authenticated %}
            <li class="nav-item">
              <a class="nav-link" href="{{ url_for('users.logout') }}">ログアウト</a>
            </li>
            <span class="navbar-text ms-3">
              {{ current_user.username }}
            </span>
            {% endif %}
          </ul>
        </div>
      </div>
    </nav>   
      {% from "_formhelpers.html" import render_field %}

      <div class="container" style="padding-top: 4rem; padding-bottom: 4rem;">
        {% for message in get_flashed_messages() %}
        <div class="alert alert-warning alert-dismissible fade show" role="alert">
          {{ message }}
          <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
        {% endfor %}

        {% block content %}

        {% endblock %}
      </div>

      <footer id="footer" class="footer text-center pt-2 bg-dark fixed-bottom">
        <div class="container">
          <div class="row">
            <div class="col text-white">
              <p>Copyright @ 2022 Sample Inc.</p>
            </div>
          </div>
        </div>
      </footer>
</body>
</html>
```


vies.py
```python
from flask import Blueprint, render_template, request, url_for, redirect, flash
from flask_login import login_required
from company_blog.models import BlogCategory
from company_blog.main.forms import BlogCategoryForm
from company_blog import db

# Blueprintの実装
main = Blueprint('main', __name__)

@main.route('/category_maintenance', methods=['GET', 'POST'])
@login_required
def category_maintenance():
    page = request.args.get('page', 1, type=int)
    blog_categories = BlogCategory.query.order_by(BlogCategory.id.asc()).paginate(page=page, per_page=10)
    form = BlogCategoryForm()
    # フォームの入力チェック
    if form.validate_on_submit():
        # 問題が無い場合、blog_categoryにフォームデータを渡す。
        blog_category = BlogCategory(category=form.category.data)
        db.session.add(blog_category)
        db.session.commit()
        flash('ブログカテゴリが追加されました')
        return redirect(url_for('main.category_maintenance'))
    elif form.errors:
        # フォームの内容をクリア
        form.category.data = ""
        # フィールドカテゴリに設定されたエラーメッセージを表示
        flash(form.errors['category'][0])
    return render_template('category_maintenance.html', blog_categories=blog_categories, form=form)
```

Flask　expected token ',', got 'main'エラー

# 目的
jinja2を用いて以下のようなhtmlを生成しようとしています．

```expected.html
<div>
  aaaa
  bbbb
  cccc
  dddd
</div>
```

`aaaa`と`dddd`は固定ですが，`bbbb`と`cccc`は変わります．
そこで，以下のようにテンプレートを作成しました．
インデントが揃うように`block`を`filter`で挟んでいます．

```html
<div>
  aaaa
  {% filter indent(width=2) %}
  {% block hoge %}
  {% endblock %}
  {% endfilter %}
  dddd
</div>
```

```html
{% extends "template.html" %}

{% block hoge %}
bbbb
cccc
{% endblock %}
```

# 問題

上記のテンプレートファイルをrenderした結果，以下のように余計な改行が含まれています．

```html
<div>
  aaaa


  bbbb
  cccc


  dddd
</div>
```

# 試したこと

[ドキュメント](https://jinja.palletsprojects.com/en/3.0.x/templates/#whitespace-control)を見ると，フラグを有効にする方法と，`-`を付与する方法がありました．

## フラグを有効にする方法

`trim_blocks`と`lstrip_blocks`の両方を有効にすると，以下のようにインデントが削除されてしまいました．

```html
<div>
  aaaa
bbbb
  cccc
  dddd
</div>
```

---

`trim_blocks`のみ有効にすると，以下のようにインデントがずれました．
```html
<div>
  aaaa
    bbbb
  cccc
      dddd
</div>
```

---

`lstrip_blocks`のみ有効にすると，空行は削除されませんでした．
```html
<div>
  aaaa


  bbbb
  cccc


  dddd
</div>
```

## `-`を付与する方法
`trim_blocks`と`lstrip_blocks`の両方を無効に戻し，テンプレートを書き換えました．
`-`の付け方を色々と変えてみましたが，いずれの場合も期待した結果を得ることはできませんでした．
以下はそのうちの2例です．

前のみに付与した場合，末尾に空白が残りました．

```html
<div>
  aaaa
  {%- filter indent(width=2) %}
  {%- block hoge %}
  {%- endblock %}
  {%- endfilter %}
  dddd
</div>
```

```html
<div>
  aaaa
  bbbb
  cccc

  dddd
</div>
```

---

前後に付与した場合，直後のインデントが削除されてしまいました．

```html
<div>
  aaaa
  {%- filter indent(width=2) -%}
  {%- block hoge -%}
  {%- endblock -%}
  {%- endfilter -%}
  dddd
</div>
```

```html
<div>
  aaaa
  bbbb
  cccc
dddd
</div>
```

# 質問

jinja2で前後のインデントを崩さず，改行を挟まないようにするにはどうすればいいでしょうか？

jinja2で改行の制御

### 前提
ImportError: cannot import name 'contextfilter' from 'jinja2'による
Jpyter notebookでipynbファイルが開けない現象が発生

fiftyoneをpipにてインストールしたところ、
Jupyter notebook上でipynbファイルが開けなくなりました。

開くと「500 : Internal Server Error」とブラウザへ表示され、
エラーメッセージは冒頭のImportErrorが表示されます。


### 実現したいこと

- ImportError: cannot import name 'contextfilter' from 'jinja2'を解消したい
- Jupyter notebook上でipynbファイルが開けるように戻したい

### 発生している問題・エラーメッセージ

```
ImportError: cannot import name 'contextfilter' from 'jinja2'
```

### 試したこと

一度、fiftyoneをpip uninstallにて削除しましたが、現状変わらずです。

ImportError: cannot import name 'contextfilter' from 'jinja2'が発生し、JupyterNotebookが正常に動作しない

実行環境はVScodeで
ブラウザはchromeです。

まずファイルを作ります。
![イメージ説明](b47ff265493c4ec9efe03674edc8d3fc.png)

そして
```python
from jinja2 import Template, Environment, FileSystemLoader
import json

list1 = ["hoge","hoge2","hoge3"]
list2 = [["あ", "い", "う"], ["え", "お", "か"], ["き", "く", "け"]]
n = "name"
j = "genre"

dic = {v1 : {n: v1, j : v2} for v1,v2 in zip(list1, list2)}


# jsonファイルに書き出し
with open("parameter.json", mode="w", encoding='utf-8') as f:
    d = json.dumps(dic, ensure_ascii=False)
    f.write(d)

#テンプレート読み込み
env = Environment(loader=FileSystemLoader('./', encoding='utf-8'))
tmpl = env.get_template('template.j2')

#設定ファイル読み込み
with open("parameter.json", encoding='utf-8') as f:
    params = json.load(f)

#レンダリングしてhtml出力
rendered_html = tmpl.render(params)
with open('result.html', 'w') as f:
    f.write(rendered_html)
```
を実行すると
```json
#こちらはparameter.jsonに書き出されたコード
{
    "hoge": {
        "name": "hoge",
        "genre": [
            "あ",
            "い",
            "う"
        ]
    },
    "hoge2": {
        "name": "hoge2",
        "genre": [
            "え",
            "お",
            "か"
        ]
    },
    "hoge3": {
        "name": "hoge3",
        "genre": [
            "き",
            "く",
            "け"
        ]
    }
}
```
と書き出されます
この辞書から

```
#ブラウザで得たい実行結果
hoge
hogeは['あ', 'い', 'う']です。

hoge2
hoge2は['え', 'お', 'か']です。

hoge
hoge3は['き', 'く', 'け']です。
```
ブラウザで表示させたいのですが
jinja2ファイルに
どういったコードを書き込むべきでしょうか？

試したこと
---
https://myafu-python.com/jinja2/
今回こちらのサイト参照しました
```jinja2

#template.j2

<html>
  <body>
    <h1>{{ hoge.name }}</h1>
    <p>{{ hoge.name }}は{{ hoge.genre }}です。</p>
  </body>
</html>

```
こちらを書き込むと
```
#実行結果をブラウザで確認
hoge
hogeは['あ', 'い', 'う']です。
```
をブラウザで確認することができました。


次にループさせて
すべての要素を取り出したいということで
```jinaj2
<html>
  {% for  in dic %}
    <h1>{{  }}</h1>
{% for item in dic %}
    <p>{{ item.name }}は{{ item.genre }}です。</p>
{% endfor %}
  </body>
</html>
```
の様なコードでいくつか実行してみましたが
エラーが出てしまいましたので
こちらで質問させて頂きました。
教えていただけると幸いです。
宜しくお願い致します。

jinja2ファイル内でループさせて複数の辞書を読み込ませる方法にるいて

### 実現したいこと
htmlにおいて、lang='ja'の時、
<h1>{{ _('home') }}</h1>について、

「ホーム」と翻訳して表示したい。


### 発生している問題・分からないこと
langの指定を変えても、翻訳が適用されない。

### エラーメッセージ
```error
#ターミナルやコンソールではエラーを確認できませんでした。
```

### 該当のソースコード

```py
#main.py
from app import create_app
import webbrowser
import threading

def open_browser():
      webbrowser.open_new('http://127.0.0.1:5000/?lang=ja')
      #webbrowser.open_new('http://127.0.0.1:5000/?lang=en')

app = create_app()

if __name__ == '__main__':
    threading.Timer(1.25, open_browser).start()
    app.run(debug=True)

#config.py
class Config:
#秘密鍵は設定しています。
    SECRET_KEY = ""
    LANGUAGES = {
    'en': 'English',
    'ja': '日本語'
    }
    BABEL_DEFAULT_LOCALE = 'en'
    BABEL_TRANSLATION_DIRECTORIES = './locale'
```

```app/.py
#app/__init__.py
from flask import Flask, request, g
from flask_babel import Babel
from config import Config

def create_app():
    app = Flask(__name__)
    app.config.from_object(Config)

    # get_locale関数を定義
    def get_locale():
        # リクエストの引数から言語設定を取得し、なければデフォルトの言語設定を使用
        return request.args.get('lang', app.config['BABEL_DEFAULT_LOCALE'])

    # Babelインスタンスを作成し、locale_selectorパラメータにget_locale関数を渡す
    babel = Babel(app, locale_selector=get_locale)

    # get_locale関数をテンプレートのグローバル関数として登録
    @app.context_processor
    def context_processor():
        return dict(get_locale=get_locale)

    from . import routes
    routes.init_app(app)
    
    return app

#app/routes.py
from flask import render_template
from flask import current_app as app

def init_app(app):
    @app.route('/')
    def home():
        return render_template('01_home.html')

    @app.route('/loading')
    def loading():
        return render_template('02_loading.html')

    @app.route('/select')
    def select():
        return render_template('03_select.html')

    @app.route('/answer')
    def answer():
        return render_template('04_answer.html')  
```

```babel.cfg
[python: **.py]
[jinja2: app/templates/**.html]
jinja2_extensions = jinja2.ext.autoescape,jinja2.ext.with_,jinja2.ext.i18n
```

```messages.po
# Japanese translations for PROJECT.
# Copyright (C) 2024 ORGANIZATION
# This file is distributed under the same license as the PROJECT project.
# FIRST AUTHOR <EMAIL@ADDRESS>, 2024.
#
msgid ""
msgstr ""
"Project-Id-Version: PROJECT VERSION\n"
"Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
"POT-Creation-Date: 2024-03-16 15:07+0900\n"
"PO-Revision-Date: 2024-03-16 10:24+0900\n"
"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
"Language: ja\n"
"Language-Team: ja <LL@li.org>\n"
"Plural-Forms: nplurals=1; plural=0;\n"
"MIME-Version: 1.0\n"
"Content-Type: text/plain; charset=utf-8\n"
"Content-Transfer-Encoding: 8bit\n"
"Generated-By: Babel 2.14.0\n"

#: app/templates/00_base.html:6 app/templates/00_base.html:13
#: app/templates/01_home.html:3
msgid "title"
msgstr "タイトル"

#: app/templates/01_home.html:3 app/templates/01_home.html:6
msgid "home"
msgstr "ホーム"

```

```html
00_base.html
<!DOCTYPE html>
<html lang="{{ get_locale() }}">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>{% block title %}{{ _('title') }}{% endblock %}</title>
        
    </head>
    <body>
        {% block content %}
            <header>
                <div>
                    <h1>{{ _('title') }}</h1>
                </div>
            </header>
        {% endblock %}
    </body>
</html>

01_home.html
{% extends '00_base.html' %}

{% block title %}{{ _('home') }} | {{ _('title') }}{% endblock %}

{% block content %}
    <h1>{{ _('home') }}</h1>
{% endblock %}
```

### 試したこと・調べたこと
- [x] teratailやGoogle等で検索した
- [x] ソースコードを自分なりに変更した
- [ ] 知人に聞いた
- [ ] その他

##### 上記の詳細・結果
<html lang="{{ get_locale() }}">がうまくいっていないのかと思い、コンソールを確認しましたが、正常に機能していました。
localeを消してみても何の変化も見られなかったので、loceleフォルダの参照が上手くできていないのかもしれません。

### 補足
構造は下記のようになっています。
・config.py
・babel.cfg
・main.py
・messages.pot
・locale/ja/LC_MESSAGES/messages.po, messages.mo
・app/models.py, __init__.py, routes.py, static/, templates/

Babelの国際化について、web上で翻訳が適用されない。

### 前提・実現したいこと

ansibleにて、jinja2テンプレートとある変数を用い、
ある変数locationが空(もしくは jinja2側で偽と判定されるもの）である場合、
jinja2テンプレートに書き込まない
という処理をしたい。

### 発生している問題・エラーメッセージ

過去に使用した変数値が勝手に適応され、過去の変数値でテンプレートが作成されてしまう。


### 該当のソースコード

!roles/snmp_conf/template/switch_template.j2------------

{% if location %}
snmp-server location {{ location }}
{% endif %}
!-------------------------------------------------------
!roles/snmp_conf/vars/main/switch.yml-------------------

location: 
!-------------------------------------------------------

### 試したこと

①locationの変数に
location: false
location: null
を適応したが、やはり一つ前に適応した変数がlocationに入ってきてしまう。

② varsディレクトリのlocation変数は空とし、roles/snmp_conf/default/main.yml内に
location: false
を定義したが、変わらない。

③locationを殻の状態で、ansibleサーバの再起動。
結果は同じ。

④ switch_template.j2の{% if location %}を外してみて、そもそもちゃんと空として渡しているか確認
switchにsshでcli_configでコマンドを渡したとき、 snmp-server location {変数}←ここが空になって、コマンドNG
よって、varsの中のlocationは空として渡している様子。

⑤ {% if location != "test" %}　として、
location: test とした場合、挙動は空のデータを渡したときと同様、一つ前に適応したlocationの変数が適応されてしまい、
snmp-server locationコマンドをテンプレートに入れないという事ができない。

ansible jinja2 空データの扱い方

### 前提・実現したいこと

FlaskでJavascriptからデータをPythonに送信し、Python側で更新、削除等してトップ画面遷移したいのですが、エラーは出ず、画面遷移がされません。
データ更新、削除は検証済みです。
更新、削除した後の処理で「return redirect(url_for('index'))」にてトップ画面
に遷移して更新または削除した後のデータ一覧を表示されるようにしたいです。

### 該当のソースコード

```html
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="static/lib/bootstrap-5.1.1-dist/css/bootstrap.min.css" rel="stylesheet"></link>
    <link href="static/css/book.css" rel="stylesheet"></link>
    <script type="text/javascript" src="static/js/book.js"></script>
    <title>編集</title>
</head>
<body>
    <h1>FLASK書店</h1>
    <h2>新刊一覧（編集画面）</h2>
    {% if books==[] %}
        <p>・今月は新刊発売はありません。</p>
    {% else %}
        <table>
            <tr class="title" style="text-align: center;">
                <td style="width: 20%">タイトル</td>
                <td style="width: 20%">値段</td>
                <td style="width: 25%">発売日</td>
                <td style="width: 20%">変更</td>
            </tr>
            {% for book in books %}
            <tr>
                <td><input type="text" tag="{{ loop.index }}" value="{{ book. title }}"></input></td>
                <td tag="{{ loop.index }}"><P>{{ book. price }}円</P></td>
                <td tag="{{ loop.index }}"><P>{{ book.to_date }}</P></td>
                <td><button class="btn btn-success btn-sm" style="margin: 5px;" tag="{{ loop.index }}" disabled=disabled onclick="addAjax(event)">追加</button></td>
            </tr>
            {% endfor %}
        </table>
    {% endif %}
</body>
</html>
```

```js
//更新ajax通信処理
const addAjax = async function(e) {
　　//afterListにtitleとidが格納されている
    var json = JSON.stringify(afterList);
    //Asyncによる非同期通信処理
    var res = await fetch("/register",
    {
        method: 'POST',
        headers: {'Content-Type' : 'application/json'},
        body: json
    });
    if(res.ok){
        console.log("更新完了");
    }else{
        console.log("Ajax通信エラー")
    }
}
```

```mainpy
@app.route('/', methods=['GET', 'POST'])
###  初期表示処理  ###
def index():
    books = []
    ### 本情報を取得 ###
    books = db.select()
    ### commonフォルダcommon情報を取得 ###
    common.ok()

    return render_template(
        "index.html",
        books=books
    )

###  データ更新処理  ###
@app.route('/register', methods=['POST'])
def register():
    if(request.method=='POST'):
        if(request.headers['Content-Type'] == 'application/json'):
            #タイトル
            title = request.json["title"]
            #ID
            id = request.json["id"]
            print("データ取得：" + title)
            ### 編集情報を更新 ###
            result = db.update(title, id)
        //トップ画面遷移したい
        return redirect(url_for('index'))
```

```dbpy
### 編集したデータをupdateする ###
def update(title, id):
    engine = create_engine("postgresql://{user}:{password}@{host}:{port}/{database}"
                           .format(**connection_config))
    with engine.connect() as con:
        con.execute("UPDATE booklist SET name = %s WHERE id = %s", [title, id])
        return True
```

**説明下手ですが、分かる方がいらしたら宜しくお願い致します。**