前后端分离------后端创建笔记(05)用户列表查询接口(下)

本文章转载于【SpringBoot+Vue】全网最简单但实用的前后端分离项目实战笔记 - 前端_大菜007的博客-CSDN博客

仅用于学习和讨论,如有侵权请联系

源码:https://gitee.com/green_vegetables/x-admin-project.git
素材:https://pan.baidu.com/s/1ZZ8c-kRPUxY6FWzsoOOjtA 提取码:up4c
项目概述笔记:https://blog.csdn.net/m0_37613503/article/details/128961102
数据库笔记:https://blog.csdn.net/m0_37613503/article/details/128961401
前端笔记:https://blog.csdn.net/m0_37613503/article/details/128961447
后端笔记:https://blog.csdn.net/m0_37613503/article/details/128961569

1、现在修改index

1.1  第一步删除type index

前后端分离------后端创建笔记(05)用户列表查询接口(下)_第1张图片

2 我们要用插值表达式

前后端分离------后端创建笔记(05)用户列表查询接口(下)_第2张图片

 2.1

3 这个公式是这样的:

前后端分离------后端创建笔记(05)用户列表查询接口(下)_第3张图片

3.1

4 再加当前页行的索引

前后端分离------后端创建笔记(05)用户列表查询接口(下)_第4张图片

5 第二页第一行的数据索引是0,因此还得加一个1

前后端分离------后端创建笔记(05)用户列表查询接口(下)_第5张图片

5.1

6 这里的template是模板的意思,我们直接拿index是没办法用的

前后端分离------后端创建笔记(05)用户列表查询接口(下)_第6张图片

 

6.1

7 slot-scop定义一个作用域插槽,用他就可以拿到当前行的索引号

前后端分离------后端创建笔记(05)用户列表查询接口(下)_第7张图片

 前后端分离------后端创建笔记(05)用户列表查询接口(下)_第8张图片

 

7.1

8 这样就可以算出来了

前后端分离------后端创建笔记(05)用户列表查询接口(下)_第9张图片

 

8.1

9 序号正常出来了

前后端分离------后端创建笔记(05)用户列表查询接口(下)_第10张图片

 9.1

10 也可以添加一个小功能,Clearable,可以一键删除数据

前后端分离------后端创建笔记(05)用户列表查询接口(下)_第11张图片

10.1 点击他可以删除全部数据

前后端分离------后端创建笔记(05)用户列表查询接口(下)_第12张图片

 

11、最好的方法是,多去看文档,必须用框架,用的多了,你自然而然就有感觉了

前后端分离------后端创建笔记(05)用户列表查询接口(下)_第13张图片

 

你可能感兴趣的:(javaweb,笔记)