A single page application for Qiniu image management which using Vue-cli(base on museui), front-end and back-end seperation. The back-end is based on express and Qiniu nodejs-SDK. (Public zone is invalid)

Source address: https://github.com/alex1504/vue-qiniu-image-bed Online address：http://cowbed.huzerui.com

• Private space and public space switching
• Upload with input element, drag file to upload, upload online pictures URL
• Outer chain replication (markdown)
• Picture management, preview, download, batch delete
• Picture management by date
• Picture rename
• Audio and video resource management

Front-end：

• Vue2：Vue2.0 progressive MVVM framework
• Vuex：Sharing state between different components
• Vue-router：Single page application routing management plug-in
• Axios：Http request tool
• SASS(SCSS)：CSS preprocessing language
• Webpack：Automated building tools
• Localstorage：Local storage

Backend：

• Express：A concise and flexible framework for node.js Web applications
• cors(Middleware)：Cross domain resource sharing
• body-parse(Middleware)：Parsing the request body
• formidable(Middleware)：Node.js module for parsing form data (form-data)
• nodemon：Monitor modify auto restart node service plug-in

git clone https://github.com/alex1504/vue-qiniu-image-bed.git
cd https://github.com/alex1504/vue-qiniu-image-bed.git
// Installation front-end dependency
npm install
cd server
// Installation backend dependency
npm install
cd ../
npm run dev
// Open another git process
npm run server

1. Using localStorage to save seven cattle authorization data.
2. Some resource libraries are introduced by CDN, which is provided by [bootCDN] (http://www.bootcdn.cn/).
3. If you have any questions, feedbacks or suggestions, please submit them to issue.
4. Welcome to fork and star, your support is the driving force for me to move forward.

Vue-cli脚手架构建的七牛图片管理图床单页应用（基于museui，前后端分离，后端基于express及七牛nodejs-SDK开发。（公共空间已失效）

源码地址：https://github.com/alex1504/vue-qiniu-image-bed 在线地址：http://cowbed.huzerui.com

• 私人空间、公共空间切换
• 控件上传、拖拽本地图片上传、在线图片URL上传
• 外链复制（markdown）
• 图片管理、预览、下载、批量删除
• 图片分日期管理
• 图片重命名
• 音频、视频资源管理

前端：

• Vue2：Vue2.0渐进式MVVM框架
• Vuex：实现不同组件之间的状态共享
• Vue-router：单页应用路由管理插件
• Axios：Http请求工具
• SASS(SCSS)：css预处理语言
• Webpack：自动化构建工具
• Localstorage：本地存储

后端：

• Express：简洁而灵活的 node.js Web应用框架
• cors（中间件）：跨域资源共享
• body-parse（中间件）：对请求体进行解析
• formidable（中间件）：解析表单数据（form-data）的Node.js模块
• nodemon：监听修改自动重启node服务插件

git clone https://github.com/alex1504/vue-qiniu-image-bed.git
cd https://github.com/alex1504/vue-qiniu-image-bed.git
// 安装前端依赖
npm install
cd server
// 安装后端依赖
npm install
cd ../
npm run dev
// 开启另一个git进程
npm run server

1. 项目前端使用localStorage保存七牛授权数据
2. 部分资源库采用CDN方式引入，由bootCDN提供
3. 若有任何问题、反馈或者建议，请提交issue中。
4. 若项目对你有所帮助，别忘了star一下。