【轻快图片管理系统】- 系统概述与内置功能介绍-编程知识

轻快图片管理系统

在线体验

如果你觉得项目不错，还望动动你的手指给点点star，让更多人看到优秀的项目！！！

为了便于大家在线体验，本系统提供了演示地址，可以通过下面的演示地址和账号进行登录体验系统功能。
演示地址: http://v2.picture.itchenliang.club/#/
演示账号:

账号: guest@163.com
密码: 000000

代码仓库地址:
如果你觉得项目不错，还望动动你的手指给点点star，让更多人看到优秀的项目！！！

Github: https://github.com/ischenliang/quickly-picture-bed
Gitee: https://gitee.com/itchenliang/quickly-picture-bed

系统概述

轻快图片管理系统顾名思义是一个做图片管理的系统，和现在市面上很火的Picgo类似，但是由于Picgo是本地版的，即需要自己安装桌面端应用后才能使用，每次换一台电脑都需要重新安装一次，然后再安装指定的图床插件并配置插件，十分麻烦。

为了解决上面问题的问题，故诞生了这个轻快图片管理系统，这个是一个在线版的BS系统，只需要安装部署一次后就可以反复使用，只需要你使用浏览器访问安装部署地址即可，如果你不想安装部署也可以直接在演示环境上操作。

轻快图片管理系统可以看做是集成多种第三方对象存储于一身的系统，目前不同的第三方对象存储是采用拔插式的插件方式来实现，方便后续扩展新的第三方对象存储，这种方式可以在不重新部署系统的情况下更快的集成新的对象存储。

与Picgo的差异

通过本系统，在安装部署后同样需要像Picgo那样安装指定的存储插件后才能创建存储桶，和picgo的差异在于，picgo安装图床插件后，每个插件只能配置一个存储桶，当想要配置多个时也无法实现，但在本系统上是可以同一个存储桶插件配置多个存储桶，然后将图片上传到指定的存储桶中，同时本系统也新增了相册管理功能，可以将不同类别的图片进行分组管理。

开发所使用技术

前端: Vue3.x、Vite4.x、VueRouter、Pinia、Axios、Typescript、ElementPlus、Echarts、Sass、clipboard、bytemd、monaco-editor等
后端: Nestjs + Express、Typescript、sequelize、axios、nodemailer、svg-captcha、jsonwebtoken
权限认证：RBAC(角色访问控制)模式进行认证授权
数据库: mysql57
插件: rollup、pnpm + monorepo、crypto-js、typeScript、webcomponents(工具插件)

内置功能

登录、注册、找回密码
- 登录: 支持账号密码登录、验证码登录两种登录方式。
- 注册: 需要使用邮箱账号进行注册。
图片上传
- 目前支持多种图片上传方式: 选择上传、拖拽上传、粘贴复制上传、URL网络图上传、Base64上传；
- 支持多图上传；
- 支持一键复制多种链接图片外链格式：
  - 链接格式: URL、HTML、CSS、Markdown、超链接、论坛代码、UBB、自定义；
  - 也支持一键复制多图的链接格式；
