今天下午师傅扔给我一个活,说有个老项目的列表页要加分页功能。我心想这不挺简单的嘛,就打开那个文件准备大干一场。结果我连那个后端接口返回的数据结构都看了半天没看懂,什么 pageNum、pageSize 还有 records,我以前在学校写的那都是啥啊,就一个 select 全查出来,然后在前端 slice 一下意思意思。
然后我把这个接口拿到的数据 console 出来看了一眼,好家伙,一共八十三条记录,它这只给我返回十条,翻页根本不带这样的,第一页往后点第二页就开始报错,undefined 什么的。我试了一下在后端把页码参数写到请求里,然后跟 AI 说帮我看下这个接口要怎么调,它跟我说兄弟你先看看前端的请求是不是没带上分页的参数。
我一看,还真是没带。然后我又问它,那我带上之后返回来的数据要怎么处理啊,response 里面好像还包了一层结构。它跟我讲,用 data.records 就行了,然后总数是 data.total,让我在页面上把 total 设进去再去循环 records,就没毛病了。
我将信将疑的改完,然后刷新试了一下,居然真的可以!!翻页翻的特别顺,后面的数据也都出来了,页面上那个总数也是对的了,八十三条一条不多一条不少。我盯着屏幕看了好一会,心里想这也太神奇了,我都不知道它怎么知道我那个列表组件用的是 el-pagination。
完了我提交上去(就是 commit),师傅过来说你这个改的有点慢啊。我说我不会嘛,光看接口就看了半天,然后寻思半天才试出来。师傅说行吧,慢没事,多看看就会了。然后我又问他,说这个分页啥时候要传 pageNum 从 1 开始,他说你点哪页它就传哪页呗,页码哪有什么从 0 开始的。我噢了一声,心里想着好像 Vue 那个组件默认是从 1 开始的,那他说的对,我又把代码翻出来看了一眼确认了一下。
反正就是,今天这事吧让我更加感觉 AI 真的能救命。以前我觉得写代码是要靠自己背语法,现在觉得你只要能看懂 AI 写的是啥意思,你就能把这个活干完,等以后见多了也就会了。我一个大专生以前哪敢想自己上手就能给项目加分页功能,现在居然也摸到了,虽然可能要师傅提点几句才能彻底明白。
今天回宿舍的路上我还想,其实实习好像也没那么可怕,每天都能碰到不会的但又都能磕磕绊绊的弄完,比在学校一天天混日子有劲多了。明天想把另外那个筛选的功能也让 AI 帮我讲讲,试一下能不能把条件拼进去,在不行就继续问。实习真的能学到好多东西!