day16教育项目课堂笔记版

内容回11内容介112345名师详情前0.5分页样式解1、讲师详情页面前端整修改讲师详情 importteacherfrom"@/api/teacher";exportdefault{asyncData({params,error})returnreturn{ }}<divid="aCoursesList"class="bg-fa讲师介绍开始<section<headerclass="comm-<h2class="fl<spanclass="c-333">讲师介绍<divclass="t-infor-讲师基本信息<sectionclass="flt-infor-boxc-desc-<divclass="mt20<sectionclass="t-infor-<img讲师

<h3<spanclass="fsize24c- <section<spanclass="t-tag-<sectionclass="t-infor-<div<div<section<headerclass="comm-titleall-teacher-titlec-

<h2class="fl<spanclass="c-333">主讲课程<sectionclass="c-tab-<ahref="javascript: 无数据提示开始<sectionclass="no-data-wrap"v-<emclass="icon30no-data- <spanclass="c-666fsize14ml10vam">力整理中<articleclass="comm-course-list"v-<ul<liv-for="(course,index)incourseList"<divclass="cc-l-<sectionclass="course-<img:src="course.cover"class="img-responsive"<divclass="cc-<ahreftitle="开始学习"class="comm-btnc-btn-1">开始学习</a><h3class="hLh30txtOf<ahref="#"class="course-titlefsize18c-<div课程列表接publicclassCourseFrontVo{@ApiModelProperty(value"课程名称")privateStringtitle;@ApiModelProperty(value"id")privateStringteacherId;@ApiModelProperty(value"id")privateStringsubjectParentId;@ApiModelProperty(value"id")privateStringsubjectId;@ApiModelProperty(value"销量排序")privateStringbuyCountSort;@ApiModelProperty(value privateString@ApiModelProperty(value"价格排序")privateStringpriceSort;}@ApiOperation(value="前台课程的条件分页查询功能") publicRgetFrontCourseList(@PathVariablelongcurrent,@PathVariablelonglimit,@RequestBody(required=false)CourseFrontVoPage<EduCourse>page=ne Map<String,Object>map=returnR.ok().data(map);}//前台课程的条件分页查询功publicMap<String,Object>getCoursePageList(Page<EduCourse>page,CourseFrontVocourseFrontVo){//1取出查询条StringsubjectParentIdcourseFrontVo.getSubjectParentId();//一级StringsubjectIdcourseFrontVo.getSubjectId();//二级分类StringbuyCountSortcourseFrontVo.getBuyCountSort();//关注度StringpriceSort=courseFrontVo.getPriceSort();//价格StringStringgmtCreateSortcourseFrontVo.getGmtCreateSort();////2QueryWrapper<EduCourse>wrapper=new}}}}}//Map<String,Object>map=newHashMap<>();List<EduCourse>records=page.getRecords();longcurrent=page.getCurrent();longpages=page.getPages();longsize=page.getSize();longtotal=page.getTotal();booleanhasNext=booleanhasPrevious=page.hasPrevious();map.put("items",records);map.put("current",current);map.put("pages",pages);map.put("size",map.put("total",total);map.put("hasNext",hasNext);map.put("hasPrevious",hasPrevious);returnmap;}课程详情接SELECT*FROMedu_courseLEFTJOINedu_course_descriptionecdONec.id=ecd.idLEFTJOINedu_teacheretONec.teacher_id=et.idWHEREec.id=18;publicclassCourseFrontInfoprivateString@ApiModelProperty(value"课程标题")privateStringtitle;@ApiModelProperty(value="课程 ，设置为0则可免费 privateBigDecimalprice;@ApiModelProperty(value="总 privateIntegerlessonNum;@ApiModelProperty(value="课程封 路径privateString@ApiModelProperty(value="销售数量") ongbuyCount;@ApiModelProperty(value="浏览数量") ongviewCount;@ApiModelProperty(value"课程简介")privateStringdescription;@ApiModelProperty(value"ID")privateStringteacherId;@ApiModelProperty(value="讲师 privateStringteacherName;@ApiModelProperty(value"讲师资历,一句话说明讲师")privateStringintro;@ApiModelProperty(value"讲师头像")privateStringavatar;@ApiModelProperty(value"ID")privateStringsubjectLevelOneId;@ApiModelProperty(value"类别名称")privateStringsubjectLevelOne;@ApiModelProperty(value"ID")privateStringsubjectLevelTwoId;@ApiModelProperty(value"类别名称privateprivateString}@ApiOperation(value="根据id查询课程详情") publicRgetCourseInfo(@PathVariableStringCourseFrontInfocourseFrontInfoList<ChapterVo> List }<selectid="getFrontCourseInfo"SELECTec.id,ec.title,ec.price,ec.cover,ec.lesson_numASlessonNum,ec.buy_countASbuyCount,ec.view_countASviewCount,ecd.description,et.idASteacherId,ASteacherName,FROMedu_courseLEFTJOINedu_course_descriptionecdONec.id=ecd.idLEFTJOINedu_teacheretONec.teacher_id=et.idWHEREec.id=#{id};获 凭证接@ApiOperation(value"凭证 publicRgetPlayAuth(@PathVariableStringtry//1创建初始化对DefaultAcsClientclient=//2创建获 凭证的请求request和相应response对 PlayAuthRequestrequest= PlayAuthResponseresponse= //3向request放 response=//5通过response获取凭StringplayAuth=return}catch(Exceptione)thrownewGuliException(20001,"获 }}课程列表前端整importimportrequestfromexportdefaultreturnrequest({method:'post',dreturnrequest({url:`/eduservice/frontcourse/getCourseInfo/${id}`,method:'get'}}importcoursefrom"@/api/course";exportdefault{data(){return{page:data:{},//页面展示的对象subjectNestedList一级分类列表subSubjectList:[],//二级分类列表searchObj:{},//查询表单对象oneIndex:-1,twoIndex:-1,buyCountSort:"",gmtCreateSort:"",priceSort:""created(){methods:this.data=}}<div无数据提示开始<sectionclass="no-data-wrap"v-<emclass="icon30no-data- <spanclass="c-666fsize14ml10vam">没有相关数据，小编正在努无数据提示结束<articleclass="comm-course-list"v-<ulclass="of"<liv-for="(item,index)indata.items"<divclass="cc-l-<sectionclass="course-><divclass="cc-<ahref="/course/1title="开始学习class="comm-btnc-btn-1">开始学习</a><h3class="hLh30txtOf<ahref="/course/1":title="item.title"class="course-titlefsize18c-333">{{item.title}}</a><sectionclass="mt10hLh20<spanclass="frjgTagbg-<iclass="c-ffffsize12f-fA">免费<spanclass="fljgAttrc-cccf-<iclass="c-999f-fA">{{item.buyCount}}人学习|<iclass="c-999f-fA">9634评论<div3returnrequest({url:`/eduservice/subject/`,method:'get'}created()created()methods:this.searchObj={}this.data=this.page=pagethis.data=this.subjectNestedList=this.searchObj.subjectParentId=oneIdthis.searchObj.subjectId=''for(leti=0;i<this.subjectNestedList.length;i++){letoneSubject=this.subjectNestedList[i]}}this.searchObj.subjectId=}<section<sectionclass="c-s-<spanclass="c-999fsize14">课程类别<ddclass="c-s-dl-<ul<atitle="全部href="#@click="getListCourse()"><liv-for="(item,index)insubjectNestedList":key="index"><a:title="item.title"href="#"<span<spanclass="c-999<ddclass="c-s-dl-<ul<liv-for="(item,index)insubSubjectList":key="index"><a:title="item.title"href="#"<div4this.buyCountSort1"//关注度this.gmtCreateSort=""//this.priceSort=""//价格//赋值给查询条件searchObjthis.searchObj.buyCountSort=this.buyCountSortthis.searchObj.gmtCreateSort=this.gmtCreateSortthis.searchObj.priceSort=this.priceSort this.buyCountSort关注度this.gmtCreateSort="1"//<section<section<olclass="js-tap<atitle="关注度href="#@click="searchBuyCount()">注度<a"href="#"<liclass="currentbg-=""////赋值给查询条件searchObjthis.searchObj.buyCountSort=this.buyCountSortthis.searchObj.gmtCreateSort=this.gmtCreateSortthis.searchObj.priceSort=this.priceSortthis.buyCountSort关注度this.gmtCreateSort=""//this.priceSort="1"//价格this.searchObj.buyCountSort=this.buyCountSortthis.searchObj.gmtCreateSort=this.gmtCreateSortthis.searchObj.priceSort=this.priceSort}<a<atitle="价格href="#价格;<divundisableclasshasPrevious:class="{undisable:!data.hasPrevious}":class="{undisable:!data.hasPrevious}"v-for="pagein:class="{current:urrent==page,durrent==>{{page:class="{undisable:!data.hasNext}":class="{undisable:!data.hasNext}"<div课程详情前端整importimportcoursefromexportdefaultasyncData({params,error})returncourse.getCourseInfo(params.id).then(response=>return<divid="aCoursesList"class="bg-fa课程详情开始<section<sectionclass="path-wraptxtOf<ahref="#titleclass="c-999fsize14">首页\<ahref="#titleclass="c-999fsize14">课程列表\<spanclass="c-333<articleclass="c-v-pic-wrap"style="height:<sectionclass="p--box"<img:src="courseInfo.cover"class="disc-v-<asideclass="c-attr-<sectionclass="ml20<h2class="hLh30txtOf<spanclass="c-fff<sectionclass="c-attr-<spanclass="c-fff"><bclass="c-yellow"style="font-<sectionclass="c-attr-mtc-attr-<spanclass="c-ffffsize14">}2 <sectionclass="c-attr-mt<spanclass="ml10<emclass="icon18<aclass="c-fffvamtitle="收藏href="#">收藏<sectionclass="c-attr-<ahref="#"title="立 "class="comm-btnc-btn-3">立<asideclass="thr-attr-<olclass="thr-attr-ol <spanclass="c-ffff- 数<h6class="c-ffff- <spanclass="c-ffff- 数<h6class="c-ffff-fM