- 支持上传预览并可以拖拽排序进而实现链接复制的顺序；
图片管理
- 图片管理就是对在该系统上上传过的图片记录进行管理；
- 该功能支持: 复制图片链接格式、删除图片、图片重命名、拖拽排序、移入指定相册等功能；
存储桶管理
- 存储桶管理即是对第三方对象存储的配置进行管理；
- 支持多桶储存，可同时添加多个对象存储桶管理；
- 该功能支持: 新建存储桶、更新存储桶、禁用存储桶、删除存储桶、存储桶数据迁移、拖拽排序等功能；
相册管理
- 相册管理即是对相册进行分组管理，便于用户将不同的图片进行分类管理，同时也支持直接将图片上传到相册中；
- 相册管理中也可以对图片进行标签配置，对不同的图片配置指定的标签便于二级分组；
- 该功能支持: 新建相册、编辑相册、删除相册、拖拽排序、图片直接上传到相册、模板标签管理、设定相册封面等功能；
插件市场
- 插件市场是系统的核心功能，目前支持三大类插件：上传插件、主题插件、工具箱插件。
  - 【上传插件】简单来说就是对常见的第三方对象存储集成，目前支持数十种内置插件，其中包括: 阿里云OSS、腾讯云COS、七牛云Kodo、又拍云USS、青云qingstor等；而且还在不断开发新的插件。
  - 【工具箱插件】可以看做是对一些常用的工具封装，例如：uuid生成器、图片裁剪、代码转图片、图片base64编码等。
  - 【主题插件】为了实现主题切换功能，系统则内置了主题插件功能，和vscode类似可以通过安装指定的主题插件来达到想要的配色方案，例如：monokai主题、暗黑主题、OneDarkPro主题等，此外系统内部还默认了一套亮色主题。
- 想要使用存储桶功能的前提就是需要安装指定的插件后才能创建存储桶；
- 该功能支持: 插件安装、插件更新、卸载插件、启用/禁用插件等功能；
仪表盘 | 数据统计
- 仪表盘是对本用户在系统上的一些使用数据进行数据统计分析，例如：有多少张图片、多少个存储桶、安装了多少个插件、多少个相册等。
- 同时为了便于分析也提供了贡献图、近一年内的所有数据进行统计分析
知识库管理
- 考虑到目前大多数人使用图床系统都是结合着文档一起在使用，故开发了知识库管理功能，知识库管理和其他大多数平台的功能相似。
- 该功能支持: 创建知识库、更新知识库、复制知识库、删除知识库、一键导出知识库下的所有文档等功能；
- 文档管理: 知识库下有文档管理功能，可以在该知识库下创建多个文章和目录，同时还可以进行拖拽调整文档的目录顺序。
操作日志
- 完整的可视化日志功能，记录用户所有操作，方便事件溯源。普通用户只能查看自己的操作记录，管理员则能查看所有人员的操作记录，于此同时数据统计中的贡献图的数据来源也是从操作记录中提取。
- 目前支持图片操作日志、存储桶操作日志、相册操作日志、插件操作日志等；
个人信息维护
- 用户可以对自己的信息管理，如头像(系统内置4组不同维度的头像供选择)、昵称、职业、性别、个人简介以及个人登录密码进行维护管理。
偏好设置
- 考虑到每个用户的使用习惯不同，系统提供了偏好配置中心，可以对默认复制的图片链接格式、自定义链接格式、常用快捷键配置、图片显示名称类型、主题配置、以及各种图片的层现方式。
用户管理
- 多用户管理，根据不同的角色可以管理不同的数据，同时用户可以通过自主注册或者管理员在管理页面直接创建。
- 该功能支持: 新建用户、删除用户、更新用户、禁用/启用用户、删除用户等功能；
插件管理
- 插件管理是对本系统中支持哪些内置插件进行管理，目前支持的插件类别有文件上传插件、主题插件、图片转换插件、图片处理插件、全局插件、工具箱插件等；
- 目前系统上所有的插件都是通过rollup + pnpm + monorepo模式进行开发的，然后打包后发布到npm上，然后代码中通过指定的手段来加载该插件。
- 该功能支持: 新增插件、更新插件、启用|禁用插件、删除插件、拖拽排序等功能。
字典管理
- 对系统中经常使用的一些较为固定的数据进行维护，例如个人中心的职业、用户性别、存储桶页面不同的存储桶展示不同的图标等数据维护。
- 该功能支持: 新建字典、删除字典、更新字典、删除字典等功能；
系统设置
- 对系统中一些常用的数据进行维护，包括系统名称、系统logo、备案信息、更新日志、系统上所使用的的图标的来源进行配置。
权限控制
- 完整的权限控制功能，基于RABC进行权限控制，即针对不同的角色可分配不同的操作权限，控制对应的增删改查的能力。