laravel ajax curd 搜索登錄判斷功能的實現(xiàn)
今天來說說關(guān)于laravel的各種操作 混雜了一點ajax先來個添加表單
有些英文的$沒法打出來用中文代替
登錄數(shù)據(jù)我和列表展示混在一起了,千萬不要和我犯一樣的錯誤。
<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>
確認密碼
</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>
手機號
</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('添加失敗,請重新輸入');window.location.href='create'</script> ";
}
}
下面是展示頁面,展示頁面包括了ajax無刷新刪除 添加跳轉(zhuǎn)、修改跳轉(zhuǎn)、批量刪除、搜索頁面、因為我們需要記錄登錄狀態(tài),還要一個退出登錄按鈕、當(dāng)然還有分頁、我們直接放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">
編號
</th>
<th scope="col">
賬號
</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)于無刷新刪除、批量、還有全選 我們使用的時候需要引用線上的jquery或者文件
因為代碼展示有問題我們直接上圖

下面是修改操作 修改需要先查詢單條 然后根據(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>
確認密碼
</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>總長</option>
<option value="{{$arr['i_id']}}">副老大</option>
<option value="{{$arr['i_id']}}">大隊長</option>
<option value="{{$arr['i_id']}}">小隊長</option>
<option value="{{$arr['i_id']}}">組長</option>
@elseif($arr['i_id'] == 2)
<option value="{{$arr['i_id']}}">總長</option>
<option value="{{$arr['i_id']}}" selected>副老大</option>
<option value="{{$arr['i_id']}}">大隊長</option>
<option value="{{$arr['i_id']}}">小隊長</option>
<option value="{{$arr['i_id']}}">組長</option>
@elseif($arr['i_id'] == 3)
<option value="{{$arr['i_id']}}">總長</option>
<option value="{{$arr['i_id']}}">副老大</option>
<option value="{{$arr['i_id']}}" selected>大隊長</option>
<option value="{{$arr['i_id']}}">小隊長</option>
<option value="{{$arr['i_id']}}">組長</option>
@elseif($arr['i_id'] == 4)
<option value="{{$arr['i_id']}}">總長</option>
<option value="{{$arr['i_id']}}">副老大</option>
<option value="{{$arr['i_id']}}">大隊長</option>
<option value="{{$arr['i_id']}}" selected>小隊長</option>
<option value="{{$arr['i_id']}}">組長</option>
@elseif($arr['i_id'] == 5)
<option value="{{$arr['i_id']}}">總長</option>
<option value="{{$arr['i_id']}}">副老大</option>
<option value="{{$arr['i_id']}}">大隊長</option>
<option value="{{$arr['i_id']}}">小隊長</option>
<option value="{{$arr['i_id']}}" selected>組長</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>
手機號
</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.單條的無刷新刪除

2.批量無刷新刪除

3.修改控制器

4.修改的視圖

5.登錄控制器-我們使用了session記錄防止隨意登錄

6.展示視圖控制器–開始判斷有沒有存在session 存在才能進入展示

7.清除session——因為網(wǎng)頁無法自動退出,所以我們加入了一個退出登錄的按鈕來清除session

8.添加表單的視圖-因為我們的下拉需要循環(huán)所以我們獲取了數(shù)據(jù)庫的數(shù)據(jù)

9.添加表單的控制器——我們使用了validate驗證了一下 記得文件上傳需要前臺支持文件格式

好了,暫時只有那么多,本人只是個小菜鳥,懂得不多,希望大牛們多加指點。
到此這篇關(guān)于laravel ajax curd 搜索登錄判斷功能的實現(xiàn)的文章就介紹到這了,更多相關(guān)laravel ajax curd 搜索登錄內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
AJAX跨域請求之JSONP獲取JSON數(shù)據(jù)
JSONP(JSON with Padding)是一個非官方的協(xié)議,它允許在服務(wù)器端集成Script tags返回至客戶端,通過javascript callback的形式實現(xiàn)跨域訪問(這僅僅是JSONP簡單的實現(xiàn)形式)。2015-09-09
javascript ajax類AJAXRequest2007-12-31 更新
2008-01-01

