Tag: Roast
39 total results found
通过 Laravel Mix + Vue Router 路由懒加载实现单页面应用 JS 文件按组件分割
前言 随着单页面应用体量越来越大，将所有 JavaScript 代码都打包到一个文件，这个 JavaScript 文件也会随之越来越...
在管理后台添加公司、咖啡店、城市、用户、冲泡方法管理功能
作为整个系列的最后一篇教程，我们将会为管理后台新增公司管理、咖啡店管理、城市管理、用户管理和冲泡方法管理等功能，在这篇教程中，我不会...
管理后台前端动作审核列表页面功能实现
在上一篇教程中，我们完成了管理后台前端路由定义，并通过 Vue Router 的路由元信息功能实现了在前端路由中进行权限判断及请求拦...
实现简单的、针对咖啡店增删改查的 RBAC 权限管理功能
随着应用的扩张，用户越来越多，数据越来越多，用来管理这些数据的后台管理系统日渐被提上日程，此外我们还要为用户进行分级，为不同角色用户...
通过 Vue Transitions 实现 Vue 组件的 CSS 动画效果 & 若干 Bug 修复
你会发现我们在之前的几篇重构教程中大量使用了 CSS 动画效果，比如通知框的弹出和消失、过滤器的滑出和隐藏、编辑表单的弹出和关闭、以...
功能模块重构 & CSS 整体优化：咖啡店详情页篇
在这篇教程中我们将在前面重构的基础上对咖啡店详情页和个人信息编辑页进行重构。这两个页面的重构不涉及到后端逻辑的调整，主要改动都在前端...
功能模块重构 & CSS 整体优化：实现编辑/删除咖啡店功能
在这篇教程中，我们将实现咖啡店的编辑和删除功能，在实现过新增咖啡店功能后，咖啡店的编辑功能实现起来非常简单，无论是前台表单还是后台逻...
功能模块重构 & CSS 整体优化：新增咖啡店篇
这篇教程我们将来演示新增咖啡店功能的重构，按照上篇教程中的规划，我们会将之前存储咖啡店的 cafes 表一分为三，即 cafes 表...
功能模块重构 & CSS 整体优化：首页篇
通过前面三十篇教程的讲解，我们已经完成了 Roast 应用的所有前端功能，相信你也已经初步掌握了基于 Laravel + Vue 实...
通过 Laravel + Vue 实现文件上传功能
我们在前面的教程中已经实现了多个表单的提交功能，如新增咖啡店、编辑用户个人信息等，但是还没有涉及到文件上传，那么在这篇教程中我们将基...
实现用户个人信息编辑功能
第一步：定义要收集的数据 在这篇教程中，我们将为 Roast 应用添加个人信息编辑页用于完善用户个人信息，以便附近有新咖啡店，或者某...
通过 Vuex + Vue Router 导航守卫在前端实现认证路由保护
我们已经在上一篇教程中实现了通过 Vue 组件实现用户登录，但是现在有个问题，就是用户在没有登录的情况下也可以访问需要认证的页面，比...
通过 Vue 组件实现单页面应用无跳转登录
我们在上一篇教程中通过是否需要登录访问重新组织了后端路由，并且移除了之前依赖后端 + 视图实现的登录方式，在这一篇教程中，我们将通过...
根据是否需要登录重新组织后端路由
到目前为止，我们的 Roast 应用必须登录后才能使用，这在开发环境没啥问题，但是如果作为实际产品发布则很影响用户体验，所以我们有必...
优化高德地图多个点标记信息窗体显示 & 引入 Google Analytics 进行单页面应用访问统计
我们在前两篇教程中实现咖啡店列表和点标记的筛选过滤功能，这篇教程与前面教程没啥关系，可以算作是针对 Roast 应用的两个优化项。 ...