当我使用Laravel在我的mysql数据库表中插入新值时,我想获得一个弹出通知

时间:2019-08-20 06:58:32

标签: laravel-5

当我向数据库中插入新值时,我想在主页上显示一条成功消息作为通知。

控制器

 function insert(Request $request)
{  
    $teacher = new teacher;

        $teacher->Teacher_name      =  $request->Teacher_name;
        $teacher->School_name       =  $request->School_name;
        $teacher->Date_of_Birth     =  $request->Date_of_Birth;

        $teacher->save();

  $teacher = teacher::find($request->id);
  return back()->with('success', 'Data inserted Successfully');
}

查看

<ul class="nav navbar-nav navbar-left">
 <li class="dropdown">
  <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span 
  class="label label-pill label-danger count" style="border- 
   radius:10px;"></span> <span class="glyphicon glyphicon-bell" 
   style="font-size:18px;"></span></a>
  <ul class="dropdown-menu">
  </ul>
 </li>
</ul>

2 个答案:

答案 0 :(得分:0)

在Laravel中,您可以使用 Flash 如下所示显示成功或失败警报,

控制器:

\Session::flash('success', 'Data inserted Successfully.');

刀片文件:

@if ($message = \Session::get('success'))
  <div class="alert success-msg">
    {{ $message }}
  </div>
@endif

更新: 将邮件保留在刀片中直到关闭;

@if (session()->has('success'))
    <div class="alert alert-dismissable alert-success">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
        <strong>
            {!! session()->get('success') !!}
        </strong>
    </div>
@endif

更新:2 要获取实时通知,您可以使用Pusher,其实施指南也是如此:https://www.sitepoint.com/add-real-time-notifications-laravel-pusher/

希望这会有所帮助。

答案 1 :(得分:0)

使用 Flash

控制器:

\Session::flash('success', 'Data inserted Successfully.');

刀片文件:

 @if ($message = \Session::get('success'))
      <div class="modal hide fade" id="myModal">
  <div class="modal-header">
    <a class="close" data-dismiss="modal">×</a>
    <h3>Modal header</h3>
  </div>
  <div class="modal-body">
    <p>{{$message}}</p>
  </div>
  <div class="modal-footer">
    <a href="#" class="btn">Close</a>
    </div>
  </div>
  <script> $('#myModal').modal('show');</script>
    @endif

在加载jquery和bootstrap之后发布此信息。