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

Laravel 前端之家
前端之家收集整理的这篇文章主要介绍了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')
创建文章
文章标题
@H_404_38@
文章正文