Logo Laravel 学院
文档
  • Laravel 8.x 中文文档
  • Laravel 7.x 中文文档
  • Laravel 6.x 中文文档
  • Laravel 5.8 中文文档
  • Laravel 5.7 中文文档
  • Laravel 5.6 中文文档
  • Laravel 5.5 中文文档
  • Laravel 5.4 中文文档
  • Laravel 5.3 中文文档
  • Laravel 5.2 中文文档
  • Laravel 5.1 中文文档
  • Lumen 中文文档
全栈教程
  • PHP 全栈工程师指南
  • PHP 入门到实战
  • Laravel 入门到精通
  • Vue.js 入门到实战
  • 玩转 PhpStorm 教程
  • Laravel 博客入门项目
  • Laravel 微信小程序项目
  • Laravel 前后端分离项目
  • Swoole 入门到实战
  • Eloquent 性能优化实战
  • Redis 高性能实战系列
  • Laravel 新版本特性
  • PHP 新特性与最佳实践
Golang
  • Go 入门教程
  • Go Web 编程
  • Gin 使用教程
  • 微服务开发
内功修炼
  • 数据结构与算法
  • 网络协议
  • 微服务从入门到实践
  • 高性能 MySQL 实战
  • 高性能 Redis 实战
  • Laravel 消息队列实战
  • Laravel 从学徒到工匠
  • PHP 设计模式系列
  • 名企面试指南
资源库
  • Laravel 资源大全
  • Laravel 开源项目
  • Laravel 扩展包
  • Laravel 资源下载
更多
  • 博客 & 新闻
  • 问答 & 讨论
  • Leetcode 题解
  • 学院君读书笔记系列
  • 关于 Laravel 学院
  • Laravel 互助学习群
  • Golang 互助学习群
更多
  • Laravel 中文文档
  • Laravel 全栈教程
  • Laravel 学习路径
  • Go 入门教程
  • 程序员内功修炼
  • 博客
  • 问答
Search Sign up Log in
Info
Content
Book Navigation
  • 基于 Laravel + Vue 构建前后端分离应用

  • 课程介绍&目录索引

  • Laravel 初始化

    • 初始化 Laravel 单页面应用

    • 安装配置 Laravel Socialite 并实现基于 Github 的用户认证

    • 安装配置 Laravel Passport

  • JavaScript 初始化

    • 配置 JavaScript 和 SASS

    • 引入 Vue 2、Vue Router 和 Vuex

    • 通过 Vue Router 配置前端路由

    • 实现 Laravel 后端 API 接口

    • 通过 Axios 库构建 API 请求

  • Vuex & Vue Router 使用入门:表单提交

    • 构建 Vuex 模块

    • 在 Vue 组件中使用 Vuex 模块

    • 通过 Laravel Mix 将 SASS 编译到 Vue 组件

    • 为 Vue Router 添加页面布局

    • 通过 Vue 组件、Vue Router、Vuex 和 Laravel 实现表单提交

    • 通过 JavaScript 和 Laravel 验证表单请求

  • 在地图上标记咖啡店

    • 通过高德地图 Web 服务 API 对咖啡店地址进行地理编码

    • 通过 Vue + 高德地图 JS API 在地图上标记咖啡店

    • 在高德地图上自定义咖啡店点标记图标并显示信息窗体

  • 添加喜欢、标签功能

    • 实现 Laravel 模型类之间的多对多关联及冲泡方法前端查询 API

    • 通过 Vue.js 实现动态表单一次提交多个咖啡店位置信息

    • 通过 Laravel + Vue 实现喜欢/取消喜欢咖啡店功能

    • 咖啡店标签后端 API 接口功能实现

    • 咖啡店标签前端输入及显示功能实现

  • 实现数据筛选功能

    • 通过 Vue Mixins 在前端首页对咖啡店进行过滤筛选

    • 使用 Vue Mixins 在高德地图上对咖啡店点标记进行筛选过滤

    • 优化高德地图多个点标记信息窗体显示 & 引入 Google Analytics 进行单页面应用访问统计

  • 前端用户认证

    • 根据是否需要登录重新组织后端路由

    • 通过 Vue 组件实现单页面应用无跳转登录

    • 通过 Vuex + Vue Router 导航守卫在前端实现认证路由保护

  • 编辑用户信息

    • 实现用户个人信息编辑功能

    • 通过 Laravel + Vue 实现文件上传功能

  • 应用代码重构

    • 功能模块重构 & CSS 整体优化:首页篇

    • 功能模块重构 & CSS 整体优化:新增咖啡店篇

    • 功能模块重构 & CSS 整体优化:实现编辑/删除咖啡店功能

    • 功能模块重构 & CSS 整体优化:咖啡店详情页篇

    • 通过 Vue Transitions 实现 Vue 组件的 CSS 动画效果 & 若干 Bug 修复

  • 构建后台管理系统

    • 实现简单的、针对咖啡店增删改查的 RBAC 权限管理功能

    • 管理后台后端动作审核接口实现

    • 通过 Vue Router 提供的路由元信息功能实现前端路由权限判断

    • 管理后台前端动作审核列表页面功能实现

    • 在管理后台添加公司、咖啡店、城市、用户、冲泡方法管理功能

    • 通过 Laravel Mix + Vue Router 路由懒加载实现单页面应用 JS 文件按组件分割

Books
基于 Laravel + Vue 构建前后端分离应用
编辑用户信息

编辑用户信息

Created 5 years ago by 学院君, Updated 4 years ago    24834 views    0 likes    0 collects

实现用户个人信息编辑功能

第一步:定义要收集的数据 在这篇教程中,我们将为 Roast 应用添加个人信息编辑页用于完善用户个人信息,以便附近有新咖啡店,或者某...

由 学院君 发布于6 years ago    浏览数: 8317    点赞数: 3

通过 Laravel + Vue 实现文件上传功能

我们在前面的教程中已经实现了多个表单的提交功能,如新增咖啡店、编辑用户个人信息等,但是还没有涉及到文件上传,那么在这篇教程中我们将基...

由 学院君 发布于6 years ago    浏览数: 15056    点赞数: 3

Search Results

Clear Search
分享到以下平台:

No Comments
登录后即可添加评论
升级为学院君订阅用户
Back to top

© 2025 基于 Laravel 6 构建 | 关于学院 | 订阅服务 | 友情链接 | 站点地图