Collection App

快速开始

创建.env文件，写入：

DB_CONNECT=你的MongoDB数据库地址

进入 client目录：

npm run build

将build好的dist文件夹复制到server/public下

npm install

npm start

client

说明

这是一个前后端分离项目。

后端用 node 以及 express 搭建路由，创建 API；使用 express 中间件 multer 进行文件上传；使用 mongoose 作为 MongoDB 的 node 客户端读取、储存信息。

前端使用 Vue 并且配合 Vuex 进行构建，同时使用 Bootstrap 作为 CSS 框架，实现页面响应。

由于目前本项目仅作为个人使用，简单地使用 passport 实现了一下注册、登陆认证功能。

快照

路由 API

API

用到的一些第三方包

multer-gridfs-storage：初始化 multer storage，以及对文件名重新随机命名，避免同名

gridfs-stream：将文件流写入数据库、同时能实现查找、删除文件

axios：前端使用 axios 进行 HTTP 请求，主要获取 API

参考

node_passport_login

Nodejs-Passport-Login

mongo_file_uploads

Todo

• 文件上传、删除
• 笔记上传、删除
• 注册、登陆
• 图片上传、删除
• 链接上传、删除
• 文件、图片下载
• 增加 Edit 功能
• 完善前端构建和注册、登陆功能