Laravel + Vue.js 前後端分離之新手入門級的開源專案(最終篇)

Sloth發表於2020-02-15

Laravel + Vue.js前後端分離之新手入門級的開源專案
麻雀雖小,五臟俱全。剛開始學習Laravel + Vue.js前後端分離的時候,通過Google.com和Baidu.com閱讀了大量前人留下的經驗教程。同時也憑著“不恥下問”的精神,向各位經驗豐富的前輩請教。費盡“九牛二虎”之力,終於算是踏進了新手村的大門,開始打怪升級的生涯。“路漫漫其修遠兮,吾將上下而求索”,未來可期,我期待在打大BOSS的時候與你並肩作戰。

有句話說得好:“紙上得來終覺淺,絕知此事要躬行”。看懂了不一定會做,會做的人就一定懂得其中的奧妙。我還相信,學習最好的方法是“依樣畫葫蘆”,誰讓我們們是“笨鳥”,也渴望成為“先飛”的那一隻。接下來廢話不多說,把“囫圇吞棗”的細節,一一道來。

開源地址

Github

Gitee

專案的基本說明

  1. 基於 Laravel 5.5 LTS 和 Laravel Passport 以及第三方擴充套件包,設計一套小型的 API 認證系統。

  2. 主要角色分為教師和學生,儲存在 teachers 和 students 表,設計多表使用者API認證系統,其他資料表按需設計。

  3. 教師和學生可以通過介面實現多表認證 (同一個介面登入系統),實現註冊和登入以及檢視個人資訊。

  4. 學生可以關注、取消關注喜歡的老師,老師可以檢視關注自己的學生列表。

  5. Line 使用者可以第三方登入系統,並且通過 Api 註冊新使用者或者繫結已有的使用者。一個 Line 使用者可以同時繫結一個教師和多個學生。

你可以學到什麼?

Laravel

  1. Laravel Passport-Multiauth API多表登入擴充套件
  2. 解決跨域難題 CORS

Vue

  1. 構建工具 Vue CLI
  2. 路由器 Vue Router
  3. 應用程式狀態管理器 Vuex
  4. Localforage 儲存 token
  5. HTTP 庫 axios 連結前後端
  6. Element UI 基本使用

挖坑中,未完待續,期待與你共同進步,勿忘。

本作品採用《CC 協議》,轉載必須註明作者和本文連結

一直在學習,從未停止,終身學習。

相關文章