laravel ajax curd 搜索登錄判斷功能的實(shí)現(xiàn)
更新時(shí)間：2021年04月16日 09:58:13 作者：w ssr
這篇文章主要介紹了laravel ajax curd 搜索登錄判斷功能的實(shí)現(xiàn),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
今天來(lái)說(shuō)說(shuō)關(guān)于laravel的各種操作 混雜了一點(diǎn)ajax先來(lái)個(gè)添加表單
有些英文的$沒(méi)法打出來(lái)用中文代替
登錄數(shù)據(jù)我和列表展示混在一起了，千萬(wàn)不要和我犯一樣的錯(cuò)誤。
<form action="insert" method="post" enctype="multipart/form-data">
@csrf
<div style="width: 600px;height: auto;margin: 20px auto 0;">
<table>
<tr>
<td>
用戶名：
</td>
<td>
<input type="text" class="form-control" name="user">
</td>
</tr>
<tr>
<td>
昵稱：
</td>
<td>
<input type="text" class="form-control" name="name">
</td>
</tr>
<tr>
<td>
密碼：
</td>
<td>
<input type="password" class="form-control" name="password">
</td>
</tr>
<tr>
<td>
確認(rèn)密碼
</td>
<td>
<input type="password" class="form-control" name="password2">
</td>
</tr>
<tr>
<td>
身份指定
</td>
<td>
<select name="i_id" class="form-control">
@foreach($arr as $v)
<option value="{{$v->id}}">{{$v->identity}}</option>
@endforeach
</select>
</td>
</tr>
<tr>
<td>
狀態(tài)
</td>
<td>
<select name="status" class="form-control">
<option value="0">啟用</option>
<option value="1">未啟用</option>
</select>
</td>
</tr>
<tr>
<td>
手機(jī)號(hào)
</td>
<td>
<input type="text" class="form-control" name="tel">
</td>
</tr>
<tr>
<td>
IP白名單1
</td>
<td>
<input type="text" class="form-control" name="ip1">
</td>
</tr>
<tr>
<td>
IP白名單2
</td>
<td>
<input type="text" class="form-control" name="ip2">
</td>
</tr>
<tr>
<td>
頭像上傳
</td>
<td>
<input type="file" name="img">
</td>
</tr>
<tr>
<td></td>
<td>
<button type="submit" class="btn btn-primary">增加</button>
<button class="btn btn-primary">
<a href="show" rel="external nofollow" rel="external nofollow" style="color: white;text-decoration: none">展示</a>
</button>
</td>
</tr>
</table>
</div>
</form>
然后是添加的控制器
public function insert(Request $request){
$validatedData = $request->validate([
‘user' => ‘required',
‘name' => ‘required',
‘password' => ‘required',
‘i_id' => ‘required',
‘status' => ‘required',
‘tel' => ‘required',
‘ip1' => ‘required',
‘img' => ‘required',
]);
$data[‘user'] = $request[‘user'];
$data[‘name'] = $request[‘name'];
$data[‘password'] = $request[‘password'];
$data[‘i_id'] = $request[‘i_id'];
$data[‘status'] = $request[‘status'];
$data[‘tel'] = $request[‘tel'];
$data[‘ip1'] = $request[‘ip1'];
$data[‘ip2'] = $request[‘ip2'];
u r l = ′ h t t p : / / w w w . d 19. c o m / ′ ; ￥ p a t h = url = 'http://www.d19.com/'; ￥path =url=
′
http://www.d19.com/
′
;￥path=url.$request->file(‘img')->store(‘img');
$data[‘img'] = p a t h ; ￥ s s = L i s t m o d e l : : u − i n s e r t ( path; ￥ss = Listmodel::u-insert(path;￥ss=Listmodel::u−insert(data);
if ($ss){
echo "<script>alert('添加成功');window.location.href='show'</script> ";
}else{
echo "<script>alert('添加失敗，請(qǐng)重新輸入');window.location.href='create'</script> ";
}
}
下面是展示頁(yè)面，展示頁(yè)面包括了ajax無(wú)刷新刪除 添加跳轉(zhuǎn)、修改跳轉(zhuǎn)、批量刪除、搜索頁(yè)面、因?yàn)槲覀冃枰涗浀卿洜顟B(tài)，還要一個(gè)退出登錄按鈕、當(dāng)然還有分頁(yè)、我們直接放body的
<form action="">
<input type="text" name="user">
<button class="btn btn-primary">搜索</button>
<button class="btn btn-primary"><a href="clearn" rel="external nofollow" style="color: #ffffff;text-decoration: none">退出登錄</a></button>
</form>
<button id="batch" class="btn btn-primary">
批量刪除
</button>
<button class="btn btn-primary">
<a href="create" rel="external nofollow" style="text-decoration: none;color: white">添加信息</a>
</button>
<table class="table">
<thead class="thead-dark">
<tr>
<th scope="col">
<span id="getall" style="cursor: pointer">全選</span>/
<span id="noall" style="cursor: pointer">全不選</span>/
<span id="no" style="cursor: pointer">反選</span>
</th>
<th scope="col">
編號(hào)
</th>
<th scope="col">
賬號(hào)
</th>
<th scope="col">
昵稱
</th>
<th scope="col">
身份
</th>
<th scope="col">
狀態(tài)
</th>
<th scope="col">
電話
</th>
<th scope="col">
ip地址1
</th>
<th scope="col">
ip地址2
</th>
<th scope="col">
圖片
</th>
<th scope="col">
操作
</th>
</tr>
</thead>
@foreach( $arr as $v)
<tr>
<td>
<input type="checkbox" name="check" class="zi" checkid="{{$v->id}}">
</td>
<td>
{{$v->id}}
</td>
<td>
{{$v->user}}
</td>
<td>
{{$v->name}}
</td>
<td>
{{$v->i_id}}
</td>
<td>
@if($v->status == 0)
啟用
@elseif($v->status == 1)
未啟用
@endif
</td>
<td>
{{$v->tel}}
</td>
<td>
{{$v->ip1}}
</td>
<td>
{{$v->ip2}}
</td>
<td>
<img src="{{$v->img}}" style="width: 30px;height: 30px;">
</td>
<td>
<button class="btn btn-danger dele2" d_id="{{$v->id}}"> 刪除</button>
<a href="update_show?id={{$v->id}}" rel="external nofollow" >修改</a>
</td>
</tr>
@endforeach
</table>
@if ($errors->any())
<div class="alert alert-danger">
<ul>
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif
{{$arr->appends(['user'=>$user])->links()}}
</div>
下面是jquery 關(guān)于無(wú)刷新刪除、批量、還有全選 我們使用的時(shí)候需要引用線上的jquery或者文件
因?yàn)榇a展示有問(wèn)題我們直接上圖
下面是修改操作 修改需要先查詢單條 然后根據(jù)id修改數(shù)據(jù)
@csrf
<div style="width: 600px;height: auto;margin: 20px auto 0;">
<table>
<tr>
<td>
用戶名：
</td>
<td>
<input type="text" class="form-control" name="user" value="{{$arr['user']}}">
</td>
</tr>
<tr>
<td>
昵稱：
</td>
<td>
<input type="text" class="form-control" name="name" value="{{$arr['name']}}">
</td>
</tr>
<tr>
<td>
密碼：
</td>
<td>
<input type="password" class="form-control" name="password" value="{{$arr['password']}}">
</td>
</tr>
<tr>
<td>
確認(rèn)密碼
</td>
<td>
<input type="password" class="form-control" name="password2" value="{{$arr['password']}}">
</td>
</tr>
<tr>
<td>
身份指定
</td>
<td>
<select name="i_id" class="form-control">
@if($arr['i_id'] == 1)
<option value="{{$arr['i_id']}}" selected>總長(zhǎng)</option>
<option value="{{$arr['i_id']}}">副老大</option>
<option value="{{$arr['i_id']}}">大隊(duì)長(zhǎng)</option>
<option value="{{$arr['i_id']}}">小隊(duì)長(zhǎng)</option>
<option value="{{$arr['i_id']}}">組長(zhǎng)</option>
@elseif($arr['i_id'] == 2)
<option value="{{$arr['i_id']}}">總長(zhǎng)</option>
<option value="{{$arr['i_id']}}" selected>副老大</option>
<option value="{{$arr['i_id']}}">大隊(duì)長(zhǎng)</option>
<option value="{{$arr['i_id']}}">小隊(duì)長(zhǎng)</option>
<option value="{{$arr['i_id']}}">組長(zhǎng)</option>
@elseif($arr['i_id'] == 3)
<option value="{{$arr['i_id']}}">總長(zhǎng)</option>
<option value="{{$arr['i_id']}}">副老大</option>
<option value="{{$arr['i_id']}}" selected>大隊(duì)長(zhǎng)</option>
<option value="{{$arr['i_id']}}">小隊(duì)長(zhǎng)</option>
<option value="{{$arr['i_id']}}">組長(zhǎng)</option>
@elseif($arr['i_id'] == 4)
<option value="{{$arr['i_id']}}">總長(zhǎng)</option>
<option value="{{$arr['i_id']}}">副老大</option>
<option value="{{$arr['i_id']}}">大隊(duì)長(zhǎng)</option>
<option value="{{$arr['i_id']}}" selected>小隊(duì)長(zhǎng)</option>
<option value="{{$arr['i_id']}}">組長(zhǎng)</option>
@elseif($arr['i_id'] == 5)
<option value="{{$arr['i_id']}}">總長(zhǎng)</option>
<option value="{{$arr['i_id']}}">副老大</option>
<option value="{{$arr['i_id']}}">大隊(duì)長(zhǎng)</option>
<option value="{{$arr['i_id']}}">小隊(duì)長(zhǎng)</option>
<option value="{{$arr['i_id']}}" selected>組長(zhǎng)</option>
@else
未知組
@endif
</select>
</td>
</tr>
<tr>
<td>
狀態(tài)
</td>
<td>
<select name="status" class="form-control">
@if($arr['status'] == 0)
<option value="{{$arr['status']}}" selected>啟用</option>
<option value="{{$arr['status']}}">未啟用</option>
@elseif($arr['status'] == 1)
<option value="{{$arr['status']}}">啟用</option>
<option value="{{$arr['status']}}" selected>未啟用</option>
@endif
</select>
</td>
</tr>
<tr>
<td>
手機(jī)號(hào)
</td>
<td>
<input type="text" class="form-control" name="tel" value="{{$arr['tel']}}">
</td>
</tr>
<tr>
<td>
IP白名單1
</td>
<td>
<input type="text" class="form-control" name="ip1" value="{{$arr['ip1']}}">
</td>
</tr>
<tr>
<td>
IP白名單2
</td>
<td>
<input type="text" class="form-control" name="ip2" value="{{$arr['ip2']}}">
</td>
</tr>
<tr>
<td>
頭像上傳
</td>
<td>
<input type="file" name="img">
</td>
</tr>
<tr>
<td></td>
<td>
<button type="submit" class="btn btn-primary">修改</button>
<button class="btn btn-primary">
<a href="show" rel="external nofollow" rel="external nofollow" style="text-decoration: none;color: white">取消修改</a>
</button>
</td>
</tr>
</table>
<input type="hidden" value="{{$arr['id']}}" name="id">
</div>
下面就是我們期待的控制器了
1.單條的無(wú)刷新刪除
2.批量無(wú)刷新刪除
3.修改控制器
4.修改的視圖
5.登錄控制器-我們使用了session記錄防止隨意登錄
6.展示視圖控制器–開始判斷有沒(méi)有存在session 存在才能進(jìn)入展示
7.清除session——因?yàn)榫W(wǎng)頁(yè)無(wú)法自動(dòng)退出，所以我們加入了一個(gè)退出登錄的按鈕來(lái)清除session
8.添加表單的視圖-因?yàn)槲覀兊南吕枰h(huán)所以我們獲取了數(shù)據(jù)庫(kù)的數(shù)據(jù)
9.添加表單的控制器——我們使用了validate驗(yàn)證了一下 記得文件上傳需要前臺(tái)支持文件格式
好了，暫時(shí)只有那么多，本人只是個(gè)小菜鳥，懂得不多，希望大牛們多加指點(diǎn)。
到此這篇關(guān)于laravel ajax curd 搜索登錄判斷功能的實(shí)現(xiàn)的文章就介紹到這了,更多相關(guān)laravel ajax curd 搜索登錄內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
本文提供一個(gè)思路，通過(guò)客戶端與服務(wù)端獲取信息，具體什么意思大家自己琢磨，本文只提供Client端代碼，Server端代碼自己去寫，什么語(yǔ)言均可以！2010-04-04
Ajax通常被認(rèn)為是一門單獨(dú)的語(yǔ)言，實(shí)際上它是很多語(yǔ)言的集合包括DHTML, Javascript, XML 和JSON，全稱為Asynchronous JavaScript and XML（異步JavaScript和XML)，是由Jesse James Gaiiett創(chuàng)造的名詞。2010-02-02
這篇文章主要為大家詳細(xì)介紹了非常實(shí)用的ajax用戶注冊(cè)模塊，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-07-07
AJAX即“Asynchronous Javascript And XML”（異步JavaScript和XML），是指一種創(chuàng)建交互式網(wǎng)頁(yè)應(yīng)用的網(wǎng)頁(yè)開發(fā)技術(shù)。本文跟大家介紹JQuery中$.ajax()方法參數(shù)詳解，小伙伴們一起學(xué)習(xí)吧2015-10-10
從剛接觸前端開發(fā)起，跨域這個(gè)詞就一直以很高的頻率在身邊重復(fù)出現(xiàn)，一直到現(xiàn)在，已經(jīng)調(diào)試過(guò)N個(gè)跨域相關(guān)的問(wèn)題了，這篇文章主要介紹了AJAX跨域問(wèn)題的解決方案2022-08-08
ajax下載smartupload的內(nèi)容無(wú)法顯示漢字的解決方法
用ajax下載smartupload的內(nèi)容無(wú)法顯示漢字情況，大有人遇到，下面給出服務(wù)器端以及客戶端上的解決方案，感興趣的朋友不要錯(cuò)過(guò)2013-11-11
這篇文章給大家介紹了用ajax動(dòng)態(tài)加載需要的js文件的相關(guān)知識(shí)，感興趣的朋友跟隨腳本之家小編一起學(xué)習(xí)吧2007-11-11
ajax 操作全局監(jiān)測(cè),用戶session失效的解決方法
下面小編就為大家?guī)?lái)一篇ajax 操作全局監(jiān)測(cè),用戶session失效的解決方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
下面小編就為大家?guī)?lái)一篇基于原生ajax與封裝的ajax使用方法(詳解)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
要通過(guò)ajax保存表單，一切都OK，測(cè)試也通過(guò)，卻發(fā)現(xiàn)文件沒(méi)有上傳成功！然后就有了用 ajax是否可以上傳文件的疑問(wèn)。2011-01-01