本文實(shí)例講述了Laravel框架實(shí)現(xiàn)即點(diǎn)即改功能的方法。分享給大家供大家參考，具體如下：

有的時候我們不需要更改大量數(shù)據(jù),只需要更改一個字段的時候,我們就用到了即點(diǎn)即改,以用戶模塊,修改用戶名稱為例,下圖為我的展示模塊

當(dāng)我們點(diǎn)擊用戶名時,會出現(xiàn)一個修改框,那么這個修改框是怎么來的呢?

我們點(diǎn)擊時,隱藏在這個td當(dāng)中的修改框會出現(xiàn),而展示時的用戶名會隱藏起來,我們怎么利用代碼實(shí)現(xiàn)?

{{$v->username}}

οnblur="edituser({{$v->id}})">

從上述代碼中我們可以看到一個存放用戶名的span標(biāo)簽,還有一個默認(rèn)為隱藏的input框,用來存放用戶名,接下來我們要做的就是:通過相應(yīng)的點(diǎn)擊事件,實(shí)現(xiàn)即點(diǎn)即改;在修改數(shù)據(jù)時,我們盡量要根據(jù)他的唯一字段id進(jìn)行修改,避免出錯:

首先,我在頁面顯示span標(biāo)簽當(dāng)中起了一個id,名為 “bbb”+用戶的id,在隱藏的input中id為 “aaa”+用戶的id,在相應(yīng)點(diǎn)擊事件中存放id,方便ajax取用戶的id值;

接下來就是通過ajax技術(shù),傳遞相應(yīng)id值,以及要修改的數(shù)據(jù)到控制器,進(jìn)行相應(yīng)的修改:

1)首先引入jquery文件

2)點(diǎn)擊事件:當(dāng)我們點(diǎn)擊時,span標(biāo)簽內(nèi)容設(shè)置為空值,input標(biāo)簽出現(xiàn)

function saveuser(id){

document.getElementById('aaa'+id).style.display='block';//顯示input

document.getElementById('bbb'+id).innerHTML="";//span標(biāo)簽的值設(shè)置為空

}

3)輸入我們需要修改的數(shù)據(jù),如下圖:

4)要修改的數(shù)據(jù)寫完之后,就到了最關(guān)鍵的時候,怎樣進(jìn)行修改?

通過上面,可以看到input有一個失去焦點(diǎn)事件,因此我在這個事件里進(jìn)行ajax請求

function edituser(id){

var username = document.getElementById('aaa'+id).value;//獲取文本框的值

$.ajax({

type:'GET',//請求方式

data:{'id':id,'username':username},//傳遞參數(shù)

url:"{{url('edituser')}}",//地址

success:function(e){//回調(diào)

if(e==1){

document.getElementById('aaa'+id).style.display = 'none';//如果修改成功,input隱藏

document.getElementById('bbb'+id).innerHTML = username;//修改成功,將表里修改后的數(shù)據(jù)賦值給span標(biāo)簽

}else{

alert('修改失敗');

window.location.reload();

}

}

})

}

5)通過ajax傳遞的參數(shù),進(jìn)行數(shù)據(jù)查詢和修改:

首先我們在控制器接收:

public function edituser(){

$arr = Input::get();//接收ajax傳遞的參數(shù)

$result = BlueShop::useredit($arr);//調(diào)用模型,并將接收到的 id 和要修改的數(shù)據(jù)賦給模型

if($result){

$status = 1;

}else{

$status = 2;

}

return $status;//將結(jié)果返回給展示頁面

}

然后我們在模型進(jìn)行我們的邏輯代碼部分

//$arr數(shù)組 $arr['id'] 用戶id $arr['username']要修改的用戶名

public static function useredit($arr){

$res = DB::table('jy_user')->where('id',$arr['id'])->update($arr);//通過id修改

return $res;//返回結(jié)果

}

6)此時我們可以看到,頁面已經(jīng)修改

而數(shù)據(jù)表中的數(shù)據(jù)也進(jìn)行了更新

這就是一個簡單的即點(diǎn)即改,希望對大家能有所幫助!!!

希望本文所述對大家基于Laravel框架的PHP程序設(shè)計有所幫助。

總結(jié)

以上是生活随笔為你收集整理的php代码怎么修改成laravel,Laravel框架实现即点即改功能的方法分析的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。