laravel ajax curd 搜索登录判断功能的实现_AJAX相关

来源:脚本之家  责任编辑:小易  

今天来说说关于laravel的各种操作 混杂了一点ajax先来个添加表单
有些英文的$没法打出来用中文代替
登录数据我和列表展示混在一起了,千万不要和我犯一样的错误。

<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>
                    状态
                </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无刷新删除 添加跳转、修改跳转、批量删除、搜索页面、因为我们需要记录登录状态,还要一个退出登录按钮、当然还有分页、我们直接放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">
                状态
            </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 关于无刷新删除、批量、还有全选 我们使用的时候需要引用线上的jquery或者文件

因为代码展示有问题我们直接上图

在这里插入图片描述

下面是修改操作 修改需要先查询单条 然后根据id修改数据

@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>
                状态
            </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——因为网页无法自动退出,所以我们加入了一个退出登录的按钮来清除session

在这里插入图片描述

8.添加表单的视图-因为我们的下拉需要循环所以我们获取了数据库的数据

在这里插入图片描述

9.添加表单的控制器——我们使用了validate验证了一下 记得文件上传需要前台支持文件格式

在这里插入图片描述

好了,暂时只有那么多,本人只是个小菜鸟,懂得不多,希望大牛们多加指点。

到此这篇关于laravel ajax curd 搜索登录判断功能的实现的文章就介绍到这了,更多相关laravel ajax curd 搜索登录内容请搜索真格学网以前的文章或继续浏览下面的相关文章希望大家以后多多支持真格学网!

您可能感兴趣的文章:浅谈Laravel中使用Slack进行异常通知如何用Laravel包含你自己的帮助函数详解Laravel框架的依赖注入功能php+laravel 扫码二维码签到功能laravel的数据表填充器使用详解Laravel中Kafka的使用详解laravel使用redis队列实例讲解Laravel的加密解密与哈希实例讲解Laravel中10个有用的用法小结分析五个Laravel Dusk的使用技巧

  • 本文相关:
  • ajax异步加载图片实例分析
  • asp+ajax+access数据库实例讲解三个步骤分享
  • jquery ajax提交表单从action传值到jsp实现小结
  • 零基础学习ajax之制作自动校验的表单
  • ajax中文乱码解决新方法分享
  • 浅析ie针对ajax请求结果的缓存问题
  • 用ajax实现页面登陆以及注册用户名验证的简单实例
  • 快速获取ajax通信对象的方法
  • ajax在请求过程中显示进度的简单实现
  • 利用ajax实现鼠标悬浮获取值的代码
  • 网站首页网页制作脚本下载服务器操作系统网站运营平面设计媒体动画电脑基础硬件教程网络安全javascriptasp.netphp编程ajax相关正则表达式asp编程jsp编程编程10000问css/htmlflex脚本加解密web2.0xml/rss网页编辑器相关技巧安全相关网页播放器其它综合dart首页浅谈laravel中使用slack进行异常通知如何用laravel包含你自己的帮助函数详解laravel框架的依赖注入功能php+laravel 扫码二维码签到功能laravel的数据表填充器使用详解laravel中kafka的使用详解laravel使用redis队列实例讲解laravel的加密解密与哈希实例讲解laravel中10个有用的用法小结分析五个laravel dusk的使用技巧ajax异步加载图片实例分析asp+ajax+access数据库实例讲解三个步骤分享jquery ajax提交表单从action传值到jsp实现小结零基础学习ajax之制作自动校验的表单ajax中文乱码解决新方法分享浅析ie针对ajax请求结果的缓存问题用ajax实现页面登陆以及注册用户名验证的简单实例快速获取ajax通信对象的方法ajax在请求过程中显示进度的简单实现利用ajax实现鼠标悬浮获取值的代码jquery ajax 向后台传递数组参数ajax readystate的五种状态详解jquery实现ajax定时刷新局部页面ajax中的async属性值之同步和异步ajax传递多个参数具体实现ajax获取数据然后显示在页面的实ajax获取数据中文乱码问题最简单jquery ajax中使用serialize()方自己动手打造ajax图片上传(网上没ajax 缓存问题的两种解决方法(ieajax跨域(基础域名相同)表单提交的方法通过ajax方式上传文件使用formdata进行aj用ajax xml的数据读取的helloworld程序ajax响应json字符串和json数组的实例(详解浅析asp.net mvc 中ajax的使用ajax读取txt并对txt内容进行分页显示功能用iframe设置代理解决ajax跨域请求问题如何成为ajax高手ie8下ajax缓存问题及解决办法php匹配连续的数字或字母的正则表达式
    免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved