燒瓶中損壞的模態-有解無憂

在我的頁面上，我為選單和頁面上的各個章節做 cms，我希望添加新章節和已經存在的章節，以便可以對其進行編輯。我只是通過 jquery 和 bootstrap 模態對話框進行操作，但它不想在每次單擊編輯時都起作用，因此我的模態對話框沒有出現，并且出現 404 錯誤。添加章節時，在除錯模式下根本沒有出現任何內容，沒有錯誤，沒有訊息或沒有任何內容。我需要這方面的幫助。預先感謝您的幫助。PS：洗掉章節對我有用

HTML 代碼（更新）：

{% extends "base.html" %} {% block content %}
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ" crossorigin="anonymous"></script>

{%if session["group"] == "Admin"%}
<div class="container">
    <div class="row">
        <div class="col md-12">
            <h2>Kapitoly</h2>
                <button type="button" class="btn btn-success  pull-right" data-toggle="modal" data-target="#myModal">P?idat kapitolu</button> 
                <br>
                <br>
                {%with messages = get_flashed_messages()%}
                {%if messages%}
                {% for message in messages %}
                <div class="alert alert-success alert-dismissable" role="alert">
                    <button type="button" class="close" data-dismiss="alert" aria-label ="close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    {{message}}
                </div>
                {%endfor%}
                {%endif%}
                {%endwith%}
                
                        <table class="table table-striped">
                        <tr>
                            <th>ID</th>
                            <th>Ro?ník</th>
                            <th>Název</th>
                            <th>Akce</th>
                        </tr>
                        {% for row in chapters %}
                        <tr>
                            <td>{{row.0}}</td>
                            <td>{{row.1}}</td>
                            <td>{{row.2}}</td>
                            <td>
                                <a type="button" class="btn btn-primary" data-toggle="modal" data-target="#modaledit{{row.0}}">Upravit</a>
                                <a href="/delete_chapter/{{ row.0 }}" class="btn btn-danger btn-xs" onclick="return confirm('Are You Sure For Delete?')">Smazat</a>
                            </td>
                        </tr>
                <div id="modaledit{{row.0}}" class="modal fade" role="dialog">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                            <h4 class="modal-title">Upravit kapitolu</h4>
                        </div>
                        <div class="modal-body">
                            <form action="{{ url_for('update') }}" method="POST">
                            <div class="form-group">
                                <label>Ro?ník:</label>
                                <input type="hidden"  name="id" value="{{row.0}}">
                                <input type="text" class="form-control" name="year" value="{{row.1}}">
                            </div>
                            <div class="form-group">
                                <label>Název:</label>
                                <input type="text" class="form-control" name="title" value="{{row.2}}">
                            </div>
                            <div class="form-group">
                                <button class="btn btn-primary" type="sbumit">Upravit</button>
                            </div>
                            </form>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        </div>
                        <div class="back">
                            <a href="manager_chapter" type="button" class="btn btn-default" data-dismiss="modal">Vrátit se zpátky.</a>
                        </div>
                    </div>
                </div>
            </div>
            {% endfor  %}
            </table>
        </div>
    </div>
<!-- Modal -->
<div id="mymodal" class="modal fade" role="dialog">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4 class="modal-title">Vytvo?it kapitolu</h4>
         </div>
         <div class="modal-body">
            <form action = "/add_chapter" method="POST">
                <div class="form-group">
                  <label>Ro?ník:</label>
                  <input type="text" class="form-control" name="year" required="1">
                </div>
                <div class="form-group">
                  <label>Název:</label>
                  <input type="text" class="form-control" name="title" required="1">
                </div>
                <div class="form-group">
                  <button class="btn btn-primary" type="submit">Vytvo?it</button>
               </div>
            </form>
         </div>
         <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
         </div>
      </div>
   </div>
</div>
{%endif%}

燒瓶代碼（更新）：

