2024年前端最新Day05-讲师列表前端-讲师列表显示(1)，总结拼多多美团前端面试经验

总结

• 框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。

• 算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯

• 在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。

• 要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！

  开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

喜欢这篇文章文章的小伙伴们点赞+转发支持，你们的支持是我最大的动力！

第二步：创建路由对应的页面讲师列表页面：list.vue

---

讲师添加页面：save.vue

修改对应路由的地址

第三步：在api文件夹创建teacher.js定义访问的接口地址

---

import request from ‘@/utils/request’

export default {

//1 讲师列表（条件查询分页）

//current当前页 limit每页记录条数 teacherQuery条件对象

getTeacherListPage(current,limit,teacherQuery){

return request({

//url:‘eduservice/teacher/pageTeacherCondition/’+current+“/”+limit,

url:eduservice/teacher/pageTeacherCondition/${current}/${limit},

method:‘post’,

//teacgerQuery条件对象，后端使用RequestBody获取数据

//data表示把对象抓换成json进行传递到接口里面

data:teacherQuery

})

}

}

第四步、在讲师列表页面list.vue页面调用定义的接口方法，得到接口返回数据

---

讲师列表

第五步 把请求接口获取的数据在页面进行显示。使用组件element-ui实现

---

在list.vue插入代码

<el-table

v-loading=“listLoading”

:data=“list”

element-loading-text=“数据加载中”

border

fit

highlight-current-row>

<el-table-column

label=“序号”

width=“70”

align=“center”>

{{ (page - 1) * limit + scope.$index + 1 }}

{{ scope.row.level===1?‘高级讲师’:‘首席讲师’ }}

修改

<el-button type=“danger” size=“mini” icon=“el-icon-delete” @click=“removeDataById(scope.row.id)”>删除

最后

技术是没有终点的，也是学不完的，最重要的是活着、不秃。零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。

何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。

[外链图片转存中…(img-KeF38L82-1715577193562)]