无极低码 :https://wheart.cn
百万数据导出功能面临的问题
- 如果同步导数据,接口很容易超时。
- 如果把所有数据一次性装载到内存,很容易引起OOM。
- 数据量太大sql语句必定很慢。
- 相同商品编号的数据要放到一起。
- 如果走异步,如何通知用户导出结果?
- 如果excel文件太大,目标用户打不开怎么办?

1.异步处理
做一个MySQL百万数据级别的excel导出功能,如果走接口同步导出,该接口肯定会非常容易超时。
因此,我们在做系统设计的时候,第一选择应该是接口走异步处理。
说起异步处理,其实有很多种,比如:使用开启一个线程,或者使用线程池,或者使用job,或者使用mq等。
为了防止服务重启时数据的丢失问题,我们大多数情况下,会使用job或者mq来实现异步功能。
1.1 使用job
如果使用job的话,需要增加一张执行任务表,记录每次的导出任务。
用户点击全部导出按钮,会调用一个后端接口,该接口会向表中写入一条记录,该记录的状态为:待执行。
有个job,每隔一段时间(比如:5分钟),扫描一次执行任务表,查出所有状态是待执行的记录。
然后遍历这些记录,挨个执行。
需要注意的是:如果用job的话,要避免重复执行的情况。比如job每隔5分钟执行一次,但如果数据导出的功能所花费的时间超过了5分钟,在一个job周期内执行不完,就会被下一个job执行周期执行。
所以使用job时可能会出现重复执行的情况。
为了防止job重复执行的情况,该执行任务需要增加一个执行中的状态。
具体的状态变化如下:
- 执行任务被刚记录到执行任务表,是待执行状态。
- 当job第一次执行该执行任务时,该记录再数据库中的状态改为:执行中。
- 当job跑完了,该记录的状态变成:完成或失败。
这样导出数据的功能,在第一个job周期内执行不完,在第二次job执行时,查询待处理状态,并不会查询出执行中状态的数据,也就是说不会重复执行。
此外,使用job还有一个硬伤即:它不是立马执行的,有一定的延迟。
如果对时间不太敏感的业务场景,可以考虑使用该方案。
1.2 使用mq
用户点击全部导出按钮,会调用一个后端接口,该接口会向mq服务端,发送一条mq消息。
有个专门的mq消费者,消费该消息,然后就可以实现excel的数据导出了。
相较于job方案,使用mq方案的话,实时性更好一些。
对于mq消费者处理失败的情况,可以增加补偿机制,自动发起重试。
RocketMQ自带了失败重试功能,如果失败次数超过了一定的阀值,则会将该消息自动放入死信队列。
2.使用easyexcel
我们知道在Java中解析和生成Excel,比较有名的框架有Apache POI和jxl。
但它们都存在一个严重的问题就是:非常耗内存,POI有一套SAX模式的API可以一定程度的解决一些内存溢出的问题,但POI还是有一些缺陷,比如07版Excel解压缩以及解压后存储都是在内存中完成的,内存消耗依然很大。
百万级别的excel数据导出功能,如果使用传统的Apache POI框架去处理,可能会消耗很大的内存,容易引发OOM问题。
而easyexcel重写了POI对07版Excel的解析,之前一个3M的excel用POI sax解析,需要100M左右内存,如果改用easyexcel可以降低到几M,并且再大的Excel也不会出现内存溢出;03版依赖POI的sax模式,在上层做了模型转换的封装,让使用者更加简单方便。
需要在maven的pom.xml文件中引入easyexcel的jar包
<dependency>
<groupId>com.alibaba</groupId>
<artifactId>easyexcel</artifactId>
<version>3.0.2</version>
</dependency>
读excel数据
@Test
public void simpleRead() {
String fileName = TestFileUtil.getPath() + "demo" + File.separator + "demo.xlsx";
// 这里 需要指定读用哪个class去读,然后读取第一个sheet 文件流会自动关闭
EasyExcel.read(fileName, DemoData.class, new DemoDataListener()).sheet().doRead();
}
写excel数据
@Test
public void simpleWrite() {
String fileName = TestFileUtil.getPath() + "write" + System.currentTimeMillis() + ".xlsx";
// 这里 需要指定写用哪个class去读,然后写到第一个sheet,名字为模板 然后文件流会自动关闭
// 如果这里想使用03 则 传入excelType参数即可
EasyExcel.write(fileName, DemoData.class).sheet("模板").doWrite(data());
}
easyexcel能大大减少占用内存的主要原因是:在解析Excel时没有将文件数据一次性全部加载到内存中,而是从磁盘上一行行读取数据,逐个解析。
3.分页查询
百万级别的数据,从数据库一次性查询出来,是一件非常耗时的工作。
即使我们可以从数据库中一次性查询出所有数据,没出现连接超时问题,这么多的数据全部加载到应用服务的内存中,也有可能会导致应用服务出现OOM问题。
因此,我们从数据库中查询数据时,有必要使用分页查询。比如:每页5000条记录,分为200页查询。
public Page<User> searchUser(SearchModel searchModel) {
List<User> userList = userMapper.searchUser(searchModel);
Page<User> pageResponse = Page.create(userList, searchModel);
pageResponse.setTotal(userMapper.searchUserCount(searchModel));
return pageResponse;
}
每页大小pageSize和页码pageNo,是SearchModel类中的成员变量,在创建searchModel对象时,可以设置设置这两个参数。
然后在Mybatis的sql文件中,通过limit语句实现分页功能:
limit #{pageStart}, #{pageSize}
其中的pagetStart参数,是通过pageNo和pageSize动态计算出来的,比如:
pageStart = (pageNo - 1) * pageSize;
4.多个sheet
我们知道,excel对一个sheet存放的最大数据量,是有做限制的,一个sheet最多可以保存1048576行数据。否则在保存数据时会直接报错:
invalid row number (1048576) outside allowable range (0..1048575)
如果你想导出一百万以上的数据,excel的一个sheet肯定是存放不下的。
因此我们需要把数据保存到多个sheet中。
5.计算limit的起始位置
我之前说过,我们一般是通过limit语句来实现分页查询功能的:
limit #{pageStart}, #{pageSize}
其中的pagetStart参数,是通过pageNo和pageSize动态计算出来的,比如:
pageStart = (pageNo - 1) * pageSize;
如果只有一个sheet可以这么玩,但如果有多个sheet就会有问题。因此,我们需要重新计算limit的起始位置。
例如:
ExcelWriter excelWriter = EasyExcelFactory.write(out).build();
int totalPage = searchUserTotalPage(searchModel);
if(totalPage > 0) {
Page<User> page = Page.create(searchModel);
int sheet = (totalPage % maxSheetCount == 0) ? totalPage / maxSheetCount: (totalPage / maxSheetCount) + 1;
for(int i=0;i<sheet;i++) {
WriterSheet writeSheet = buildSheet(i,"sheet"+i);
int startPageNo = i*(maxSheetCount/pageSize)+1;
int endPageNo = (i+1)*(maxSheetCount/pageSize);
while(page.getPageNo()>=startPageNo && page.getPageNo()<=endPageNo) {
page = searchUser(searchModel);
if(CollectionUtils.isEmpty(page.getList())) {
break;
}
excelWriter.write(page.getList(),writeSheet);
page.setPageNo(page.getPageNo()+1);
}
}
}
复制代码
这样就能实现分页查询,将数据导出到不同的excel的sheet当中。
6.文件上传到OSS
由于现在我们导出excel数据的方案改成了异步,所以没法直接将excel文件,同步返回给用户。
因此我们需要先将excel文件存放到一个地方,当用户有需要时,可以访问到。
这时,我们可以直接将文件上传到OSS文件服务器上。
通过OSS提供的上传接口,将excel上传成功后,会返回文件名称和访问路径。
我们可以将excel名称和访问路径保存到表中,这样的话,后面就可以直接通过浏览器,访问远程excel文件了。
而如果将excel文件保存到应用服务器,可能会占用比较多的磁盘空间。
一般建议将应用服务器和文件服务器分开,应用服务器需要更多的内存资源或者CPU资源,而文件服务器需要更多的磁盘资源。
7.通过WebSocket推送通知
通过上面的功能已经导出了excel文件,并且上传到了OSS文件服务器上。
接下来的任务是要本次excel导出结果,成功还是失败,通知目标用户。
有种做法是在页面上提示:正在导出excel数据,请耐心等待。
然后用户可以主动刷新当前页面,获取本地导出excel的结果。
但这种用户交互功能,不太友好。
还有一种方式是通过webSocket建立长连接,进行实时通知推送。
如果你使用了SpringBoot框架,可以直接引入webSocket的相关jar包:
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-websocket</artifactId>
</dependency>
使用起来挺方便的。
我们可以加一张专门的通知表,记录通过webSocket推送的通知的标题、用户、附件地址、阅读状态、类型等信息。
能更好的追溯通知记录。
webSocket给客户端推送一个通知之后,用户的右上角的收件箱上,实时出现了一个小窗口,提示本次导出excel功能是成功还是失败,并且有文件下载链接。
当前通知的阅读状态是未读。
用户点击该窗口,可以看到通知的详细内容,然后通知状态变成已读。
8.总条数可配置
我们在做导百万级数据这个需求时,是给用户用的,也有可能是给运营同学用的。
其实我们应该站在实际用户的角度出发,去思考一下,这个需求是否合理。
用户拿到这个百万级别的excel文件,到底有什么用途,在他们的电脑上能否打开该excel文件,电脑是否会出现太大的卡顿了,导致文件使用不了。
如果该功能上线之后,真的发生发生这些情况,那么导出excel也没有啥意义了。
因此,非常有必要把记录的总条数,做成可配置的,可以根据用户的实际情况调整这个配置。
比如:用户发现excel中有50万的数据,可以正常访问和操作excel,这时候我们可以将总条数调整成500000,把多余的数据截取掉。
其实,在用户的操作界面,增加更多的查询条件,用户通过修改查询条件,多次导数据,可以实现将所有数据都导出的功能,这样可能更合理一些。
此外,分页查询时,每页的大小,也建议做成可配置的。
通过总条数和每页大小,可以动态调整记录数量和分页查询次数,有助于更好满足用户的需求。
无极低码 :https://wheart.cn
-
2023-07-16 15:48:32.0
Vue,入门教程Vue,工程化Vuex,Action
-
2023-07-16 15:48:32.0
Vue,入门教程Vue,工程化Vuex,Modules
-
2023-07-16 15:48:32.0
Vue,入门教程Vue,工程化Vue-Cli,&,VueDevTools安装
-
2023-07-16 15:48:32.0
Vue,入门教程Vue,工程化Vue-Cli,项目文件结构分析
-
2023-07-16 15:48:32.0
Vue,入门教程Vue,工程化Vue,第三方库的使用
-
2023-07-16 15:48:32.0
Vue,入门教程Vue,工程化Vue,本地,Mock,数据
-
2023-07-16 15:48:32.0
Vue,入门教程Vue,工程化Element,美化,TODO,项目
-
2023-07-16 15:48:32.0
Vue,入门教程Vue,工程化Vue,项目打包部署
-
2023-07-16 15:48:31.0
Vue,入门教程Vue,工程化Vuex,简介、安装
-
2023-07-16 15:48:31.0
Vue,入门教程Vue,工程化Vuex,State
-
2023-07-16 15:48:31.0
Vue,入门教程Vue,工程化Vuex,Getter
-
2023-07-16 15:48:31.0
Vue,入门教程Vue,工程化Vuex,Mutation
-
2023-07-16 15:48:30.0
Vue,入门教程Vue,工程化VueRouter,编程式导航
-
2023-07-16 15:48:30.0
Vue,入门教程Vue,工程化VueRouter,命名路由
-
2023-07-16 15:48:30.0
Vue,入门教程Vue,工程化VueRouter,命名视图
-
2023-07-16 15:48:30.0
Vue,入门教程Vue,工程化VueRouter,路由别名、重定向
-
2023-07-16 15:48:30.0
Vue,入门教程Vue,工程化VueRouter,路由传参
-
2023-07-16 15:48:29.0
Vue,入门教程Vue,工程化Vue,渲染函数
-
2023-07-16 15:48:29.0
Vue,入门教程Vue,工程化Vue,插件
-
2023-07-16 15:48:29.0
Vue,入门教程Vue,工程化VueRouter,基础应用
-
2023-07-16 15:48:29.0
Vue,入门教程Vue,工程化VueRouter,路由嵌套
-
2023-07-16 15:48:28.0
Vue,入门教程Vue,工程化Vue,混入,Mixins
-
2023-07-16 15:48:28.0
Vue,入门教程Vue,工程化Vue,自定义指令
-
2023-07-16 15:48:28.0
Vue,入门教程Vue,工程化Vue,过滤器
-
2023-07-16 15:48:27.0
Vue,入门教程Vue,工程化Vue,组件基础
-
2023-07-16 15:48:27.0
Vue,入门教程Vue,工程化Vue,插槽的使用
-
2023-07-16 15:48:27.0
Vue,入门教程Vue,工程化Vue,组件间通信
-
2023-07-16 15:48:27.0
Vue,入门教程Vue,工程化Vue动态组件,&,keep-alive
-
2023-07-16 15:48:26.0
Vue,入门教程Vue,工程化Vue过渡,&,动画
-
2023-07-16 15:48:26.0
Vue,入门教程Vue,工程化Vue,数据双向绑定
-
2023-07-16 15:48:26.0
Vue,入门教程Vue,工程化Vue,实例生命周期
-
2023-07-16 15:48:25.0
Vue,入门教程Vue,工程化Vue,动态样式绑定
-
2023-07-16 15:48:25.0
Vue,入门教程Vue,工程化Vue,计算属性
-
2023-07-16 15:48:25.0
Vue,入门教程Vue,工程化Vue,侦听器
-
2023-07-16 15:48:25.0
Vue,入门教程Vue,工程化Vue,事件处理
-
2023-07-16 15:48:24.0
Vue,入门教程Vue,工程化Vue,实例
-
2023-07-16 15:48:24.0
Vue,入门教程Vue,工程化Vue,常用指令
-
2023-07-16 15:48:23.0
Vue,入门教程VuexElement,美化,TODO,项目
-
2023-07-16 15:48:23.0
Vue,入门教程VuexVue,项目打包部署
-
2023-07-16 15:48:23.0
Vue,入门教程Vue,工程化课程简介
-
2023-07-16 15:48:23.0
Vue,入门教程Vue,工程化Vue的安装
-
2023-07-16 15:48:22.0
Vue,入门教程VuexVuex,Action
-
2023-07-16 15:48:22.0
Vue,入门教程VuexVuex,Modules
-
2023-07-16 15:48:22.0
Vue,入门教程VuexVue-Cli,&,VueDevTools安装
-
2023-07-16 15:48:22.0
Vue,入门教程VuexVue-Cli,项目文件结构分析
-
2023-07-16 15:48:22.0
Vue,入门教程VuexVue,第三方库的使用
-
2023-07-16 15:48:22.0
Vue,入门教程VuexVue,本地,Mock,数据
-
2023-07-16 15:48:21.0
Vue,入门教程VuexVueRouter,路由传参
-
2023-07-16 15:48:21.0
Vue,入门教程VuexVuex,简介、安装
-
2023-07-16 15:48:21.0
Vue,入门教程VuexVuex,State
-
2023-07-16 15:48:21.0
Vue,入门教程VuexVuex,Getter
-
2023-07-16 15:48:21.0
Vue,入门教程VuexVuex,Mutation
-
2023-07-16 15:48:20.0
Vue,入门教程VuexVueRouter,编程式导航
-
2023-07-16 15:48:20.0
Vue,入门教程VuexVueRouter,命名路由
-
2023-07-16 15:48:20.0
Vue,入门教程VuexVueRouter,命名视图
-
2023-07-16 15:48:20.0
Vue,入门教程VuexVueRouter,路由别名、重定向
-
2023-07-16 15:48:19.0
Vue,入门教程VuexVue,过滤器
-
2023-07-16 15:48:19.0
Vue,入门教程VuexVue,渲染函数
-
2023-07-16 15:48:19.0
Vue,入门教程VuexVue,插件
-
2023-07-16 15:48:19.0
Vue,入门教程VuexVueRouter,基础应用
-
2023-07-16 15:48:19.0
Vue,入门教程VuexVueRouter,路由嵌套
-
2023-07-16 15:48:18.0
Vue,入门教程VuexVue,组件间通信
-
2023-07-16 15:48:18.0
Vue,入门教程VuexVue动态组件,&,keep-alive
-
2023-07-16 15:48:18.0
Vue,入门教程VuexVue,混入,Mixins
-
2023-07-16 15:48:18.0
Vue,入门教程VuexVue,自定义指令
-
2023-07-16 15:48:17.0
Vue,入门教程VuexVue,数据双向绑定
-
2023-07-16 15:48:17.0
Vue,入门教程VuexVue,实例生命周期
-
2023-07-16 15:48:17.0
Vue,入门教程VuexVue,组件基础
-
2023-07-16 15:48:17.0
Vue,入门教程VuexVue,插槽的使用
-
2023-07-16 15:48:16.0
Vue,入门教程VuexVue,侦听器
-
2023-07-16 15:48:16.0
Vue,入门教程VuexVue,事件处理
-
2023-07-16 15:48:16.0
Vue,入门教程VuexVue过渡,&,动画
-
2023-07-16 15:48:15.0
Vue,入门教程VuexVue,常用指令
-
2023-07-16 15:48:15.0
Vue,入门教程VuexVue,动态样式绑定
-
2023-07-16 15:48:15.0
Vue,入门教程VuexVue,计算属性
-
2023-07-16 15:48:14.0
Vue,入门教程VuexVue,实例
-
2023-07-16 15:48:13.0
Vue,入门教程VueRouterVue-Cli,项目文件结构分析
-
2023-07-16 15:48:13.0
Vue,入门教程VueRouterVue,第三方库的使用
-
2023-07-16 15:48:13.0
Vue,入门教程VueRouterVue,本地,Mock,数据
-
2023-07-16 15:48:13.0
Vue,入门教程VueRouterElement,美化,TODO,项目
-
2023-07-16 15:48:13.0
Vue,入门教程VueRouterVue,项目打包部署
-
2023-07-16 15:48:13.0
Vue,入门教程Vuex课程简介
-
2023-07-16 15:48:13.0
Vue,入门教程VuexVue的安装
-
2023-07-16 15:48:12.0
Vue,入门教程VueRouterVuex,Mutation
-
2023-07-16 15:48:12.0
Vue,入门教程VueRouterVuex,Action
-
2023-07-16 15:48:12.0
Vue,入门教程VueRouterVuex,Modules
-
2023-07-16 15:48:12.0
Vue,入门教程VueRouterVue-Cli,&,VueDevTools安装
-
2023-07-16 15:48:11.0
Vue,入门教程VueRouterVueRouter,命名路由
-
2023-07-16 15:48:11.0
Vue,入门教程VueRouterVueRouter,命名视图
-
2023-07-16 15:48:11.0
Vue,入门教程VueRouterVueRouter,路由别名、重定向
-
2023-07-16 15:48:11.0
Vue,入门教程VueRouterVueRouter,路由传参
-
2023-07-16 15:48:11.0
Vue,入门教程VueRouterVuex,简介、安装
-
2023-07-16 15:48:11.0
Vue,入门教程VueRouterVuex,State
-
2023-07-16 15:48:11.0
Vue,入门教程VueRouterVuex,Getter
-
2023-07-16 15:48:10.0
Vue,入门教程VueRouterVueRouter,基础应用
-
2023-07-16 15:48:10.0
Vue,入门教程VueRouterVueRouter,路由嵌套
-
2023-07-16 15:48:10.0
Vue,入门教程VueRouterVueRouter,编程式导航
-
2023-07-16 15:48:09.0
Vue,入门教程VueRouterVue,自定义指令
-
2023-07-16 15:48:09.0
Vue,入门教程VueRouterVue,过滤器
-
2023-07-16 15:48:09.0
Vue,入门教程VueRouterVue,渲染函数
-
2023-07-16 15:48:09.0
Vue,入门教程VueRouterVue,插件
-
2023-07-16 15:48:08.0
Vue,入门教程VueRouterVue,组件间通信
-
2023-07-16 15:48:08.0
Vue,入门教程VueRouterVue动态组件,&,keep-alive
-
2023-07-16 15:48:08.0
Vue,入门教程VueRouterVue,混入,Mixins
-
2023-07-16 15:48:07.0
Vue,入门教程VueRouterVue,数据双向绑定
-
2023-07-16 15:48:07.0
Vue,入门教程VueRouterVue,实例生命周期
-
2023-07-16 15:48:07.0
Vue,入门教程VueRouterVue,组件基础
-
2023-07-16 15:48:07.0
Vue,入门教程VueRouterVue,插槽的使用
-
2023-07-16 15:48:06.0
Vue,入门教程VueRouterVue,侦听器
-
2023-07-16 15:48:06.0
Vue,入门教程VueRouterVue,事件处理
-
2023-07-16 15:48:06.0
Vue,入门教程VueRouterVue过渡,&,动画
-
2023-07-16 15:48:05.0
Vue,入门教程VueRouterVue,常用指令
-
2023-07-16 15:48:05.0
Vue,入门教程VueRouterVue,动态样式绑定
-
2023-07-16 15:48:05.0
Vue,入门教程VueRouterVue,计算属性
-
2023-07-16 15:48:04.0
Vue,入门教程VueRouterVue,实例
-
2023-07-16 15:48:03.0
Vue,入门教程Vue,高级Vuex,Modules
-
2023-07-16 15:48:03.0
Vue,入门教程Vue,高级Vue-Cli,&,VueDevTools安装
-
2023-07-16 15:48:03.0
Vue,入门教程Vue,高级Vue-Cli,项目文件结构分析
-
2023-07-16 15:48:03.0
Vue,入门教程Vue,高级Vue,第三方库的使用
-
2023-07-16 15:48:03.0
Vue,入门教程Vue,高级Vue,本地,Mock,数据
-
2023-07-16 15:48:03.0
Vue,入门教程Vue,高级Element,美化,TODO,项目
-
2023-07-16 15:48:03.0
Vue,入门教程Vue,高级Vue,项目打包部署
-
2023-07-16 15:48:03.0
Vue,入门教程VueRouter课程简介
-
2023-07-16 15:48:03.0
Vue,入门教程VueRouterVue的安装
-
2023-07-16 15:48:02.0
Vue,入门教程Vue,高级Vuex,简介、安装
-
2023-07-16 15:48:02.0
Vue,入门教程Vue,高级Vuex,State
-
2023-07-16 15:48:02.0
Vue,入门教程Vue,高级Vuex,Getter
-
2023-07-16 15:48:02.0
Vue,入门教程Vue,高级Vuex,Mutation
-
2023-07-16 15:48:02.0
Vue,入门教程Vue,高级Vuex,Action
-
2023-07-16 15:48:01.0
Vue,入门教程Vue,高级VueRouter,命名路由
-
2023-07-16 15:48:01.0
Vue,入门教程Vue,高级VueRouter,命名视图
-
2023-07-16 15:48:01.0
Vue,入门教程Vue,高级VueRouter,路由别名、重定向
-
2023-07-16 15:48:01.0
Vue,入门教程Vue,高级VueRouter,路由传参
-
2023-07-16 15:48:00.0
Vue,入门教程Vue,高级Vue,渲染函数
-
2023-07-16 15:48:00.0
Vue,入门教程Vue,高级Vue,插件
-
2023-07-16 15:48:00.0
Vue,入门教程Vue,高级VueRouter,基础应用
-
2023-07-16 15:48:00.0
Vue,入门教程Vue,高级VueRouter,路由嵌套
-
2023-07-16 15:48:00.0
Vue,入门教程Vue,高级VueRouter,编程式导航
-
2023-07-16 15:47:59.0
Vue,入门教程Vue,高级Vue,组件间通信
-
2023-07-16 15:47:59.0
Vue,入门教程Vue,高级Vue动态组件,&,keep-alive
-
2023-07-16 15:47:59.0
Vue,入门教程Vue,高级Vue,混入,Mixins
-
2023-07-16 15:47:59.0
Vue,入门教程Vue,高级Vue,自定义指令
-
2023-07-16 15:47:59.0
Vue,入门教程Vue,高级Vue,过滤器
-
2023-07-16 15:47:58.0
Vue,入门教程Vue,高级Vue,实例生命周期
-
2023-07-16 15:47:58.0
Vue,入门教程Vue,高级Vue,组件基础
-
2023-07-16 15:47:58.0
Vue,入门教程Vue,高级Vue,插槽的使用
-
2023-07-16 15:47:57.0
Vue,入门教程Vue,高级Vue,事件处理
-
2023-07-16 15:47:57.0
Vue,入门教程Vue,高级Vue过渡,&,动画
-
2023-07-16 15:47:57.0
Vue,入门教程Vue,高级Vue,数据双向绑定
-
2023-07-16 15:47:56.0
Vue,入门教程Vue,高级Vue,常用指令
-
2023-07-16 15:47:56.0
Vue,入门教程Vue,高级Vue,动态样式绑定
-
2023-07-16 15:47:56.0
Vue,入门教程Vue,高级Vue,计算属性
-
2023-07-16 15:47:56.0
Vue,入门教程Vue,高级Vue,侦听器
-
2023-07-16 15:47:55.0
Vue,入门教程Vue,高级Vue的安装
-
2023-07-16 15:47:55.0
Vue,入门教程Vue,高级Vue,实例
-
2023-07-16 15:47:54.0
Vue,入门教程Vue,基础Vue-Cli,项目文件结构分析
-
2023-07-16 15:47:54.0
Vue,入门教程Vue,基础Vue,第三方库的使用
-
2023-07-16 15:47:54.0
Vue,入门教程Vue,基础Vue,本地,Mock,数据
-
2023-07-16 15:47:54.0
Vue,入门教程Vue,基础Element,美化,TODO,项目
-
2023-07-16 15:47:54.0
Vue,入门教程Vue,基础Vue,项目打包部署
-
2023-07-16 15:47:54.0
Vue,入门教程Vue,高级课程简介
-
2023-07-16 15:47:53.0
Vue,入门教程Vue,基础Vuex,Getter
-
2023-07-16 15:47:53.0
Vue,入门教程Vue,基础Vuex,Mutation
-
2023-07-16 15:47:53.0
Vue,入门教程Vue,基础Vuex,Action
-
2023-07-16 15:47:53.0
Vue,入门教程Vue,基础Vuex,Modules
-
2023-07-16 15:47:53.0
Vue,入门教程Vue,基础Vue-Cli,&,VueDevTools安装
-
2023-07-16 15:47:52.0
Vue,入门教程Vue,基础VueRouter,命名视图
-
2023-07-16 15:47:52.0
Vue,入门教程Vue,基础VueRouter,路由别名、重定向
-
2023-07-16 15:47:52.0
Vue,入门教程Vue,基础VueRouter,路由传参
-
2023-07-16 15:47:52.0
Vue,入门教程Vue,基础Vuex,简介、安装
-
2023-07-16 15:47:52.0
Vue,入门教程Vue,基础Vuex,State
-
2023-07-16 15:47:51.0
Vue,入门教程Vue,基础VueRouter,基础应用
-
2023-07-16 15:47:51.0
Vue,入门教程Vue,基础VueRouter,路由嵌套
-
2023-07-16 15:47:51.0
Vue,入门教程Vue,基础VueRouter,编程式导航
-
2023-07-16 15:47:51.0
Vue,入门教程Vue,基础VueRouter,命名路由
-
2023-07-16 15:47:50.0
Vue,入门教程Vue,基础Vue,自定义指令
-
2023-07-16 15:47:50.0
Vue,入门教程Vue,基础Vue,过滤器
-
2023-07-16 15:47:50.0
Vue,入门教程Vue,基础Vue,渲染函数
-
2023-07-16 15:47:50.0
Vue,入门教程Vue,基础Vue,插件
-
2023-07-16 15:47:49.0
Vue,入门教程Vue,基础Vue动态组件,&,keep-alive
-
2023-07-16 15:47:49.0
Vue,入门教程Vue,基础Vue,混入,Mixins
-
2023-07-16 15:47:48.0
Vue,入门教程Vue,基础Vue,实例生命周期
-
2023-07-16 15:47:48.0
Vue,入门教程Vue,基础Vue,组件基础
-
2023-07-16 15:47:48.0
Vue,入门教程Vue,基础Vue,插槽的使用
-
2023-07-16 15:47:48.0
Vue,入门教程Vue,基础Vue,组件间通信
-
2023-07-16 15:47:47.0
Vue,入门教程Vue,基础Vue,事件处理
-
2023-07-16 15:47:47.0
Vue,入门教程Vue,基础Vue过渡,&,动画
-
2023-07-16 15:47:47.0
Vue,入门教程Vue,基础Vue,数据双向绑定
-
2023-07-16 15:47:46.0
Vue,入门教程Vue,基础Vue,动态样式绑定
-
2023-07-16 15:47:46.0
Vue,入门教程Vue,基础Vue,计算属性
-
2023-07-16 15:47:46.0
Vue,入门教程Vue,基础Vue,侦听器
-
2023-07-16 15:47:45.0
Vue,入门教程Vue,基础Vue的安装
-
2023-07-16 15:47:45.0
Vue,入门教程Vue,基础Vue,实例
-
2023-07-16 15:47:45.0
Vue,入门教程Vue,基础Vue,常用指令
-
2023-07-16 15:47:44.0
Vue,入门教程前言Vue,第三方库的使用
-
2023-07-16 15:47:44.0
Vue,入门教程前言Vue,本地,Mock,数据
-
2023-07-16 15:47:44.0
Vue,入门教程前言Element,美化,TODO,项目
-
2023-07-16 15:47:44.0
Vue,入门教程前言Vue,项目打包部署
-
2023-07-16 15:47:44.0
Vue,入门教程Vue,基础课程简介
-
2023-07-16 15:47:43.0
Vue,入门教程前言Vuex,Action
-
2023-07-16 15:47:43.0
Vue,入门教程前言Vuex,Modules
-
2023-07-16 15:47:43.0
Vue,入门教程前言Vue-Cli,&,VueDevTools安装
-
2023-07-16 15:47:43.0
Vue,入门教程前言Vue-Cli,项目文件结构分析
-
2023-07-16 15:47:42.0
Vue,入门教程前言Vuex,简介、安装
-
2023-07-16 15:47:42.0
Vue,入门教程前言Vuex,State
-
2023-07-16 15:47:42.0
Vue,入门教程前言Vuex,Getter
-
2023-07-16 15:47:42.0
Vue,入门教程前言Vuex,Mutation
-
2023-07-16 15:47:41.0
Vue,入门教程前言VueRouter,命名视图
-
2023-07-16 15:47:41.0
Vue,入门教程前言VueRouter,路由别名、重定向
-
2023-07-16 15:47:41.0
Vue,入门教程前言VueRouter,路由传参
-
2023-07-16 15:47:40.0
Vue,入门教程前言VueRouter,基础应用
-
2023-07-16 15:47:40.0
Vue,入门教程前言VueRouter,路由嵌套
-
2023-07-16 15:47:40.0
Vue,入门教程前言VueRouter,编程式导航
-
2023-07-16 15:47:40.0
Vue,入门教程前言VueRouter,命名路由
-
2023-07-16 15:47:39.0
Vue,入门教程前言Vue,自定义指令
-
2023-07-16 15:47:39.0
Vue,入门教程前言Vue,过滤器
-
2023-07-16 15:47:39.0
Vue,入门教程前言Vue,渲染函数
-
2023-07-16 15:47:39.0
Vue,入门教程前言Vue,插件
-
2023-07-16 15:47:38.0
Vue,入门教程前言Vue,组件间通信
-
2023-07-16 15:47:38.0
Vue,入门教程前言Vue动态组件,&,keep-alive
-
2023-07-16 15:47:38.0
Vue,入门教程前言Vue,混入,Mixins
-
2023-07-16 15:47:37.0
Vue,入门教程前言Vue,实例生命周期
-
2023-07-16 15:47:37.0
Vue,入门教程前言Vue,组件基础
-
2023-07-16 15:47:37.0
Vue,入门教程前言Vue,插槽的使用
-
2023-07-16 15:47:36.0
Vue,入门教程前言Vue过渡,&,动画
-
2023-07-16 15:47:36.0
Vue,入门教程前言Vue,数据双向绑定
-
2023-07-16 15:47:35.0
Vue,入门教程前言Vue,计算属性
-
2023-07-16 15:47:35.0
Vue,入门教程前言Vue,侦听器
-
2023-07-16 15:47:35.0
Vue,入门教程前言Vue,事件处理
-
2023-07-16 15:47:34.0
Vue,入门教程前言Vue,常用指令
-
2023-07-16 15:47:34.0
Vue,入门教程前言Vue,动态样式绑定
-
2023-07-16 15:47:33.0
Vue,入门教程前言课程简介
-
2023-07-16 15:47:33.0
Vue,入门教程前言Vue的安装
-
2023-07-16 15:47:33.0
Vue,入门教程前言Vue,实例