前端用户认证

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

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

到目前为止，我们的 Roast 应用必须登录后才能使用，这在开发环境没啥问题，但是如果作为实际产品发布则很影响用户体验，所以我们有必...

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

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

我们在上一篇教程中通过是否需要登录访问重新组织了后端路由，并且移除了之前依赖后端 + 视图实现的登录方式，在这一篇教程中，我们将通过...

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

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

我们已经在上一篇教程中实现了通过 Vue 组件实现用户登录，但是现在有个问题，就是用户在没有登录的情况下也可以访问需要认证的页面，比...

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

Search Results

Clear Search

初始化 Laravel 单页面应用

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

安装配置 Laravel Passport

配置 JavaScript 和 SASS

引入 Vue 2、Vue Router 和 Vuex

通过 Vue Router 配置前端路由

实现 Laravel 后端 API 接口

通过 Axios 库构建 API 请求

构建 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 文件按组件分割

前端用户认证

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

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

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

Search Results

No Comments