电脑知识|欧美黑人一区二区三区|软件|欧美黑人一级爽快片淫片高清|系统|欧美黑人狂野猛交老妇|数据库|服务器|编程开发|网络运营|知识问答|技术教程文章 - 好吧啦网

您的位置:首頁技術文章
文章詳情頁

laravel ajax curd 搜索登錄判斷功能的實現(xiàn)

瀏覽:414日期:2022-06-11 15:15:18

今天來說說關于laravel的各種操作 混雜了一點ajax先來個添加表單
有些英文的$沒法打出來用中文代替
登錄數(shù)據(jù)我和列表展示混在一起了,千萬不要和我犯一樣的錯誤。

<form action="insert" method="post" enctype="multipart/form-data">    @csrf    <div><table>    <tr><td>    用戶名:</td><td>    <input type="text" name="user"></td>    </tr>    <tr><td>    昵稱:</td><td>    <input type="text" name="name"></td>    </tr>    <tr><td>    密碼:</td><td>    <input type="password" name="password"></td>    </tr>    <tr><td>    確認密碼</td><td>    <input type="password" name="password2"></td>    </tr>    <tr><td>    身份指定</td><td>    <select name="i_id">@foreach($arr as $v)    <option value="{{$v->id}}">{{$v->identity}}</option>@endforeach    </select></td>    </tr>    <tr><td>    狀態(tài)</td><td>    <select name="status"><option value="0">啟用</option><option value="1">未啟用</option>    </select></td>    </tr>    <tr><td>    手機號</td><td>    <input type="text" name="tel"></td>    </tr>    <tr><td>    IP白名單1</td><td>    <input type="text" name="ip1"></td>    </tr>    <tr><td>    IP白名單2</td><td>    <input type="text" name="ip2"></td>    </tr>    <tr><td>    頭像上傳</td><td>    <input type="file" name="img"></td>    </tr>    <tr><td></td><td>    <button type="submit">增加</button>    <button><a href="show" rel="external nofollow"  rel="external nofollow" >展示</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),還要一個退出登錄按鈕、當然還有分頁、我們直接放body的

 <form action=""><input type="text" name="user"><button>搜索</button><button><a href="clearn" rel="external nofollow" >退出登錄</a></button>    </form>    <button id="batch">批量刪除    </button>    <button><a href="create" rel="external nofollow" >添加信息</a>    </button>    <table><thead><tr>    <th scope="col"><span id="getall">全選</span>/<span id="noall">全不選</span>/<span id="no">反選</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" 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}}"></td><td>    <button d_id="{{$v->id}}"> 刪除</button>    <a href="update_show?id={{$v->id}}" rel="external nofollow" >修改</a></td>    </tr>@endforeach    </table>    @if ($errors->any())<div>    <ul>@foreach ($errors->all() as $error)    <li>{{ $error }}</li>@endforeach    </ul></div>    @endif    {{$arr->appends(["user"=>$user])->links()}}</div>

下面是jquery 關于無刷新刪除、批量、還有全選 我們使用的時候需要引用線上的jquery或者文件

因為代碼展示有問題我們直接上圖

下面是修改操作 修改需要先查詢單條 然后根據(jù)id修改數(shù)據(jù)

@csrf<div>    <table><tr>    <td>用戶名:    </td>    <td><input type="text" name="user" value="{{$arr["user"]}}">    </td></tr><tr>    <td>昵稱:    </td>    <td><input type="text" name="name" value="{{$arr["name"]}}">    </td></tr><tr>    <td>密碼:    </td>    <td><input type="password" name="password" value="{{$arr["password"]}}">    </td></tr><tr>    <td>確認密碼    </td>    <td><input type="password" name="password2" value="{{$arr["password"]}}">    </td></tr><tr>    <td>身份指定    </td>    <td><select name="i_id">    @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">@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" name="tel" value="{{$arr["tel"]}}">    </td></tr><tr>    <td>IP白名單1    </td>    <td><input type="text" name="ip1" value="{{$arr["ip1"]}}">    </td></tr><tr>    <td>IP白名單2    </td>    <td><input type="text" 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">修改</button><button>    <a href="show" rel="external nofollow"  rel="external nofollow" >取消修改</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驗證了一下 記得文件上傳需要前臺支持文件格式

好了,暫時只有那么多,本人只是個小菜鳥,懂得不多,希望大牛們多加指點。

到此這篇關于laravel ajax curd 搜索登錄判斷功能的實現(xiàn)的文章就介紹到這了,更多相關laravel ajax curd 搜索登錄內(nèi)容請搜索以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持!

