Giter VIP home page Giter VIP logo

weiyun's Introduction

基于nodejs + mongoose + jquery搭建的微云网盘demo

##简介:

###1.项目后端搭建:

使用nodejs完成网盘后台的搭建;
使用mongoose完成对mongodb数据的操作以及构建;

###2.项目前端搭建:

使用html及css编写网盘的结构及样式;
部分使用了HTML5以及CSS3,可能会造成部分浏览器的不兼容;
使用js原生完成网盘登陆首页的行为;
通过ajax与后端交互实现用户的注册与登陆;
使用jQuery完成网盘应用页面的前端JS脚本;
通过ajax请求完成应用页面与后台的数据交互;

###3.网站整体功能:

登陆首页

网站打开为登陆首页,需要登录或者注册并登录才能使用网盘应用功能。
登陆首页同时也是微云产品介绍页面,有定点滚动效果,以及功能介绍的自动移入效果。

网盘应用页

网盘应用页的使用需要登陆进入才能使用。
登入后会保存用户信息cookies,再次打开免登录;
文件的上传功能;
新建文件夹功能;
文件重命名;
移动到;
移动到回收站;
显示文件夹树状目录;
面包屑导航;
自定义右键菜单;
文件查看方式:
图标查看;
列表查看;
文件操作:
点击文件夹进入;
单选/多选/全选/复选框选择;
拖拽文件夹移动;

##后期完善:

回收站的进入以及回收站内文件的还原;
文件下载功能;
用户退出登录;
按类型分类查看;
不同文件类型的图标需完善;
重命名成功时会提示失败的bug;
优化项目代码。

weiyun's People

Contributors

sikychen avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.