vue3项目
文章平均质量分 83
椰果uu
严于律己 软件工程普本大三 记录自己前端学习路程,后续也会分享自己的求职历程,分享自己的经验和心得
展开
-
前端实现大文件分片并行上传、断点续传、秒传(完整解析)
简单理解:前端先将文件切割多份,在进行上传,由后端进行切片合并操作。秒传断点续传并行。原创 2024-06-04 17:05:25 · 2809 阅读 · 2 评论 -
Vue3实战uu云盘(六):回收站+设置
【代码】Vue3实战easypan(六):回收站+设置。原创 2024-05-19 11:39:39 · 294 阅读 · 0 评论 -
Vue3实战uu云盘(五):文件分享功能
其它用户拿到链接之后,将分享链接输入到地址栏,但是,用户第一次输入的话,肯定没有验证过(会话中,没有此分享记录),因此,要跳转到分享验证页面,验证通过之后,该分享记录会存入此会话,当用户再一次进行此分享页面,就会从会话中检测到有此分享记录,此时就不需要再次验证了。原创 2024-05-18 19:52:16 · 913 阅读 · 0 评论 -
Vue3实战uu云盘(四):使用空间+文件预览+文件分享+文件下载
如果responseType写的是blob的话,那么一定要调用res.data.arraybuffer(),这个调用返回结果是个Promise,把此Promise得到的结果给到new Uint8Array(promise的结果)也可以。首先,从 fileInfo.value.fileCover 中获取文件名或路径,并将其中的所有 "_." 替换为 "."。proxy.globalInfo.imageUrl 是 "https://example.com/images/"非视频文件类型文件 预览的url。原创 2024-05-18 16:03:40 · 1205 阅读 · 1 评论 -
Vue3实战uu云盘(三):文件删除+文件移动+目录导航+上传优化/文件过滤/搜索
(因为文件移动到哪个文件夹,文件保存到哪个文件夹都要用到,所以封装一个全局组件)别忘记在Main.js中引入src/components/FolderSelect.vue(不全面,未添加导航)-- 移动/保存到哪个文件夹组件 -->-- 弹出的对话框组件Dialog -->-- 文件夹列表 -->-- 每一项文件夹 -->-- 每个文件夹的名字 -->原创 2024-05-13 19:14:06 · 504 阅读 · 0 评论 -
Vue3实战uu云盘(二):文件列表+新建目录+文件重命名+文件上传
上传任务(仅展示本次上传任务)原创 2024-05-12 15:33:48 · 911 阅读 · 0 评论 -
vue3实战uu云盘(一):创建项目+登录注册页面+构建框架页+上传头像/修改密码/退出登录
(需要前后端源码的可以评论或者私信),这一部分记录的不全面。(2)封装全局组件AvatarUpload(上传图片)(1)封装UpdatePassword.vue组件。(2)在Framework.vue引入,使用组件。(1)封装UpdateAvatar.vue组件。(3)Framework.vue中引入使用。(3)添加点击事件,点击事件回调。(2)main.js引入和配置。(4)main.js引入使用。(3)添加api接口。原创 2024-05-10 14:39:23 · 747 阅读 · 0 评论 -
vue3(5):数据大屏+菜单权限+按钮权限
自定义指令// 获取对应的用户仓库// 全局自定义指令:实现按钮的权限// 代表使用这个全局指令的DOM|组件挂载完毕的时候会执行一次// 自定义指令右侧的数值:如果在用户信息buttons数组中没有// 从DOM树上干掉if (!},})在main.ts文件中引入自定义指令文件// 引入自定义指令文件此处以trademark作为例子,项目中其他按钮的权限都需要配置完结!后续还会复习项目总结一波!也会在做一个项目,有需要的可以关注!原创 2024-05-03 19:55:51 · 1049 阅读 · 0 评论 -
Vue3(4): 用户管理+角色管理+菜单管理+首页+暗黑模式/主题切换
(2)给抽屉的身体部分添加校验规则:rules="rules"(告诉表单数据数据收集:model="userParams"并给表单项添加prop)收集到新增的职位数据》表单校验》判断》再次获取全部已有数据》清空数据》清空错误提示》将对话框隐藏(记得更新返回的是当前页还是添加上一页)需要收集参数(当前用户id,收集到的职位id)》分配用户职位(判断,提示信息,获取更新完毕用户的信息,更新后留在当前页)携带职位的id,选中节点的id,半选的id》下发权限》判断》页面刷新window。原创 2024-05-02 20:26:22 · 1309 阅读 · 2 评论 -
Vue3项目(3): 品牌管理+平台属性管理+SPU管理+SKU管理
/ 定义用户相关数据的ts类型// 用户登录接口携带参数的ts类型// 定义全部接口返回数据都拥有的ts类型// 定义登录接口返回数据类型// 定义获取用户信息返回的数据类型data: {// 统一管理项目用户相关的接口// 项目用户相关的请求地址enum API {// 暴露请求函数// 登录接口// 获取用户信息// 退出登录// 已有的品牌的ts数据类型id?: number// 包含全部品牌数据的ts类型// 获取的已有全部品牌的数据ts类型data: {原创 2024-04-30 21:50:40 · 815 阅读 · 0 评论 -
Vue3(2):路由配置+登录模块+layout组件+路由鉴权
我们要做的,封装用户仓库数据ts类型的定义 ,因为之前在user.ts里面使用了很多未封装未声明类型的ts数据,写的也很长,所以需要封装一下。(1)定义小仓库数据state类型:src\store\modules\types\type.ts// 定义小仓库数据state类型(2)登录接口返回的数据类型:src\api\user\type.ts登录请求可能返回成功/失败的数据,因此类型需要dataType需要包括成功的数据token和失败的数据message,且是可选的,要加上"?token?原创 2024-04-24 20:27:21 · 1822 阅读 · 2 评论 -
vuedevtools图标不亮不能使用,显示vue.js not detected
链接: https://pan.baidu.com/s/1zKEgGxT5uAvofpD-T1Oa_w?pwd=72m5 提取码: 72m5。解决办法,在vite.config.ts添加如下代码。根本原因就是下载的vue开发者工具不对,没有编译。解压后拖拽此文件到chrome的拓展程序。下载我已经编译好的shellchrome。显示的错误不用管,这样就亮了。原创 2024-04-22 11:44:43 · 1035 阅读 · 1 评论 -
Vue3(1):项目初始化、项目配置、项目集成
/ 登录接口需要携带参数ts类型// 登录接口返回的数据类型// 定义服务器返回用户信息相关的数据类型data: user。原创 2024-04-19 11:55:28 · 1609 阅读 · 0 评论 -
(亲测有效)win7安装nodejs高版本(18.8.0)
现在学习vue3,vite,使用pnpm创建项目都需要高版本的nodejs了,win7最高只能安装13版本,好多已经不支持了。那么我们安装的16.4.0版本在写项目时基本都可以使用,当然此篇只是以安装16.4.0为例,可以替换成更高的18或者20版本,只是太高的话可能出现冲突,够用就好。希望对各位小伙伴有帮助。原创 2024-04-18 13:28:24 · 3499 阅读 · 0 评论