多對多關係和 Flask 遇見 React

今天我們將討論 Flask 中的多對多關係，並將其與 React 聯繫起來，何時何地使用它們，以及如何聲明它們，具體取決於您希望資料庫能夠處理哪些操作。

對於初學者來說，多對多關係透過連結表連結在一起。連接表用於透過外鍵將兩個表連接在一起。有兩種方法可以執行此操作：使用 db.Table() 連線表或建立類別表。嘗試時
總結一下，如果您想在 Join 表中新增可提交的屬性，那麼何時使用 db.Table() 與建立一個全新的類別就發揮了作用。

例如，

``

Teacher_student = db.Table('teacher_students',

db.Column('teacher_id', db.Integer, db.ForeignKey('teachers.id'), Primary_key=True),

db.Column('student_id', db.Integer, db.ForeignKey('students.id'), Primary_key=True),

)

`

這個連結表的唯一目的是連結表「教師」和「學生」以建立多對多關係。正如您所看到的，除了外鍵之外，沒有其他可提交的屬性。如果您也在尋找，請將所述屬性新增至您的連接表
那麼最好建立一個新類別來保存外鍵和屬性，例如

`

班主任_學生(db.Model){

表名 = ‘老師_學生’

Id = db.Column(db.Integer, Primary_key = True)

db.Column('teacher_id', db.Integer, db.ForeignKey('teachers.id')),

db.Column('student_id', db.Integer, db.ForeignKey('students.id')),

Attr = db.Column(db.String)

}

`

這個連接表的範例同時具有外鍵和屬性，該屬性允許使用者能夠提交某種類型的數據，資料庫可以將這些資料連接回共享多對多關係的兩個表。

現在，是時候將所有這些連接到我們的前端了！您應該已經熟悉如何設定資料庫並將其與前端連接；但這裡我們嚴格討論的是設定某種需要由使用者提交的表單，該表單會將資料附加到我們的後端多對多表中。例如，如果您想要加快建立簡單表單的過程以測試上述範例中的差異，則可以使用 Formik。如果您不知道如何在您的環境中設定 Formik
你可以在這裡參考Formik的官方網站：

教程 |福米克

了解如何使用 Formik 在 React 中建立表單。

  <div class="color-secondary fs-s flex items-center">
      <img alt="多對多關係和 Flask 遇見 React" class="c-embed__多對多關係和 Flask 遇見 React m-0 mr-2 radius-0" src="https://formik.org/images/%E5%A4%9A%E5%B0%8D%E5%A4%9A%E9%97%9C%E4%BF%82%E5%92%8C%20Flask%20%E9%81%87%E8%A6%8B%20React.png" loading="lazy">
    formik.org
  </div>

。

您可能會問，為什麼我需要在程式碼中使用多對多關係？或者為什麼我需要關心如何將事情實現到前端？使用多對多關係很重要的原因是，在處理資料和資料庫時，一切都需要有一個地方。有時，這些位置需要與資料庫中的不同表相關聯，因此當使用者或程式設計師需要搜尋某些資料時，他們可以採用多種搜尋方式，同時仍遵循單一事實來源。至於為什麼您需要知道如何將這些東西連接到前端，只是因為用戶需要在某個地方能夠自己查看數據，因為他們無法訪問您將創建的實際資料庫。

總之，Flask 中的多對多關係對於建立實體具有互連資料的複雜應用程式至關重要。它們允許對現實場景進行有效建模，例如使用者參與多個事件或屬於不同類別的專案。使用 SQLAlchemy，開發人員可以使用關聯表定義這些關係，從而確保資料庫設計的可擴展性和靈活性。這種結構透過避免儲存重複資訊來減少冗餘並提高資料完整性。最終，多對多關係使開發人員能夠處理動態、互連的數據，使 Flask 應用程式更加通用，並且能夠管理不同的使用者互動和關聯。

以上是多對多關係和 Flask 遇見 React的詳細內容。更多資訊請關注PHP中文網其他相關文章！