最近有時間把公司的項目整理一下，并把遇到的問題解決了。那么今天也算個學(xué)習(xí)筆記吧！
最近在做一個筆記的項目，技術(shù)棧如下：vue.js + laravel + mongodb
首先不得不感嘆vue的神奇，項目昨晚之后我會對整個項目中用到的技術(shù)和踩過的坑進行一個總結(jié)，今天先記錄一個前端傳送數(shù)據(jù)給后端，laravel接收的例子。
前端ajax插件我沒有使用vue-resource，說實話，用他遇到了坑，所以使用了axios.js，很好用，而且比vue-resource還小。
來看前端代碼（省略vue邏輯部分）：
axios.post('index.php/login',{
email:this.email,
pass:this.pass
}).then(function(res){
console.log(res)
}).then(function(){
console.log(321)
})
this.email和this.pass即為用戶填寫的表單數(shù)據(jù)，點擊登錄即執(zhí)行這個方法（驗證數(shù)據(jù)格式?jīng)]問題后）。
來看Laravel如何接收這兩個值：
我們在app文件夾下建立一個GUser.php的Model文件，內(nèi)容如下：
<?php
namespace App;
use Mongodb;
use DB;
class GUser extends Mongodb {
public static function login($email) {
$mongo = DB::connection('mongodb');
$res = $mongo->collection('user')->where('email',$email)->first();
return $res;
}
}
再在app/Http/Controllers下建立一個GUserController.php文件，內(nèi)容如下：
<?php
namespace App\Http\Controllers;
use App\Http\Controllers\Controller;
use App\GUser;
use Illuminate\Http\Request;
class GUserController extends Controller{
protected function login(Request $request) {
$email = $request->input('email');
$pass = $request->input('pass');
$res = GUser::login($email);
return $res;
}
}
當(dāng)然啦，這里沒有用到pass的值，我在這里省略了登錄驗證的邏輯。
然后在路由文件web.php里配置：
Route::any(‘/login','GUserController@login');
到此結(jié)束。以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持。
【網(wǎng)站聲明】本站除付費源碼經(jīng)過測試外，其他素材未做測試，不保證完整性，網(wǎng)站上部分源碼僅限學(xué)習(xí)交流，請勿用于商業(yè)用途。如損害你的權(quán)益請聯(lián)系客服QQ：2655101040 給予處理，謝謝支持。