没有合适的资源?快使用搜索试试~ 我知道了~
nodejs+express实现文件上传下载管理网站
11 下载量 92 浏览量
2020-10-20
05:08:26
上传
评论 1
收藏 77KB PDF 举报
温馨提示
主要为大家详细介绍了nodejs+express实现文件上传下载管理的网站,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
资源推荐
资源详情
资源评论
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083646.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083646.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/release/download_crawler_static/12976531/bg1.jpg)
nodejs+express实现文件上传下载管理网站实现文件上传下载管理网站
主要为大家详细介绍了nodejs+express实现文件上传下载管理的网站,具有一定的参考价值,感兴趣的小伙伴
们可以参考一下
nodejs+express-实现文件上传下载管理的网站
项目Github地址:https://github.com/qcer/updo
后端:后端:基于nodejs的express的web框架.
前端:前端:bootstrap框架+vuejs、jquery等js库
功能点:功能点:
1. dronzone.js实现文件拖拽上传、下载,可自定义传输容量。
2. vuejs实现表格双向数据绑定。
3. jquery.form.min.js表单插件,升级表单,实现表单提交回调。
4. 纯css+jQuery实现一键返回顶部。
5. 简单的ajax异步刷新。
项目结构总览:项目结构总览:
app/:典型的MVC架构,其下包含模型(models),视图(views),控制器(controller),不过此处没有用到models层,完
全是试图与控制器进行数据的交互。前端页面用jade前端模板引擎编写,因为jade可以很好的支持页面的模块化,套用
bootstrap前端框架。
config/:应用的配置目录,包括静态目录的配置,数据库的配置等,不多说。
freedom/:其下有两个字子目录(hidden/和upload/),其中hidden/目录存放文件上传后存放的目录位置。
node_modules/:项目依赖的nodejs第三方模块,不多说。
public/:存放静态文件的目录(css文件,js文件,图片)。
详细功能点描述:
1、左侧导航栏选中背景加深、左侧导航栏选中背景加深
这部分实现是简单粗暴,借助jQuery选择器遍历id为main-name下面的li标签当li标签的子标签a的href属性等于当前页面的href
时,首先去除兄弟li标签的active类,再添加当前li标签的class为active。
在某些情况下,也可以通过给a标签绑定点击事件,当发生点击事件时,设置li标签的class为active,但是此时a标签中带有超
链接,点击之后,固然可以将li标签的class的active,但是随即页面发生跳转,页面再次被刷新,效果消失。因此,通过
jQuery改变页面效果仅当前页面有效,一旦页面刷新,便不再有效。
局部代码:
2、文件列表实现、文件列表实现
后台:
通过fs模块的readdirSync同步函数读取freedom/upload/目录下的所有文件名,再根据文件名遍历文件每个文件的详细信息,
此处调用fs模块的statSync同步函数。
局部代码:
重要的信息有累计毫秒数(valueOf()获取),文件名,文件大小,文件最近改变时间(ctime)。最后在调用Array.sort()根据
累计毫秒数降序排序。注意sort此时需要传入自定义排序规则的回调函数。
前端:
前端列表以jade模板引擎和vuejs相结合,v-for指令遍历从后端发送过来的列表数据列表,由于vuejs天生支持MVVC模式,视
图与数据模型的双向数据绑定变得自然而然。删除分别通过v-on指令绑定两个点击事件。
前端列表局部代码:
资源评论
![avatar-default](https://csdnimg.cn/release/downloadcmsfe/public/img/lazyLogo2.1882d7f4.png)
![avatar](https://profile-avatar.csdnimg.cn/default.jpg!1)
weixin_38576229
- 粉丝: 5
- 资源: 902
上传资源 快速赚钱
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![voice](https://csdnimg.cn/release/downloadcmsfe/public/img/voice.245cc511.png)
![center-task](https://csdnimg.cn/release/downloadcmsfe/public/img/center-task.c2eda91a.png)
最新资源
- 如何充分运用ansys的HELP
- pandas-2.2.2-cp311-cp311-musllinux-1-1-x86-64.whl
- C语言可变长数组(VLA)详解与应用
- android-studio-2024.1.1.12-windows-zip.zip.001
- 辰光PHP客服系统多商户全开源V3.1版+安装教程
- android-studio-2024.1.1.12-windows-zip.zip.002
- 斜拉桥ansys命令流apdl
- android-studio-2024.1.1.12-windows-exe.zip.001
- 板壳理论ppt,文件为ppt形式,详细讲解了板壳的基本力学理论
- 深入理解Kotlin中的Lambda表达式
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
![feedback](https://img-home.csdnimg.cn/images/20220527035711.png)
![feedback](https://img-home.csdnimg.cn/images/20220527035711.png)
![feedback-tip](https://img-home.csdnimg.cn/images/20220527035111.png)
安全验证
文档复制为VIP权益,开通VIP直接复制
![dialog-icon](https://csdnimg.cn/release/downloadcmsfe/public/img/green-success.6a4acb44.png)