5.5 前端开发
5.5.1 api方法

[AppleScript] 纯文本查看 复制代码

/*预览课程*/ export const preview = id =>{   
return http.requestPost(apiUrl+'/course/preview/'+id);
 } 

5.5.2 页面
创建 course_pub.vue

[AppleScript] 纯文本查看 复制代码

<template>  
  <div>  
    <el‐card class="box‐card">    
    <div slot="header" class="clearfix">       
   <span>课程预览</span>  
      </div>      
  <div class="text item">   
       <el‐button type="primary"  @click.native="preview" >课程预览</el‐button>   
       <br/><br/>        
  <span v‐if="previewurl && previewurl!=''"><a :href="previewurl" target="_blank">点我查看课 程预览页面 </a> </span>  
      </div>    
  </el‐card>
    </div> 
 </template>  

数据对象：

[AppleScript] 纯文本查看 复制代码

data() {  
  return {  
    dotype:'',   
   courseid:'',   
   course: {"id":"","name":"","status":""},   
   previewurl:''  
  }  

方法 ：

[AppleScript] 纯文本查看 复制代码

//预览
  preview(){   
 courseApi.preview(this.courseid).then((res) => { 
     if(res.success){     
   this.$message.error('预览页面生成成功，请点击下方预览链接'); 

[AppleScript] 纯文本查看 复制代码

 if(res.url){   
       //预览url      
    this.previewurl = res.url   
     } 
     }else{      
  this.$message.error(res.message);  
    }   
 }); 
 }   

5.5 前端开发
5.5.1 api方法

[AppleScript] 纯文本查看 复制代码

/*预览课程*/ export const preview = id =>{   
return http.requestPost(apiUrl+'/course/preview/'+id);
 } 

5.5.2 页面
创建 course_pub.vue

[AppleScript] 纯文本查看 复制代码

<template>  
  <div>  
    <el‐card class="box‐card">    
    <div slot="header" class="clearfix">       
   <span>课程预览</span>  
      </div>      
  <div class="text item">   
       <el‐button type="primary"  @click.native="preview" >课程预览</el‐button>   
       <br/><br/>        
  <span v‐if="previewurl && previewurl!=''"><a :href="previewurl" target="_blank">点我查看课 程预览页面 </a> </span>  
      </div>    
  </el‐card>
    </div> 
 </template>  

数据对象：

[AppleScript] 纯文本查看 复制代码

data() {  
  return {  
    dotype:'',   
   courseid:'',   
   course: {"id":"","name":"","status":""},   
   previewurl:''  
  }  

方法 ：

[AppleScript] 纯文本查看 复制代码

//预览
  preview(){   
 courseApi.preview(this.courseid).then((res) => { 
     if(res.success){     
   this.$message.error('预览页面生成成功，请点击下方预览链接'); 

[AppleScript] 纯文本查看 复制代码

 if(res.url){   
       //预览url      
    this.previewurl = res.url   
     } 
     }else{      
  this.$message.error(res.message);  
    }   
 }); 
 }