zdppy+vue3+onllyoffice开辟文档管理体系项目实战 20240808 上课条记

遗留的题目

1、实现删除的功能
2、分享的功能临时以后放，由于如今没有效户，等有了用户之后再思量做
3、增长新建和导入按钮

zdppy的学习操持

呆板学习平台，QQ音乐的开源项目，https://github.com/tencentmusic/cube-studio，能不能使用zdppy框架举行改造？

资助文档：https://github.com/tencentmusic/cube-studio/wiki
单机摆设文档：https://github.com/data-infra/cube-studio/wiki/%E5%B9%B3%E5%8F%B0%E5%8D%95%E6%9C%BA%E9%83%A8%E7%BD%B2
1、能摆设
2、认识代码
3、分别模块
4、按模块实验改造，先前端，后后端
实现删除的功能

怎么实现删除的功能？
1、给删除按钮绑定事故
2、实现方法
3、调用删除接口，通过amcrud自动天生的
留意：得有确认删除的利用？
实现点击删除按钮弹出确认框

焦点代码：

1. <a-popconfirm
2.     title="您确认要删除吗？"
3.     ok-text="确认"
4.     cancel-text="取消"
5.     @confirm="onDelete(record.id)"
6. >
7.   <a-button>删除</a-button>
8. </a-popconfirm>

复制代码

效果预览：

当点击确认的时间发送删除哀求

1. const onDelete = id => {
2.    
3.    
4.   axios({
5.    
6.    
7.     method: "delete",
8.     url: `/api/file/${
9.      
10.      id}`
11.   }).then(() => {
12.    
13.    
14.     message

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！qidao123.com:ToB企服之家，中国第一个企服评测及软件市场,开放入驻,技术点评得现金