一对一直播源码，搜索内容时自动模糊匹配相关内容

一对一直播源码，搜索内容时自动模糊匹配相关内容实现的相关代码

一、添加角色

1.1 角色添加显示页面控制器方法

    /**<br>     * Show the form for creating a new resource.<br>     *<br>     * @return \Illuminate\Http\Response<br>     */<br>    public function create()<br>    {<br>        return view('admin.role.create');<br>    }

1.2 角色添加模版

resources\views\admin\role\create.blade.php 我们采用ajax进行提交：

<br><!DOCTYPE HTML><br><html><br> <br><head><br><meta charset="utf-8"><br><meta name="renderer" content="webkit|ie-comp|ie-stand"><br><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><br><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /><br><meta http-equiv="Cache-Control" content="no-siteapp" /><br><link rel="Bookmark" href="/favicon.ico"><br><link rel="Shortcut Icon" href="/favicon.ico" /><br><link rel="stylesheet" type="text/css" href="/admin/static/h-ui/css/H-ui.min.css" /><br><link rel="stylesheet" type="text/css" href="/admin/static/h-ui.admin/css/H-ui.admin.css" /><br><link rel="stylesheet" type="text/css" href="/admin/lib/Hui-iconfont/1.0.8/iconfont.css" /><br><link rel="stylesheet" type="text/css" href="/admin/static/h-ui.admin/skin/default/skin.css" id="skin" /><br><link rel="stylesheet" type="text/css" href="/admin/static/h-ui.admin/css/style.css" /><br> <br><title>添加角色</title><br></head><br> <br><body><br><article class="page-container"><br><!-- 表单验证 --><br>@include('admin.common.validate')<br><form action="{{route('admin.role.store')}}" method="post" class="form form-horizontal" id="form-member-add"><br>@csrf<br><div class="row cl"><br><label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>角色名：</label><br><div class="formControls col-xs-8 col-sm-9"><br><input type="text" class="input-text" placeholder="角色名" id="name" name="name"><br></div><br></div><br><div class="row cl"><br><div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3"><br><input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;添加&nbsp;&nbsp;"><br></div><br></div><br></form><br></article><br><!--_footer 作为公共模版分离出去--><br><script type="text/javascript" src="/admin/lib/jquery/1.9.1/jquery.min.js"></script><br><script type="text/javascript" src="/admin/lib/layer/2.4/layer.js"></script><br><script type="text/javascript" src="/admin/static/h-ui/js/H-ui.min.js"></script><br><script type="text/javascript" src="/admin/static/h-ui.admin/js/H-ui.admin.js"></script><br><!--/_footer 作为公共模版分离出去--><br><!--请在下方写此页面业务相关的脚本--><br><script type="text/javascript" src="/admin/lib/My97DatePicker/4.8/WdatePicker.js"></script><br><script type="text/javascript" src="/admin/lib/jquery.validation/1.14.0/jquery.validate.js"></script><br><script type="text/javascript" src="/admin/lib/jquery.validation/1.14.0/validate-methods.js"></script><br><script type="text/javascript" src="/admin/lib/jquery.validation/1.14.0/messages_zh.js"></script><br></body><br></html><br><script type="text/javascript"><br>// 采用ajax 进行提交<br>$(function() {<br>$("#form-member-add").validate({<br>// rules: {<br>// name: {<br>// required: true,<br>// }<br> <br>// },<br>onkeyup: false,<br>focusCleanup: true,<br>success: "valid",<br>submitHandler: function(form) {<br>let url = $(form).attr('action');<br>// 表单序列化<br>let data = $(form).serialize();<br>// console.log(action, data)<br>$.post(url, data).then((res) => {<br>console.log(res);<br>if (res.status == 20002) {<br>layer.msg(res.msg, {icon: 2, time: 2000});<br>}<br>else if (res.status == 1) {<br>layer.msg(res.msg, {icon: 1, time: 2000},() => {<br>location.href = "{{route('admin.role.index')}}";<br>})<br>}<br>})<br>}<br> <br>});<br> <br>});<br></script><br> 

1.3 角色添加逻辑控制器

    /**<br>     * Store a newly created resource in storage.<br>     *<br>     * @param  \Illuminate\Http\Request  $request<br>     * @return \Illuminate\Http\Response<br>     */<br>    public function store(Request $request)<br>    {<br>        // 异常处理<br>        try {<br>            // 后台验证<br>            $this -> validate($request, [<br>                'name' => 'required|unique:roles,name'<br>            ]);<br>        }<br>        catch (Exception $e) {<br>            return ['status' => 20002, 'msg' => '验证不通过！'];<br>        }<br>        // 入库<br>        Role::create($request -> only('name'));<br>        return ['status' => 1, 'msg' => '添加角色成功！'];<br> <br>        // Role::create($data);<br>        // // 跳转到列表页<br>        // return redirect(route('admin.role.index')) -> with('success', '添加角色成功');<br>    }

二、角色搜索功能

修改index控制器方法：

<br>    /**<br>     * Display a listing of the resource.<br>     *<br>     * @return \Illuminate\Http\Response<br>     */<br>    public function index(Request $request)<br>    {<br>        // 获取搜索框 分页<br>        $kw = $request -> get('kw', '');<br>        $data = Role::when($kw, function ($query) use($kw) {<br>            $query->where('name', 'like', "%{$kw}%");<br>        }) -> paginate($this->pagesize);<br>        // dump($data);<br>        return view('admin.role.index', compact('data', 'kw'));<br>    }

以上就是一对一直播源码，搜索内容时自动模糊匹配相关内容实现的相关代码，更多内容欢迎关注之后的文章