Laravel + Vue.js 前后端分离之新手入门级的开源项目（最终篇）

麻雀虽小，五脏俱全。刚开始学习Laravel + Vue.js前后端分离的时候，通过Google.com和Baidu.com阅读了大量前人留下的经验教程。同时也凭着“不耻下问”的精神，向各位经验丰富的前辈请教。费尽“九牛二虎”之力，终于算是踏进了新手村的大门，开始打怪升级的生涯。“路漫漫其修远兮，吾将上下而求索”，未来可期，我期待在打大BOSS的时候与你并肩作战。

有句话说得好：“纸上得来终觉浅，绝知此事要躬行”。看懂了不一定会做，会做的人就一定懂得其中的奥妙。我还相信，学习最好的方法是“依样画葫芦”，谁让咱们是“笨鸟”，也渴望成为“先飞”的那一只。接下来废话不多说，把“囫囵吞枣”的细节，一一道来。

开源地址

Github

• Laravel:https://github.com/laijinyou/laravelmultia...
• Vue:https://github.com/laijinyou/vuemultiauth

Gitee

• Laravel:https://gitee.com/laijinyou/laravelmultiau...
• Vue:https://gitee.com/laijinyou/vuemultiauth

项目的基本说明

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 协议》，转载必须注明作者和本文链接