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

call_me_R 发布于2019-08-21 11:51 / 2114人阅读

摘要：其实这个应用并不是那么的特别需求，一来本人写越来越少，二来开发工作也是越做越少，再者目前的编辑器几乎都支持直接剪切板上传图片，使图床应用的场景越来越少。

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

本应用的应用场景

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

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

图片的重复利用及管理，如1所说，其实很多图片还是要重复使用滴！

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

本应用会使用到的技术

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

Vue，继Angularjs、React后js新贵，掀起了新的前端风暴，以快速、简介著称；

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

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

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

功能设计

图片上传（废话）

快捷键快速上传

至少支持七牛+腾讯图床

支持本地记录图片上传list

支持快捷复制URL以及Markdown Url

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

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

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

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

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

云服务器 GPU云服务器免费的图床云服务器基于php的网站设计 PPic 基于云计算的应用

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/87195.html

【PPic】在PPic图床中如何配置使用七牛

摘要：本文描述如何配置的七牛图床，注意，暂时只支持版本基础的注册不再复述，随便搜索下很多教程获取和从个人面板进入，选择密钥管理即可，分别将和填入到及字段创建存储空间，设置所谓实际就是七牛的存储空间，如图所示按照箭头创建即可，存储空间名称即为，填入本文描述如何配置PPic的七牛图床，注意，暂时只支持Mac版本 1、基础的注册不再复述，随便搜索下很多教程 2、获取AK和SK 从个人面板进入，选...

Shisui 2019-08-21 17:06 评论0 收藏0
GitNote 基于 Git 的跨平台笔记软件正式发布

摘要：基于的跨平台笔记软件为什么自从工作之后我开始进行笔记记录这是一个很棒的习惯我曾经使用过麦库等都是一些不错的笔记软件但是都有一些各式各样的问题不能满足我的使用年我用编写了第一款笔记软件支持和富文本编辑器但是没有云同步功能年我用和编写了一个编辑 GitNote 基于 Git 的跨平台笔记软件为什么自从工作之后,我开始进行笔记记录,这是一个很棒的习惯.我曾经使用过 EDiary Ever...

liaosilzu2007 2019-08-23 15:05 评论0 收藏0
iView 发布 1.0 正式版，43 个 UI 组件助力中后台业务开发

摘要：时隔半年多，终于迎来了它的第一个正式版本，到目前版本，已经有个常用组件，从功能和设计上，是最接近的实现。主要服务于中后台业务，目的就是让网站快速成型上线。时隔半年多，iView 终于迎来了它的第一个正式版本 1.0.0，到目前版本，已经有 43 个常用 UI 组件，从功能和设计上，是最接近 Ant.Design 的 Vue.js 实现。关于 iView 1.0 GitHub 地址...

voidking 2019-08-20 14:24 评论0 收藏0
10 分钟使用 Spring Boot + Vue + Antd + US3 搭建自己的图床

摘要：网上已经一些运行不错的图床了，比如图壳路过图床那为什么我们还要自己搭建图床呢一来是因为码农总是喜欢折腾，二来是有了自己的图床数据自己存储更安全。下面是演示地址，可以先看一下搭建完成的效果。我们是以作为原型进行搭建。网上已经一些运行不错的图床了，比如SM.MS https://sm.ms/图壳 https://imgkr.com路过图床 https://imgchr.com/那为什么我们还要自...

Tecode 2022-06-28 18:59 评论0 收藏0
基于 Github API 的图床 Chrome 插件开发全纪录

摘要：最近基于开发了一款图床插件，现在已经开源并上架应用商店。通过方法把转成，然后放在里测试一下看来效果是的，接下来就是对图床插件进行开发的步骤了。至此，整个插件的开发发布流程就已经完成了。 showImg(https://user-images.githubusercontent.com/12172868/57382983-8f29b900-71e0-11e9-8fe9-c0f12fd54...

DoINsiSt 2019-08-26 13:43 评论0 收藏0