Tag: Roast
39 total results found
使用 Vue Mixins 在高德地图上对咖啡店点标记进行筛选过滤
在上一篇教程中我们在应用首页通过 Vue Mixins 实现了对咖啡店的筛选过滤，在这篇教程中，我们将复用上一篇教程中的过滤处理函数...
通过 Vue Mixins 在前端首页对咖啡店进行过滤筛选
随着咖啡店数量的增多，需要按照指定条件对咖啡店进行过滤筛选，才能找到心仪的咖啡店。由于我们现在在应用首页已经将所有咖啡店数据一次性返...
咖啡店标签前端输入及显示功能实现
在上一篇教程中，我们已经实现咖啡店标签的后端 API 接口用于实现标签的查询、新增和删除，在这篇教程中，我们来实现标签的前端输入、提...
咖啡店标签后端 API 接口功能实现
接下来的两篇教程中，我们会咖啡店实现打标签功能，这个标签与咖啡店、标签和用户相关联，我们将最终根据用户为每个咖啡店标记的标签数量为排...
通过 Laravel + Vue 实现喜欢/取消喜欢咖啡店功能
对很多应用而言，尤其是社交媒体类应用，都有喜欢或收藏功能，在这篇教程中，我们就来演示如何基于 Laravel 和 Vue 从前端到后...
通过 Vue.js 实现动态表单一次提交多个咖啡店位置信息
上一篇教程中，我们创建了相应的数据表结构来存储咖啡店与冲泡方法的多对多关联以及获取方法，现在我们需要在其基础上来调整新增咖啡店表单：...
实现 Laravel 模型类之间的多对多关联及冲泡方法前端查询 API
在前面的教程中，我们已经陆续完成了咖啡店的添加和在高德地图上的标记，接下来我们会实现一些更加复杂的功能，在实现这些功能之前，需要先准...
在高德地图上自定义咖啡店点标记图标并显示信息窗体
在上一篇教程中我们已经成功将咖啡店显示到高德地图中，除此之外，我们还可以基于高德地图提供的 JS API 实现更多的高级功能，比如自...
通过 Vue + 高德地图 JS API 在地图上标记咖啡店
在上一篇教程中我们为咖啡店地址进行了地理编码，这样，就可以调用高德地图支持的各种 API 来实现我们想要实现的功能（地图服务都是基于...
通过高德地图 Web 服务 API 对咖啡店地址进行地理编码
打开后续各种 LBS 功能大门的钥匙是首先将咖啡店的物理地址转化为地图上的经纬度格式，这个过程叫做地理编码（Geocode）。我们可...
通过 JavaScript 和 Laravel 验证表单请求
在上一篇教程中，我们结合 Vuex 和 Laravel 实现了表单提交功能，目前看来，工作的很好，但是有个遗憾，就是没有对表单提交数...
通过 Vue 组件、Vue Router、Vuex 和 Laravel 实现表单提交
在这篇教程中，我们来为咖啡店添加一些数据。我们构建这个应用的目的是为了帮助咖啡爱好者找到下一杯咖啡，所以首先需要让认证用户可以提交咖...
为 Vue Router 添加页面布局
Laravel 可以通过 Blade 模板为应用添加页面布局，不过由于我们构建的是单页面应用，可以通过 Vue Router 来实现...
通过 Laravel Mix 将 SASS 编译到 Vue 组件
在为单页面应用配置 JavaScript 和 Sass 这篇教程中，我们已经为所有 Sass 资源构建了目录结构，我们可以将 Vue...
在 Vue 组件中使用 Vuex 模块
在本教程中我们将调用之前定义的 API 并使用上一篇教程中创建的 Vuex 模块，我们会在 Vue 组件中使用 Vuex 模块并加载...