標簽: Ajax
相關文章:
主站蜘蛛池模板: 医学动画公司-制作3d医学动画视频-医疗医学演示动画制作-医学三维动画制作公司 | 无锡装修装潢公司,口碑好的装饰装修公司-无锡索美装饰设计工程有限公司 | NM-02立式吸污机_ZHCS-02软轴刷_二合一吸刷软轴刷-厦门地坤科技有限公司 | 橡胶电子拉力机-塑料-微电脑电子拉力试验机厂家-江苏天源 | 杭州标识标牌|文化墙|展厅|导视|户内外广告|发光字|灯箱|铭阳制作公司 - 杭州标识标牌|文化墙|展厅|导视|户内外广告|发光字|灯箱|铭阳制作公司 | 隧道窑炉,隧道窑炉厂家-山东艾瑶国际贸易 | 校车_校车价格_19座幼儿园校车_幼儿园校车_大鼻子校车 | 月嫂_保姆_育婴_催乳_母婴护理_产后康复_养老护理-吉祥到家家政 硫酸亚铁-聚合硫酸铁-除氟除磷剂-复合碳源-污水处理药剂厂家—长隆科技 | 电缆故障测试仪_电缆故障定位仪_探测仪_检测仪器_陕西意联电气厂家 | 仓储笼_金属箱租赁_循环包装_铁网箱_蝴蝶笼租赁_酷龙仓储笼租赁 测试治具|过炉治具|过锡炉治具|工装夹具|测试夹具|允睿自动化设备 | 宠物店加盟_宠物连锁店_开宠物店-【派多格宠物】 | 塑胶跑道施工-硅pu篮球场施工-塑胶网球场建造-丙烯酸球场材料厂家-奥茵 | 脱硝喷枪-氨水喷枪-尿素喷枪-河北思凯淋环保科技有限公司 | 包塑软管|金属软管|包塑金属软管-闵彬管业 | 光栅尺_Magnescale探规_磁栅尺_笔式位移传感器_苏州德美达 | 闪蒸干燥机-喷雾干燥机-带式干燥机-桨叶干燥机-[常州佳一干燥设备] | 变压器配件,变压器吸湿器,武强县吉口变压器配件有限公司 | 玉米深加工设备|玉米加工机械|玉米加工设备|玉米深加工机械-河南成立粮油机械有限公司 | 执业药师报名条件,考试时间,考试真题,报名入口—首页 | Copeland/谷轮压缩机,谷轮半封闭压缩机,谷轮涡旋压缩机,型号规格,技术参数,尺寸图片,价格经销商 CTP磁天平|小电容测量仪|阴阳极极化_双液系沸点测定仪|dsj电渗实验装置-南京桑力电子设备厂 | 电主轴-高速精密电主轴-高速电机厂家-瑞德沃斯品牌有限公司 | 交联度测试仪-湿漏电流测试仪-双85恒温恒湿试验箱-常州市科迈实验仪器有限公司 | 棕刚玉_白刚玉_铝酸钙-锐石新材料| 岩棉切条机厂家_玻璃棉裁条机_水泥基保温板设备-廊坊鹏恒机械 | 冰晶石|碱性嫩黄闪蒸干燥机-有机垃圾烘干设备-草酸钙盘式干燥机-常州市宝康干燥 | 广州中央空调回收,二手中央空调回收,旧空调回收,制冷设备回收,冷气机组回收公司-广州益夫制冷设备回收公司 | 黑龙江「京科脑康」医院-哈尔滨失眠医院_哈尔滨治疗抑郁症医院_哈尔滨精神心理医院 | 水厂污泥地磅|污泥处理地磅厂家|地磅无人值守称重系统升级改造|地磅自动称重系统维修-河南成辉电子科技有限公司 | 剪刃_纵剪机刀片_分条机刀片-南京雷德机械有限公司 | 湖南印刷厂|长沙印刷公司|画册印刷|挂历印刷|台历印刷|杂志印刷-乐成印刷 | 隧道烘箱_隧道烘箱生产厂家-上海冠顶专业生产烘道设备 | 成都离婚律师|成都结婚律师|成都离婚财产分割律师|成都律师-成都离婚律师网 | 东莞喷砂机-喷砂机-喷砂机配件-喷砂器材-喷砂加工-东莞市协帆喷砂机械设备有限公司 | 龙门加工中心-数控龙门加工中心厂家价格-山东海特数控机床有限公司_龙门加工中心-数控龙门加工中心厂家价格-山东海特数控机床有限公司 | 江西自考网-江西自学考试网| 深圳善跑体育产业集团有限公司_塑胶跑道_人造草坪_运动木地板 | Brotu | 关注AI,Web3.0,VR/AR,GPT,元宇宙区块链数字产业 | 液压压力机,液压折弯机,液压剪板机,模锻液压机-鲁南新力机床有限公司 | 耐高温风管_耐高温软管_食品级软管_吸尘管_钢丝软管_卫生级软管_塑料波纹管-东莞市鑫翔宇软管有限公司 | 定制液氮罐_小型气相液氮罐_自增压液氮罐_班德液氮罐厂家 | 陕西自考报名_陕西自学考试网 |