Tag: 组件
97 total results found
基于 Laravel + Vue 组件实现文件异步上传
我们在上一篇教程中已经演示了如何通过 Request 请求实例获取各种文本输入数据，但是还有一种输入数据我们没有涉及到，那就是文件上...
在 Laravel 项目中编写第一个 Vue 组件
和 CSS 框架一样，Laravel 不强制你使用什么 JavaScript 客户端框架，但是开箱对 Vue.js 提供了良好的支持...
Blade 模板引擎进阶篇：模板继承 & 组件引入
除了基本的数据渲染及控制结构指令之外，Blade 还提供了模板继承和组件引入功能，从而允许视图模板之间继承、覆盖及引入。 通过 @y...
管理后台前端动作审核列表页面功能实现
在上一篇教程中，我们完成了管理后台前端路由定义，并通过 Vue Router 的路由元信息功能实现了在前端路由中进行权限判断及请求拦...
通过 Vue 组件实现单页面应用无跳转登录
我们在上一篇教程中通过是否需要登录访问重新组织了后端路由，并且移除了之前依赖后端 + 视图实现的登录方式，在这一篇教程中，我们将通过...
使用 Vue Mixins 在高德地图上对咖啡店点标记进行筛选过滤
在上一篇教程中我们在应用首页通过 Vue Mixins 实现了对咖啡店的筛选过滤，在这篇教程中，我们将复用上一篇教程中的过滤处理函数...
通过 Vue Mixins 在前端首页对咖啡店进行过滤筛选
随着咖啡店数量的增多，需要按照指定条件对咖啡店进行过滤筛选，才能找到心仪的咖啡店。由于我们现在在应用首页已经将所有咖啡店数据一次性返...
咖啡店标签前端输入及显示功能实现
在上一篇教程中，我们已经实现咖啡店标签的后端 API 接口用于实现标签的查询、新增和删除，在这篇教程中，我们来实现标签的前端输入、提...
通过 Laravel + Vue 实现喜欢/取消喜欢咖啡店功能
对很多应用而言，尤其是社交媒体类应用，都有喜欢或收藏功能，在这篇教程中，我们就来演示如何基于 Laravel 和 Vue 从前端到后...
通过 Vue.js 实现动态表单一次提交多个咖啡店位置信息
上一篇教程中，我们创建了相应的数据表结构来存储咖啡店与冲泡方法的多对多关联以及获取方法，现在我们需要在其基础上来调整新增咖啡店表单：...
通过 Vue + 高德地图 JS API 在地图上标记咖啡店
在上一篇教程中我们为咖啡店地址进行了地理编码，这样，就可以调用高德地图支持的各种 API 来实现我们想要实现的功能（地图服务都是基于...
通过 JavaScript 和 Laravel 验证表单请求
在上一篇教程中，我们结合 Vuex 和 Laravel 实现了表单提交功能，目前看来，工作的很好，但是有个遗憾，就是没有对表单提交数...
通过 Vue 组件、Vue Router、Vuex 和 Laravel 实现表单提交
在这篇教程中，我们来为咖啡店添加一些数据。我们构建这个应用的目的是为了帮助咖啡爱好者找到下一杯咖啡，所以首先需要让认证用户可以提交咖...
浏览器测试（Laravel Dusk）
简介 Laravel Dusk 提供了优雅的、易于使用的浏览器自动测试 API。默认情况下，Dusk 不强制你在机器上安装 JDK ...
通知
简介 除了支持发送邮件之外，Laravel 还支持通过多种传输通道发送通知，这些通道包括邮件、短信（通过 Nexmo）以及 Slac...