Laravel 中使用 Vue.js 实现基于 Ajax 的表单提交错误验证操作

前端之家收集整理的这篇文章主要介绍了Laravel 中使用 Vue.js 实现基于 Ajax 的表单提交错误验证操作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本教程基于Laravel 5.4

开始之前首先准备好开发环境,我们假设你已经安装好 Laravel,至于 Vue 的引入,请参考官方文档。

做好上述准备工作后就可以开始我们的开发了,本教程中我们将演示文章发布页面的表单 验证 。

首先在 routes/web.PHP 中新增两条路由规则:

PHP;"> Route::get('post/create','PostController@create'); Route::post('post/save','PostController@save');

然后在项目根目录下运行 Artisan 命令创建控制器 PostController :

PHP;"> PHP artisan make:controller PostController

生成的控制器中新增两个方法用于处理路由请求:

validate($request,[ 'title' => 'required','body' => 'required' ]); }

接下来就要创建响应视图了,为了复用已有的样式风格和页面布局,我们先运行如下 Artisan 命令:

PHP;"> PHP artisan make:auth

这样我们就可以复用 Laravel 自带的认证功能页面布局了,创建视图文件 post/create.blade.PHP ,并编辑文件内容如下:

PHP;"> @extends('layouts.app') @section('content')
创建文章
文章正文