大家好啊,我是测评君,欢迎来到web测评。
本期给大家带来一套开源版的LightPicture轻量级图床管理系统。
LightPicture简介
LightPicture是使用thinkphp+vue开发的一套轻量级企业团队图片资源管理系统、图床系统。
功能简介
- 云储存 储存驱动易拓展,多样化储存,支持本地,阿里云腾讯云七牛云对象存储。
- 多桶管理 支持多桶储存,可同时添加多个对象存储桶管理,上不封顶。
- 操作简便 支持图片多图上传、拖拽上传、上传预览、全屏预览。
- 多人协作 多用户管理、分组管理;不同分组用户控制不同的存储桶。
- 权限管理 不同用户组可分配不同的操作权限,控制其上传删除及查看。
- 操作日志 完整的可视化日志功能,记录用户所有操作,方便事件溯源。
- 图片预览 强大的图片预览功能,支持图片上下左右翻转、平面翻转、放大缩小等。
- 易管理 扁平化界面及图片管理功能,支持全选、单选多选、一键复制等。
- 易部署 图形化安装界面,简单3分钟即可成功部署您的图床。
系统实测截图
安装环境
- 宝塔面板
- PHP 版本 ≥ 7.2
- Mysql版本 ≥ 5.5
- PDO 拓展
- fileinfo 拓展
- curl 拓展
- ZipArchive 支持
搭建教程
-
下载LightPicture,目前已发布的版本是LightPicture V1.2.2,两个包都是一样的内容,Linux下命令行解压要选择tar.gz,我这边服务器是用宝塔面板来管理的,随便下载一个即可。
-
将下载的LightPicture包,上传到WEB运行环境,在宝塔面板创建一个站点,可以使用已注册域名的二级域名,我这边使用的是二级域名www.webtest.com。
-
创建一个MySQL数据库,账号默认即可,密码按需求修改即可(PS:数据库密码很重要),PHP版本选择PHP-72以上版本。没有的话需要到宝塔面板的软件商店安装。
-
宝塔面板->网站->选择站点->设置->站点目录,将运行目录改为/public,点击保存即可。
-
配置网站默认文档,将index.html置顶。设置Rewritr(伪静态)规则为:thinkphp。
-
访问 域名/install,根据页面提示安装。安装完成后默认 账号为admin 密码123456
注意:完成后若开启前台注册请登录管理员账号配置发信邮箱。
前后端分离部署
/public/static
/public/index.html
/public/favicon.ico
- 以上为前端代码部分,前后端分离请剔除admin后台项目public目录中前端部分
- 进入前端web目录,本地安装node环境,vscode编辑器,打开前端代码
- 在根目录中新建.env文件,打开.env文件,添加环境变量,VUE_APP_BASE_API为后端接口地址
- 打包,上传至服务器
安装依赖
npm install
启动项目
npm run serve
打包项目
npm run build