黑马程序员技术交流社区

标题: 【郑州校区】Java的新项目学成在线笔记-day9(十六) [打印本页]

作者: 谷粒姐姐    时间: 2019-4-26 10:45
标题: 【郑州校区】Java的新项目学成在线笔记-day9(十六)
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);  
    }   
});
}   







欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2