Tag: vue-router
13 total results found
基于 Laravel Sanctum + Vuex + Vue 路由导航守卫实现 SPA 用户认证
为了简化流程，我们这里仅支持博客管理员登录并发布文章，也就是前面创建用户 ID 为 1 的测试账号，不提供普通用户的注册登录。 在...
基于 Laravel + Vue + Vuex 实现博客应用文章发布功能
Laravel 后端接口准备 既然是博客应用，肯定要支持文章发布功能。 我们先在 Laravel 后端 PostControll...
页面布局（上）：基于 Vue Router 命名路由实现动态路由导航
我们依然以博客应用为例演示基于 Laravel + Vue 框架构建单页面应用。 页面布局模板 对于博客应用而言，除了首页和关于...
基于 Vue Router 构建单页面应用项目骨架
基于读者的反馈，希望多出一些高级进阶版的教程，所以后续学院君仍然会以后端进阶教程为主，不过单页面应用和相关项目作为全栈开发系列的收尾...
基于 Swoole 开发实时在线聊天室（四）：前端资源初始化
正如学院君开篇所说，本实战教程的前端界面将会基于 https://github.com/hua1995116/webchat 这个前...
通过 Laravel Mix + Vue Router 路由懒加载实现单页面应用 JS 文件按组件分割
前言 随着单页面应用体量越来越大，将所有 JavaScript 代码都打包到一个文件，这个 JavaScript 文件也会随之越来越...
在管理后台添加公司、咖啡店、城市、用户、冲泡方法管理功能
作为整个系列的最后一篇教程，我们将会为管理后台新增公司管理、咖啡店管理、城市管理、用户管理和冲泡方法管理等功能，在这篇教程中，我不会...
通过 Vue Router 提供的路由元信息功能实现前端路由权限判断
在这篇教程中，我们来构建 Roast 应用管理后台前端 UI，首先，我们为管理后台初始化创建以下子目录： /resources/a...
功能模块重构 & CSS 整体优化：实现编辑/删除咖啡店功能
在这篇教程中，我们将实现咖啡店的编辑和删除功能，在实现过新增咖啡店功能后，咖啡店的编辑功能实现起来非常简单，无论是前台表单还是后台逻...
功能模块重构 & CSS 整体优化：首页篇
通过前面三十篇教程的讲解，我们已经完成了 Roast 应用的所有前端功能，相信你也已经初步掌握了基于 Laravel + Vue 实...
实现用户个人信息编辑功能
第一步：定义要收集的数据 在这篇教程中，我们将为 Roast 应用添加个人信息编辑页用于完善用户个人信息，以便附近有新咖啡店，或者某...
通过 Vuex + Vue Router 导航守卫在前端实现认证路由保护
我们已经在上一篇教程中实现了通过 Vue 组件实现用户登录，但是现在有个问题，就是用户在没有登录的情况下也可以访问需要认证的页面，比...
Laravel API 系列教程（二）: 结合 Laravel 5.5 和 Vue SPA 基于 jwt-auth 实现 API 认证
上一篇我们简单演示了 Laravel 5.5 中 RESTful API 的构建、认证和测试，本教程将在上一篇教程的基础上进行升华，...