Laravel API 应用实例教程


本系列教程将基于 Laravel 5.6 + Vue 2 开发一个 API 驱动的 LBS 应用,命名为 Roast,意为查找附近的咖啡烘培店和专卖店,通过这个系列教程的学习,你将学会通过面向 Web、移动端的可复用代码来构建可扩展的应用程序。本系列课程将分为 9 大章节,40 余篇教程,手把手教你学会构建前后端分离的 API 驱动应用:

第一部分:Laravel 初始化

第二部分:JavaScript 初始化

第三部分:Vuex、Vue Router 及 JS API 请求使用

第四部分:API 主体功能实现

  • 通过百度地图获取地址信息
  • 通过 VueJS 在百度地图上显示资源信息
  • 在百度地图上自定义标记
  • 自定义百度地图信息窗口

第五部分:表单、Laravel 关联关系及 VueJS 标签输入

  • Laravel 中的对多对关联
  • 通过 VueJS 实现动态表单
  • Laravel Eloquent 模型父子关联
  • 通过 Laravel + Vue 实现收藏或喜欢功能
  • 通过 Laravel 实现后端标签功能
  • 实现前端 Vue 标签组件
  • 通过 Vue 实现标签输入

第六部分:使用 VueJS Mixins

  • 通过 VueJS Mixins 进行筛选
  • 复用 VueJS Mixins 并对百度地图数据进行过滤
  • 自定义百度地图信息窗口
  • 在单页面应用(SPA)中通过 Vue Router 实现 Google Analytics

第七部分:API 和 SPA 安全

  • Laravel 公有及私有 API
  • VueJS 路由安全及认证
  • 通过 Vuex 实现 Vue Router 导航保护

第八部分:用户主页及权限管理

  • 新增用户个人主页
  • 通过 Laravel + Vue 进行文件管理

第九部分:Roast 应用优化篇

  • 整体设计更新
  • 通过 Vue Transition 实现 CSS 动态效果

如果你觉得本系列教程对你有所帮助和启发,可以通过捐赠加入社群的方式对学院君进行支持。

注:项目源码位于 Github 上:nonfu/roastapp

2 条回复

登录后才能进行评论,立即登录?