[开源]轻量级快捷图片管理系统、图床系统，支持存储桶插件开发

一飞开放源码，如是说创意设计、绝妙、有意思、新颖的完全免费开放源码应用领域、控制系统、软件、硬体及控制技术，两个积极探索、辨认出、撷取、采用与交互沟通交流的开放源码控制技术街道社区网络平台。致力打造出生机开放源码街道社区，资源共享开放源码新自然生态！一、开放源码工程项目概要

如前所述Koa2 + Vue3.x + Vite3.x + typescript合作开发的轻量方便快捷相片信息控制系统、图床控制系统

采用MIT开放源码协定

三、界面展示自动更新登入

注册登记

忘掉公钥

上传区

相片管理

储存桶管理

相册管理

操作日志

个人中心

采用习惯配置

数据统计

用户管理

储存桶源管理

字典管理

控制系统设置

更新日志

四、功能概述

相片上传全力支持相片多图上传、拖拽上传、粘贴上传、一键复制多种格式的相片外链。

相片管理多上传的相片展开管理，全力支持文件重命名、移入指定相册、删除相片、自动更新相片等。

储存桶管理全力支持多桶储存，可同时添加多个对象储存桶管理，上不封顶，例如：七牛云对象储存、阿里云对象储存、腾讯云对象储存等等，控制系统会统计出每个储存桶下的相片数量以及已采用储存量。同时也全力支持控制储存桶是否显示在上传区。

相册管理全力支持相册管理，能对相片展开分组分类管理，便于用户将不同的相片展开分类挂办理，同时也全力支持直接将相片上传到相册中。

操作日志管理也是从操作记录中提取。

个人信息维护用户能对自己的信息管理，如头像(控制系统内置4组不同维度的头像供选择)、昵称、职业、性别、个人概要以及个人登入公钥展开维护管理。

数据统计控制系统提供了数据统计功能，统计用户的相片数量、储存桶数量、总占用储存量、相册数量以及控制系统贡献度数据展开统计。

采用习惯配置考虑到每个用户的采用习惯不同，控制系统提供了采用习惯配置中心，能对默认复制的相片链接格式、自定义链接格式、常用方便快捷键配置以及是否开启上传成功提示、复制链接成功提示等配置。

用户管理多用户管理，根据不同的角色能管理不同的数据，同时用户能通过自主注册登记或者管理员在管理页面直接创建。

储存桶源管理储存桶管理是用于管理员对存储桶源的相关配置展开管理，例如七牛云对象储存，须要用户在界面上感知出须要填写哪些数据、哪些数据时必填项、有哪些数据的智能提示，其实是对储存桶拥有哪些元数据展开配置，于此同时还提供了是否启用或者禁用的功能，比如某两个对象储存已经从市售out，则管理员能展开禁用操作，这样用户就不能创建该类型的储存桶。

字典管理对控制系统中经常采用的一些较为固定的数据展开维护，例如个人中心的职业、用户性别、储存桶页面不同的储存桶展现不同的图标等数据维护。

控制系统设置

职权控制完整的职权控制功能，不同的角色可分配不同的操作职权，控制对应的删除及查看。

五、控制技术选型环境

1. 安装node前往node官网下载node.exe并安装或者采用nrm展开安装。

2. 安装git前往Git官网下载git并安装，此步可忽略。

3. 安装typescript、nodemon、ts-node采用下面的命令全局安装typescript

npm install typescript -g npm install nodemon -g npm install ts-node -g

4. 克隆代码采用git clone命令将代码克隆到本地，或者直接下载压缩包到本地并解压

5. 依赖安装

# 后端依赖安装 cd client npm install # 服务端依赖安装 cd server npm install

6. 工程项目启动

# 后端工程项目启动 cd client npm run dev # 服务端启动 cd server npm run start

控制台出现如下如所示即代表启动成功

7. 工程项目打包部署koa工程项目能不用打包部署，直接将server目录下的内容所有内容拷贝到服务器上然后执行上述的安装步骤。

# 后端工程项目打包部署 cd client npm run build

将打包后生成的dist目录下的所有内容拷贝到web服务器上。

六、源码地址

访问一飞开放源码：https://code.exmay.com/