Tag: Vuex
21 total results found
基于 Laravel Sanctum + Vuex + Vue 路由导航守卫实现 SPA 用户认证
为了简化流程，我们这里仅支持博客管理员登录并发布文章，也就是前面创建用户 ID 为 1 的测试账号，不提供普通用户的注册登录。 在...
基于 Laravel + Vue + Vuex 实现博客应用文章发布功能
Laravel 后端接口准备 既然是博客应用，肯定要支持文章发布功能。 我们先在 Laravel 后端 PostControll...
引入 Vuex Store 管理 Vue 组件数据状态的更新和获取
为了更优雅地管理页面组件的数据状态，你可以通过引入 Vuex 来存储和更新博客文章的数据信息。 封装 API 接口请求 学院君之...
基于 Vue Router 构建单页面应用项目骨架
基于读者的反馈，希望多出一些高级进阶版的教程，所以后续学院君仍然会以后端进阶教程为主，不过单页面应用和相关项目作为全栈开发系列的收尾...
基于 Swoole 开发实时在线聊天室（十）：用户登录后获取未读消息数
接下来，我们正式开始开发聊天室聊天功能。 在用户每次登录后，需要将未读消息发送给客户端，以便提醒用户有多少条未读消息，今天我们就围...
基于 Swoole 开发实时在线聊天室（四）：前端资源初始化
正如学院君开篇所说，本实战教程的前端界面将会基于 https://github.com/hua1995116/webchat 这个前...
在管理后台添加公司、咖啡店、城市、用户、冲泡方法管理功能
作为整个系列的最后一篇教程，我们将会为管理后台新增公司管理、咖啡店管理、城市管理、用户管理和冲泡方法管理等功能，在这篇教程中，我不会...
管理后台前端动作审核列表页面功能实现
在上一篇教程中，我们完成了管理后台前端路由定义，并通过 Vue Router 的路由元信息功能实现了在前端路由中进行权限判断及请求拦...
实现简单的、针对咖啡店增删改查的 RBAC 权限管理功能
随着应用的扩张，用户越来越多，数据越来越多，用来管理这些数据的后台管理系统日渐被提上日程，此外我们还要为用户进行分级，为不同角色用户...
功能模块重构 & CSS 整体优化：实现编辑/删除咖啡店功能
在这篇教程中，我们将实现咖啡店的编辑和删除功能，在实现过新增咖啡店功能后，咖啡店的编辑功能实现起来非常简单，无论是前台表单还是后台逻...
功能模块重构 & CSS 整体优化：首页篇
通过前面三十篇教程的讲解，我们已经完成了 Roast 应用的所有前端功能，相信你也已经初步掌握了基于 Laravel + Vue 实...
通过 Laravel + Vue 实现文件上传功能
我们在前面的教程中已经实现了多个表单的提交功能，如新增咖啡店、编辑用户个人信息等，但是还没有涉及到文件上传，那么在这篇教程中我们将基...
实现用户个人信息编辑功能
第一步：定义要收集的数据 在这篇教程中，我们将为 Roast 应用添加个人信息编辑页用于完善用户个人信息，以便附近有新咖啡店，或者某...
通过 Vuex + Vue Router 导航守卫在前端实现认证路由保护
我们已经在上一篇教程中实现了通过 Vue 组件实现用户登录，但是现在有个问题，就是用户在没有登录的情况下也可以访问需要认证的页面，比...
通过 Laravel + Vue 实现喜欢/取消喜欢咖啡店功能
对很多应用而言，尤其是社交媒体类应用，都有喜欢或收藏功能，在这篇教程中，我们就来演示如何基于 Laravel 和 Vue 从前端到后...