| |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
-> JavaScript知识库 -> 网盘项目:小破盘 总结(vue全家桶) -> 正文阅读 |
|
[JavaScript知识库]网盘项目:小破盘 总结(vue全家桶) |
网盘项目:小破盘 总结1、前言本网盘项目实现了文件的上传,下载,文件的增删改查,文件夹,拖动,相册,收藏,图片、视频、音频在线预览等功能。这个项目是我和班里的几位同学合作开发的,我负责的是网页端的开发,也就是视频展示的,主要用到的技术栈是vue全家桶。同时这个项目也有移动端,主要的技术栈是uni-app。后端的技术栈是springboot+mybatisplus。 2、项目效果展示图片展示
视频展示网盘项目: 小破盘 附线上demo和源码(springboot+mybatisplus+vue全家桶)_哔哩哔哩_bilibili 3、项目的页面路由结构4、项目的实现思路1、项目总体的思想思路a、先确定好页面的总体布局,初始样式等 b、创建好所有页面文件,并通过vue-router 写好各个页面的路由关系 c、逐个实现各个页面的样式和功能 d、通过vuex解决组件和页面之间的通信 5、尚未实现的部分后面会抽空实现分片上传和断点续传,目前因为项目的后端比较忙,所以先暂时放一放。 6、项目中遇到的困难1、文件夹的实现文件夹是后台返回整个目录树,然后由前端判断当前所处的位置,并将该位置发给后台获取当前位置的文件目录的,然后就用到了算法去递归遍历这个目录树,找到当前所处的位置。 …7、学到的知识1、学会使用文件的拖拽事件 2、学会了文件的上传和blob下载 … 8、项目中的不足1、项目的不足就是代码比较乱,因为一开始前后端没有配合好,需求也不明确,导致代码多次修改,最后代码就比较乱,后期维护可能就比较困难,有空我会重新整理一下代码的,通过这次项目我也明白了,做项目首先要明确需求,与后端交流好后再开始写代码! 2、实现的功能暂时比较少,后面会抽空加上分片上传和断点续传。 9、总结通过这次项目,还是认识到了自己的知识储备不足,很多功能都没有头绪或者根本就没有这方面的思考,后面的路还很长,加油吧! 附项目源码: https://gitee.com/PengGeee/cloud_space 线上demo: http://www.codeman.ink:2021 |
|
JavaScript知识库 最新文章 |
ES6的相关知识点 |
react 函数式组件 & react其他一些总结 |
Vue基础超详细 |
前端JS也可以连点成线(Vue中运用 AntVG6) |
Vue事件处理的基本使用 |
Vue后台项目的记录 (一) |
前后端分离vue跨域,devServer配置proxy代理 |
TypeScript |
初识vuex |
vue项目安装包指令收集 |
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
360图书馆 购物 三丰科技 阅读网 日历 万年历 2025年5日历 | -2025/5/1 5:15:56- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |