【PPic】基於Electron+Vue+iView的圖牀應用設計

其實這個應用並非那麼的特別需求,一來本人寫blog愈來愈少,二來開發工做也是越作越少,再者目前的編輯器幾乎都支持直接剪切板上傳圖片,使圖牀應用的場景愈來愈少。不過本人本着不想丟棄技術的心裏想法,以及鍛鍊本身寫一個完整項目,仍是開啓了這個圖牀應用的開發之旅,至於最終作到什麼程度...我不打包票,但至少是一個能用的雛形吧。前端

本應用的應用場景

  1. 寫博客,圖片快捷上傳,畢竟目前的Segmentfault圖片傳到哪裏,我都不知道...vue

  2. 開發過程當中的圖片加速,把圖片上傳到第三方資源仍是能大大加速網站的載入速度滴,尤爲是如今的圖牀基本都有CDN加速功能...webpack

  3. 圖片的重複利用及管理,如1所說,其實不少圖片仍是要重複使用滴!git

  4. 其餘場景,反正暫時我用不到,你們腦補吧~github

本應用會使用到的技術

  1. Electron ,使用Electron開發的優質應用是在是數不勝數,好比VSCode,好比這個清單:https://github.com/sindresorh...web

  2. Vue,繼AngularjsReact後js新貴,掀起了新的前端風暴,以快速簡介著稱;sql

  3. iView,稍晚於Element開源的Vue Ui全家桶,借鑑了很多Element,組件貌似比Element略多,並且和Element開發團隊還有一場論戰;不關心誰對誰錯,但求你們對開源技術抱有不變的熱忱!數據庫

  4. Electron-Vue,基於webpack、ES六、babel等快捷搭建Electron+Vue項目的腳手架,還可以完成安裝包的自動打包。站在巨人的肩膀上,才能更輕鬆!babel

  5. Sqlite3,小型內嵌數據庫王者,用於存儲上傳歷史數據及URL等iview

功能設計

  1. 圖片上傳(廢話)

  2. 快捷鍵快速上傳

  3. 至少支持七牛+騰訊圖牀

  4. 支持本地記錄圖片上傳list

  5. 支持快捷複製URL以及Markdown Url

  6. 其餘開發過程當中想到的令我興奮的功能

接下來進入到項目的開發階段,本系列文章會記錄這個項目過程當中遇到的任何坑..不管是大坑、小坑以及我這種前端小白會遇到的不是坑的坑

因爲本人的業餘時間實在是有限,因此,不承諾文章更新節奏,但,我會盡可能保證一週一篇,文章無大小長短,更新了就是誠意~

文章內容暫與標題無關,因此等我下次再更新內容吧

對了,應用名字就叫作PPic吧,P是我名字的首字母,簡潔一些,PPic,此項目相關的文章前綴都增長【PPic】

相關文章
相關標籤/搜索