【PPic】基于Electron+Vue+iView的图床应用设计

其实这个应用并不是那么的特别需求,一来本人写blog越来越少,二来开发工作也是越做越少,再者目前的编辑器几乎都支持直接剪切板上传图片,使图床应用的场景越来越少。不过本人本着不想丢弃技术的内心想法,以及锻炼自己写一个完整项目,还是开启了这个图床应用的开发之旅,至于最终做到什么程度…我不打包票,但至少是一个能用的雏形吧。

本应用的应用场景

  1. 写博客,图片快捷上传,毕竟目前的Segmentfault图片传到哪里,我都不知道…

  2. 开发过程中的图片加速,把图片上传到第三方资源还是能大大加速网站的载入速度滴,尤其是现在的图床基本都有CDN加速功能…

  3. 图片的重复利用及管理,如1所说,其实很多图片还是要重复使用滴!

  4. 其他场景,反正暂时我用不到,大家脑补吧~

本应用会使用到的技术

  1. Electron ,使用Electron开发的优质应用是在是数不胜数,比如VSCode,比如这个清单:https://github.com/sindresorh…

  2. Vue,继AngularjsReact后js新贵,掀起了新的前端风暴,以快速简介著称;

  3. iView,稍晚于Element开源的Vue Ui全家桶,借鉴了不少Element,组件貌似比Element略多,而且和Element开发团队还有一场论战;不关心谁对谁错,但求大家对开源技术抱有不变的热忱!

  4. Electron-Vue,基于webpack、ES6、babel等快捷搭建Electron+Vue项目的脚手架,还能够完成安装包的自动打包。站在巨人的肩膀上,才能更轻松!

  5. Sqlite3,小型内嵌数据库王者,用于存储上传历史数据及URL等

功能设计

  1. 图片上传(废话)

  2. 快捷键快速上传

  3. 至少支持七牛+腾讯图床

  4. 支持本地记录图片上传list

  5. 支持快捷复制URL以及Markdown Url

  6. 其他开发过程中想到的令我兴奋的功能

接下来进入到项目的开发阶段,本系列文章会记录这个项目过程中遇到的任何坑..无论是大坑、小坑以及我这种前端小白会遇到的不是坑的坑

由于本人的业余时间实在是有限,所以,不承诺文章更新节奏,但,我会尽量保证一周一篇,文章无大小长短,更新了就是诚意~

文章内容暂与标题无关,所以等我下次再更新内容吧

对了,应用名字就叫做PPic吧,P是我名字的首字母,简洁一些,PPic,此项目相关的文章前缀都增加【PPic】

    原文作者:StonePanda
    原文地址: https://segmentfault.com/a/1190000010604983
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