FINAL PROJECT CS50 WEB NEXT CODER

CS50 Web編程最終項目：下一個編碼器

項目視頻是：https：//youtu.be/ythhec-bdqa

大意

我創建了一個協作Web應用程序來學習如何編碼。每個人都可以創建一個談話（基本上只是課程），每個人都可以參加這些課程。主要組成部分是：

• 主頁
• 登錄/註銷/註冊
• 會談頁面，其中列出了所有不同的談話或課程，以及您可以通過不同的標準過濾談話
• 每個談話的單個頁面，其中所有信息和一個按鈕都可以註冊
• 您可以在其中訪問您參加的所有演講的頁面
• 創建新談話的頁面

獨特性和復雜性

該頁面與我們已經創建的任何內容都不相似。這不是社交媒體應用程序，也不是電子商務。這也不類似於其他年份的項目。

在復雜性方面，我使用了帶有多個模型的Django（以下說明），並將幾個JavaScript文件用於前端。此外，所有Web應用程序都對不同的屏幕尺寸（主要是手機和計算機）響應。

文件信息

• 在Views.py中，有所有後端代碼。主要功能是：

  • 班級新聞詞與創建新談話的所有領域
  • class searchtalkform用於過濾談話
  • 從項目4複製的登錄，註銷和註冊功能
  • new_talk保存新的演講和相關信息喜歡標籤
  • 用於檢索現有標籤並添加新標籤的標籤
  • 過濾標籤：返回基於用戶選擇的過濾器的會談列表
  • get_by_title：返回談話，其中單詞出現在標題，描述或標籤中
  • 討論以檢索有關特定談話的信息
  • 註冊：註冊演講
  • GET_ENROLLED_TALKS：檢索您參加的會談

• 模型。不同的模型是：

  • 用戶模型
  • 標籤模型
  • 模型與有關談話（和序列化器）的所有不同細節進行對話

• talks.js：搜索談話時要過濾談話，展示談話並自動完成

• new_talk.js：為創建新的談話的第二部分，該談話正在添加標籤。它加載和顯示標籤，保存新標籤並將所選標籤添加到新的談話中

• mytalks.js：要參加您參加的會談並向DOM展示

• 上述所有不同HTML頁面的模板（總計8個，包括佈局文件）

• CSS文件，其中包含Web應用程序中使用的所有CSS。使用Flexbox和網格等技術

• 其他不太重要的文件，例如URL，管理員，設置，靜態圖像...

如何運行應用程序

• 通過運行pip install -r需求.txt安裝項目依賴項
• 通過運行python manage.py makemigrations和python manage.py遷移，進行遷移和應用遷移。