laravel视频详解

第一步需要项目上线

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
第二步制作添加课程目录
在这里插入图片描述

在这里插入图片描述
每一张有不同的小节
然后章节联动
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
特别注意课程id

                     <input type="text" name="catlog_title" id="catlog_title" lay-verify="required" lay-reqtext="课程标题不能为空" placeholder="请输入课程标题" value="" class="layui-input">

catlog.blade.php

@extends('layout.index')
@section('content')
    <style>
        body {
   
            background-color: #ffffff;
        }
    </style>

<script src="{
   {asset('admin/lib/jquery-3.4.1/jquery-3.4.1.min.js')}}" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="{
   {asset('admin/oss/style.css')}}"/>
<body>
 <div class="layui-tab">
   <ul class="layui-tab-title">
     <li class="layui-this">添加章</li>
     <li>添加节</li>
   </ul>
   <div class="layui-tab-content">
     <div class="layui-tab-item layui-show">
          <div class="layui-form layuimini-form">
              <div class="layui-form-item">
                  <label class="layui-form-label required">课程标题</label>
                  <div class="layui-input-block">
                      <input type="text" name="catlog_title" lay-verify="required" lay-reqtext="课程标题不能为空" placeholder="请输入课程标题" value="" class="layui-input">
                      <input type="hidden" name="course_id" value="{
   {
     $courseId}}"> 
                  </div>
              </div>
              <div class="layui-form-item">
                  <div class="layui-input-block">
                      <button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveCatlog1">确认保存</button>
                  </div>
              </div>
           </div>
     </div>
     <div class="layui-tab-item">
         <div class="layui-form layuimini-form">
             <div class="layui-form-item">
                 <label class="layui-form-label required">课程标题</label>
                 <div class="layui-input-block">
                     <input type="text" name="catlog_title" id="catlog_title" lay-verify="required" lay-reqtext="课程标题不能为空" placeholder="请输入课程标题" value="" class="layui-input">
                  	 <input type="hidden" name="course_id" value="{
   {
     $courseId}}"> 
                 </div>
             </div>

             <div class="layui-form-item">
                 <label class="layui-form-label required">课程章</label>
                 <div class="layui-input-block">
                     <select name="pid">
                         <option value=""></option>
						@foreach($chapter as $cha)
                          <option value="{
   {
     $cha->id}}">{
   {
   $cha->catlog_title}}</option>
						@endforeach
                     </select>
                 </div>
             </div>

			<div class="layui-form-item">
                 <label class="layui-form-label required">视频上传</label>
                 <div class="layui-input-block">
						<div id="container">
							<a id="selectfiles" href="javascript:void(0);" class='btn'>选择文件</a>
							<a id="postfiles" href="javascript:void(0);" class='btn'>开始上传</a>
						</div>
						<input type="hidden" name="video_url" id="video_url" />
						<div id="ossfile"></div>
						<pre id="console"></pre>
                 </div>
             </div>


             <div class="layui-form-item">
                 <label class="layui-form-label required">是否免费</label>
                 <div class="layui-input-block">
                     <input type="radio" name="is_free" value="1" title="是" >
                     <input type="radio" name="is_free" value="0" title="否" checked="checked" >
                 </div>
             </div>

             <div class="layui-form-item">
                 <div class="layui-input-block">
                     <button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveCatlog2">确认保存</button>
                 </div>
             </div>
          </div>

     </div>

   </div>
 </div>

<script type="text/javascript" src="{
   {asset('admin/oss/lib/plupload-2.1.2/js/plupload.full.min.js')}}"></script>
<script type="text/javascript" src="{
   {asset('admin/oss/upload.js')}}"></script>
<script>

    layui.use(['form','element'], function () {
   
        var form = layui.form,
            layer = layui.layer,
            $ = layui.$;
        //监听提交
        form.on('submit(saveCatlog1)', function (data) {
   

            // var index = layer.alert(JSON.stringify(data.field), {
   
            //     title: '最终的提交信息'
            // }, function () {
   

            //     // 关闭弹出层
            //     layer.close(index);

            //     var iframeIndex = parent.layer.getFrameIndex(window.name);
            //     parent.layer.close(iframeIndex);

            // });

             $.ajaxSetup({
   
                 headers:{
   'X-CSRF-TOKEN':'{
   {csrf_token()}}'}
             })
            $.post('/admin/course/saveChapter',data.field,function(res){
   
                if(res.status=='success'){
   
                    location.href='/admin/course/catlog/'+'{
   {$courseId}}'
                }
            });

            return false;
        });

        form.on('submit(saveCatlog2)', function (data) {
   

              $.ajaxSetup({
   
                  headers:{
   'X-CSRF-TOKEN':'{
   {csrf_token()}}'}
              })
              $.post('/admin/course/saveVideo',data.field,function(res){
   
                 if(res.status=='success'){
   
					layer.msg(res.msg);
					$('#ossfile').html('');
				    $("#catlog_title").val('')
                 }
             });
                //location.href='/admin/course/catlog/2'
            return false;
        });

    });
</script>
</body>
@endsection

    //保存视频
	Route::post('/admin/course/saveChapter','admin\Course@saveChapter');
	public function saveChapter(Request $request){
   
		$data = $request->only(['course_id','catlog_title']);
		 $res = DB::table('catlog')->insert($data);
       if($res)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值