ThinkPHP6 Primer 前后端分離實戰入門 [TP6-P01]

文檔正在遷移到 免費模板，Vuetify 主題模板，前端技巧和教程 | HeroUI，無需付費，進入網站即可閱讀。

如果閱讀本書遇到任何問題，請加群 685083718，群主手把手指導。

本系列書籍將教你如何使用 ThinkPHP6 和 Vue 一步一步構建一個類似 Twitter 的前后端分離應用，讓你從實際開發中體會到 ThinkPHP6 API 開發的敏捷、愉悅與輕松。

通過閱讀本教程，除了 ThinkPHP6 相關的知識外，你還將學到如 Vue、Vuetify、JavaScript 等最現代的前端技術。另外本書還會介紹 Chocolatey、PowerShell 等現代自動化/命令行工具的使用。

本書特色

本系列書籍將帶你復刻 twitter 大部分功能。

后端 && ThinkPHP：

  • 100% API 開發
  • JSON 輸出數據和狀態碼
  • JWT 權限驗證
  • 正確的加密方式
  • 數據驗證器
  • 查詢構造器使用
  • 模型自動修改字段
  • 模型一對多關聯查詢
  • 模型多對多關聯查詢
  • 模型部分字段隱藏顯示
  • 模型關聯查詢高性能懶加載
  • 模型安全的批量插入數據
  • 數據庫基于版本的可控遷移
  • HTTP 狀態碼的使用
  • API 路由
  • API 控制器
  • 中間件攔截路由
  • 用戶一致性驗證

前端 && Vue && Vuetify

  • Vue 基礎
  • Vue 原型掛載
  • Vue 路由使用
  • Vue 掛載 Vuetify 插件
  • Vue computed 方法分條件輸出
  • Vuex 使用
  • Vuex 數據裝填
  • Vuex 異步數據
  • Vuetify 組件編寫
  • Vuetify 高級組件封裝（JS 調用消息條等）
  • Vuetify 配置（主題，國際化，SASS變量等）
  • Axios 基本使用與高級封裝
  • 優雅的 API 調用
  • 組件拆分與通信
  • 本地數據（Token 等）存儲
  • 持久化 Token
  • 權限校驗與攔截（首次進入頁面校驗權限并進行路由攔截）

試讀章節

免費閱讀第一章至第三章的所有內容

特色章節（試讀）

精選部分章節讓你體驗其中精彩之處：

8.3 重構代碼詳細介紹了二次封裝 Axios 以配合后端業務，包含處理錯誤，彈出消息條等，極大地提高了可維護性。

8.4 錯誤處理詳細介紹了如何將 Vuetify 的組件進行封裝，形成一個高級的可動態調用的組件

項目預覽圖

登錄/注冊

主頁推文流

已關注用戶的推文流

個人資料

編輯個人資料

關注/取關用戶

發送推文/退出賬戶

錯誤攔截及提示

協助交流

官方 QQ 群： 685083718
ThinkPHP 小功能群：925283872