@app.route("/manager_chapter")
@isLoggedIn
def manager_chapter():
    cur = mysql.connection.cursor()
    cur.execute("SELECT  * FROM chapters")
    data = cur.fetchall()
    cur.close()
    return render_template('manager_chapter.html', chapters=data, id_data=id)

@app.route("/add_chapter", methods=["POST"])
@isLoggedIn 
def add_chapter():
    if request.method == "POST":
        flash("Kapitola je uspě?ně p?idaná.")
        year = request.form['name']
        title = request.form['email']
        cur = mysql.connection.cursor()
        cur.execute("INSERT INTO chapters (year, title) VALUES (%s, %s)", (year, title))
        mysql.connection.commit()
        return render_template('manager_chapter.html')

@app.route('/update_chapter/<string:id_data>', methods=['POST','GET'])
@isLoggedIn
def update(id_data):
    if request.method == 'POST':
        id_data = request.form['id']
        year = request.form['year']
        title = request.form['title']
        cur = mysql.connection.cursor()
        cur.execute("""
               UPDATE chapters
               SET year=%s, title=%s
               WHERE id=%s
            """, (year, title, id_data))
        flash("Kapitola je uspě?ně upravená.")
        mysql.connection.commit()
        return redirect(url_for('manager_chapter'))

@app.route('/delete_chapter/<string:id_data>', methods=['GET'])
def delete(id_data):
    flash("Kapitola je uspě?ně smazána.")
    cur = mysql.connection.cursor()
    cur.execute("DELETE FROM `chapters` WHERE id=%s", (id_data,))
    mysql.connection.commit()
    return render_template('manager_chapter.html')

單擊其中一章中的編輯后的示例 404 錯誤： 燒瓶中損壞的模態

uj5u.com熱心網友回復：

下次，如果您要發布給說英語的人，請在發布之前先翻譯您的源代碼。根據您的評論，我將假設您的編輯按鈕是這個

    <a href="/update_chapter/{{row.0}}" type="button" class="btn btn-primary" data-toggle="modal" data-target="#modaledit{{row.0}}">Upravit</a>

您同時擁有 anhref和data-target屬性。后者用于模態對話框。我不相信您可以同時擁有兩者并讓它們指向不同的網址。根據 [bootstrap][1] 檔案，您應該使用 href 鏈接，其值應該是您的模態目標的 id。所以我認為你的代碼應該是

    <a href="#modaledit{{row.0}}" type="button" class="btn btn-primary" data-toggle="modal">Upravit</a>

或者

    <a type="button" class="btn btn-primary" data-toggle="modal" data-target="#modaledit{{row.0}}">Upravit</a>

如果我們假設您的模態沒有被觸發，因為它被視為一個直接的超鏈接，因此 url 中的 urlhref被觸發，它會引發第二個問題。該 url 的燒瓶路由只有 POST 的代碼。您需要為 GET 位添加代碼。此外，您的路線有一個變數，id_data但該變數不是您路線的一部分，即您應該有

    @app.route('/update_chapter/<string:id_data>', methods=['POST','GET'])
    @isLoggedIn
    def update(id_data):

更新 - 基于 OP 的評論

您的按鈕代碼現在呼叫模態。
模態有一個表格，表格有一個隱藏的章節 id 欄位。基于此，您的路線現在應該是

    @app.route('/update_chapter', methods=['POST'])
    @isLoggedIn
    def update():
       if request.method == 'POST':
           id_data = request.values.get("id", None) 
           # I prefer to use request.values.get so that I don't 
           # have to worry about if my method is a POST or GET


  [1]: https://getbootstrap.com/docs/4.1/components/modal/

轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/361295.html

標籤：html mysql 烧瓶引导模式

上一篇：在燒瓶函式中提前回傳后，我什么時候可以呼叫multiprocess.close()或process.join()？

下一篇：無法使用sqlalchemy提交（）更新的資料無法找到什么問題