第7天-講義課程管理實(shí)戰(zhàn)

注意：由于課程服務(wù)器沒有搭建，這里在測試時暫時無法顯示。PageHelperPHlr是mytis的通用分頁插件，通過ybtis的器實(shí)現(xiàn)分頁功能，sl查詢請求，添加分頁語句，最終實(shí)現(xiàn)分頁查詢功能。springboot上集成 /pagehelper/pagehelper-spring- sqlPageHelperpagehe<version>1.2.4配置在application.yml中配置pageHelper2.3.3PageHelper定義mapperimportimportimportCourseBasefindCourseBaseById(StringPage<CourseInfo>findCourseListPage(CourseListRequest定義mapper.xml<select<selectid="findCourseListPage"測試 urseListPage=我的課程列表使用element的card<router‐linkclass="mui‐tab‐item"<el‐buttontype="text"class="button">新增課程<img

<divclass="bottom<time<el‐buttontype="text"class="button"@click="handleManage(course.id)">：：<el‐col:span="24"<el‐paginationbackgroundlayout="prev,pager,next"@current‐change="handleCurrentChange":page‐size="size":total="total" import*ascourseApifrom'../api/course';importutilApifrom' letsysConfig=require('@/../config/sysConfig')exportdefault{{return{total:0,courses:[]sels:[],//imgUrl}methods://handleCurrentChange(al){this.page=val;getCourse(){handleManage:function{this.$router.push({path:}mounted()}}<style8{}2{margin‐}.time{font‐size:13px;color:#999;}.bottom{margin‐top:13px;line‐height:12px;}{padding:0;float:}{width: y:} {disy:table;content:}{clear:}Api在api工程創(chuàng)建course包，創(chuàng)建CourseControllerApipublicQueryResponseResult<CourseInfo>CourseListRequest在新增課程界面需要選擇課程所屬分類，分類信息是整個項(xiàng)目非常重要的信息，課程即商品，分類信息設(shè)置的好壞直接影響用戶量。 2.2.3.22.2.3.2@Table(name="caegory")Apiimportimportimportorg.springframework.web.bind.annotation 據(jù)庫創(chuàng)建數(shù)據(jù)字典表來這些分類信息。數(shù)據(jù)字典對系統(tǒng)的業(yè)務(wù)分類進(jìn)行統(tǒng)一管理，并且也可以解決硬編碼問題，比如添加課程時選擇課程等級，下拉框中的課程等級信息如果在頁面硬編碼將造成不易修改的問題，所以從數(shù)據(jù)字典表中獲取，如果要修改名稱則在數(shù)據(jù)字典修改即可，提高系統(tǒng)的可性。Api課程添加成功進(jìn)入課程管理頁面，通過課程管理頁面修改課程的基本信息編輯課程、編輯課程信息等。本 mode="horizontal"background‐color="#eee"text‐color="#000"active‐text‐<router‐linkclass="mui‐tab‐item" ‐itemindex="1">課程首頁 <router‐linkclass="mui‐tab‐item" ‐itemindex="2">基本信息 <router‐linkclass="mui‐tab‐item":to="{path:'/course/manage/pictue/'+thi ‐itemindex="3">課 <router‐linkclass="mui‐tab‐item":to="{path:'/curse/manage/mark ‐itemindex="4">課 <router‐linkclass="mui‐tab‐item":to="{path:'/corse/man ‐itemindex="5">課程計(jì)劃 <router‐linkclass="mui‐tab‐item"to="{path:' ‐itemindex="6">教師信息 ‐it<router‐linkclass="muitab‐item": ‐itemindex="7">發(fā)布課程 <router‐viewclas="main"</router‐vie import*ascoursApifrom'../api/course';importutilApifrom exportdefault{{return{}methods:this.courseid=this.$route.params.courseidconsole.log("courseid="+this.courseid)通過管理頁面的導(dǎo)航可以進(jìn)入各各信息管理頁面，這里先創(chuàng)建各各信息管理頁面，頁面內(nèi)容暫時為空，待開發(fā)時完善，在本模塊的pge 下創(chuàng)建course_manage ，此 存放各各信息管理頁面，頁面明細(xì)如下：管理頁面：course_picture.vue信息頁面 {{path:'/ n/:courseid',name課程計(jì)劃{path:'/course/manage/picture/:courseid',name:'課 course_picture,hidden:false{path:'/course/manage/teacher/:courseid',name教師信息course_teacher,hidden:course_tea