国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

基于七牛SDK構(gòu)建的Vue單頁(yè)圖片管理應(yīng)用

oliverhuang / 2255人閱讀

摘要：牛牛圖床腳手架構(gòu)建的七牛圖片管理圖床單頁(yè)應(yīng)用基于，前后端分離。后端基于及七牛開(kāi)發(fā)，服務(wù)原本部署在，由于服務(wù)響應(yīng)速度慢的原因，已將服務(wù)部署在朋友的華為云服務(wù)器上。部分資源庫(kù)采用方式引入，由提供若有任何問(wèn)題反饋或者建議，請(qǐng)?zhí)峤恢小?/p>

牛牛圖床

Vue-cli腳手架構(gòu)建的七牛圖片管理圖床單頁(yè)應(yīng)用（基于museui），前后端分離。后端基于express及七牛nodejs-SDK開(kāi)發(fā)，服務(wù)原本部署在Heroku，由于服務(wù)響應(yīng)速度慢的原因，已將服務(wù)部署在朋友的華為云服務(wù)器上。

項(xiàng)目地址：

源碼地址：https://github.com/alex1504/v...
在線地址：http://cowbed.huzerui.com

功能開(kāi)發(fā)

[x] 私人空間、公共空間切換

[x] 控件上傳、拖拽本地圖片上傳、在線圖片URL上傳

[x] 外鏈復(fù)制（markdown）

[x] 圖片管理、預(yù)覽、下載、批量刪除

[ ] 圖片分日期管理

[ ] 圖片重命名

技術(shù)棧

前端：

Vue2：Vue2.0漸進(jìn)式MVVM框架

Vuex：實(shí)現(xiàn)不同組件之間的狀態(tài)共享

Vue-router：?jiǎn)雾?yè)應(yīng)用路由管理插件

Axios：Http請(qǐng)求工具

SASS(SCSS)：css預(yù)處理語(yǔ)言

Webpack：自動(dòng)化構(gòu)建工具

Localstorage：本地存儲(chǔ)

后端：

Express：簡(jiǎn)潔而靈活的 node.js Web應(yīng)用框架

cors（中間件）：跨域資源共享

body-parse（中間件）：對(duì)請(qǐng)求體進(jìn)行解析

formidable（中間件）：解析表單數(shù)據(jù)（form-data）的Node.js模塊

nodemon：監(jiān)聽(tīng)修改自動(dòng)重啟node服務(wù)插件

主要語(yǔ)法：

前端ES6，后端ES5（部分開(kāi)發(fā)時(shí)間是在公司，由于某些原因無(wú)法使用高版本node）

本地預(yù)覽 
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
// 開(kāi)啟另一個(gè)git進(jìn)程
npm run server
其他

項(xiàng)目前端使用localStorage保存你的七牛授權(quán)鑰匙，并不會(huì)保存你的授權(quán)數(shù)據(jù)到數(shù)據(jù)庫(kù)。

部分資源庫(kù)采用CDN方式引入，由bootCDN提供

若有任何問(wèn)題、反饋或者建議，請(qǐng)?zhí)峤籭ssue中。

歡迎fork及star，你的支持是我前進(jìn)的動(dòng)力。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/89340.html

相關(guān)文章

  • 2017-10-27 前端日?qǐng)?bào)

    摘要：前端日?qǐng)?bào)精選裝飾器場(chǎng)景實(shí)戰(zhàn)配置之后端渲染理解同步異步和事件循環(huán)編寫(xiě)高性能注意點(diǎn)線性漸變實(shí)現(xiàn)虛線等簡(jiǎn)單實(shí)用圖形中文服務(wù)端渲染開(kāi)發(fā)指南個(gè)人文章系列之事件類型個(gè)人文章使用必記掘金簡(jiǎn)介掘金性能大亂斗前端雜談中簡(jiǎn)單的數(shù)據(jù)圖形化 2017-10-27 前端日?qǐng)?bào) 精選 JS 裝飾器（Decorator）場(chǎng)景實(shí)戰(zhàn)webpack配置之后端渲染JavaScript：理解同步、異步和事件循環(huán)編寫(xiě)高性能js注...

    Jeffrrey 評(píng)論0 收藏0

  • element 上傳組件 el-upload 的經(jīng)驗(yàn)總結(jié)

    摘要：正文上傳圖片到七牛云這個(gè)需要前后端的配合才能實(shí)現(xiàn)，這里是官方的參考鏈接。參考鏈接組件的怎么獲取進(jìn)度值谷歌找到的其一谷歌找到的其二完 前言 最近在做后臺(tái)管理項(xiàng)目，采用的 vue-element-admin ，上傳圖片是一個(gè)很常用的功能，也遇到了很多問(wèn)題，剛好趁此機(jī)會(huì)做一些總結(jié)。 初步總結(jié)下會(huì)提到的問(wèn)題，目錄如下： el-upload 自定義上傳方法 圖片上傳到七牛云 圖片壓縮后再上傳（...

    Neilyo 評(píng)論0 收藏0

  • 用純Javascript實(shí)現(xiàn)React Native的文件上傳

    摘要：是上傳到服務(wù)器的文件名，是請(qǐng)求令牌。七牛云將持續(xù)發(fā)布服務(wù)于企業(yè)的云服務(wù)，也會(huì)在第一時(shí)間發(fā)布平臺(tái)的，讓使用的小伙伴在第一時(shí)間集成七牛云的最新服務(wù)。 React Native 是最近兩年最值得花時(shí)間跟進(jìn)的移動(dòng)開(kāi)發(fā)技術(shù)，這個(gè)項(xiàng)目始于2013年Facebook內(nèi)部的一個(gè)黑客馬拉松項(xiàng)目，在2014年7月之前這個(gè)項(xiàng)目都偏向于實(shí)驗(yàn)性質(zhì)，直到廣告管理團(tuán)隊(duì)想要構(gòu)建一個(gè)獨(dú)立的iOS應(yīng)用，然而這個(gè)團(tuán)隊(duì)并沒(méi)有...

    JasonZhang 評(píng)論0 收藏0

  • Vue+Express全棧購(gòu)物商城

    摘要：一前言提綱基于和框架寫(xiě)的一個(gè)全棧購(gòu)物商城，記錄項(xiàng)目過(guò)程中遇到的一些問(wèn)題以及經(jīng)驗(yàn)和技巧。服務(wù)端技術(shù)棧登錄授權(quán)用認(rèn)證機(jī)制，來(lái)實(shí)現(xiàn)登錄登出。服務(wù)器配置和緩存策略，根據(jù)不同的來(lái)代理。申請(qǐng)證書(shū)全站升級(jí)到，配置的協(xié)議。一、前言提綱 基于Vue和Express框架寫(xiě)的一個(gè)全棧購(gòu)物商城，記錄項(xiàng)目過(guò)程中遇到的一些問(wèn)題以及經(jīng)驗(yàn)和技巧。 二、歷史版本 基于Vue-CLI2.0:點(diǎn)我查看 這個(gè)分支版本是一兩年前...

    Richard_Gao 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<