Tag: Vue
128 total results found
通过 Vue 组件实现单页面应用无跳转登录
我们在上一篇教程中通过是否需要登录访问重新组织了后端路由，并且移除了之前依赖后端 + 视图实现的登录方式，在这一篇教程中，我们将通过...
优化高德地图多个点标记信息窗体显示 & 引入 Google Analytics 进行单页面应用访问统计
我们在前两篇教程中实现咖啡店列表和点标记的筛选过滤功能，这篇教程与前面教程没啥关系，可以算作是针对 Roast 应用的两个优化项。 ...
使用 Vue Mixins 在高德地图上对咖啡店点标记进行筛选过滤
在上一篇教程中我们在应用首页通过 Vue Mixins 实现了对咖啡店的筛选过滤，在这篇教程中，我们将复用上一篇教程中的过滤处理函数...
通过 Vue Mixins 在前端首页对咖啡店进行过滤筛选
随着咖啡店数量的增多，需要按照指定条件对咖啡店进行过滤筛选，才能找到心仪的咖啡店。由于我们现在在应用首页已经将所有咖啡店数据一次性返...
咖啡店标签前端输入及显示功能实现
在上一篇教程中，我们已经实现咖啡店标签的后端 API 接口用于实现标签的查询、新增和删除，在这篇教程中，我们来实现标签的前端输入、提...
通过 Laravel + Vue 实现喜欢/取消喜欢咖啡店功能
对很多应用而言，尤其是社交媒体类应用，都有喜欢或收藏功能，在这篇教程中，我们就来演示如何基于 Laravel 和 Vue 从前端到后...
通过 Vue.js 实现动态表单一次提交多个咖啡店位置信息
上一篇教程中，我们创建了相应的数据表结构来存储咖啡店与冲泡方法的多对多关联以及获取方法，现在我们需要在其基础上来调整新增咖啡店表单：...
实现 Laravel 模型类之间的多对多关联及冲泡方法前端查询 API
在前面的教程中，我们已经陆续完成了咖啡店的添加和在高德地图上的标记，接下来我们会实现一些更加复杂的功能，在实现这些功能之前，需要先准...
在高德地图上自定义咖啡店点标记图标并显示信息窗体
在上一篇教程中我们已经成功将咖啡店显示到高德地图中，除此之外，我们还可以基于高德地图提供的 JS API 实现更多的高级功能，比如自...
通过 Vue + 高德地图 JS API 在地图上标记咖啡店
在上一篇教程中我们为咖啡店地址进行了地理编码，这样，就可以调用高德地图支持的各种 API 来实现我们想要实现的功能（地图服务都是基于...
通过 JavaScript 和 Laravel 验证表单请求
在上一篇教程中，我们结合 Vuex 和 Laravel 实现了表单提交功能，目前看来，工作的很好，但是有个遗憾，就是没有对表单提交数...
通过 Vue 组件、Vue Router、Vuex 和 Laravel 实现表单提交
在这篇教程中，我们来为咖啡店添加一些数据。我们构建这个应用的目的是为了帮助咖啡爱好者找到下一杯咖啡，所以首先需要让认证用户可以提交咖...
浏览器测试（Laravel Dusk）
简介 Laravel Dusk 提供了优雅的、易于使用的浏览器自动测试 API。默认情况下，Dusk 不强制你在机器上安装 JDK ...
快速入门：JavaScript & CSS 脚手架
简介 Laravel 并不强制你使用什么 JavaScript 框架或者 CSS 预处理器，不过也确实提供了对很多应用而言都很有用的...
为 Vue Router 添加页面布局
Laravel 可以通过 Blade 模板为应用添加页面布局，不过由于我们构建的是单页面应用，可以通过 Vue Router 来实现...