Pagoda measurement - building LightPicture open source map bed system

大家好啊,我是测评君,欢迎来到web测评.

This issue brings you an open source versionLightPictureLightweight map bed management system.

LightPicture简介

LightPicture是使用thinkphp+vue开发的一套轻量级企业团队图片资源管理系统、图床系统.

功能简介

• 云储存 储存驱动易拓展,多样化储存,支持本地,Alibaba Cloud Tencent Cloud Qiniu Cloud Object Storage.
• Multi-bucket management 支持多桶储存,可同时添加多个对象存储桶管理,上不封顶.
• 操作简便 支持图片多图上传、拖拽上传、上传预览、全屏预览.
• 多人协作 多用户管理、分组管理;不同分组用户控制不同的存储桶.
• 权限管理 不同用户组可分配不同的操作权限,控制其上传删除及查看.
• 操作日志 完整的可视化日志功能,记录用户所有操作,方便事件溯源.
• 图片预览 强大的图片预览功能,支持图片上下左右翻转、平面翻转、放大缩小等.
• 易管理 Flat interface and picture management function,支持全选、单选多选、One-click copy, etc.
• 易部署 图形化安装界面,简单3分钟即可成功部署您的图床.

Screenshot of the system test

安装环境

• 宝塔面板
• PHP 版本 ≥ 7.2
• Mysql版本 ≥ 5.5
• PDO 拓展
• fileinfo 拓展
• curl 拓展
• ZipArchive 支持

搭建教程

1. 下载LightPicture,目前已发布的版本是LightPicture V1.2.2,两个包都是一样的内容,Linux下命令行解压要选择tar.gz,我这边服务器是用宝塔面板来管理的,随便下载一个即可.

2. 将下载的LightPicture包,上传到WEB运行环境,在宝塔面板创建一个站点,可以使用已注册域名的二级域名,我这边使用的是二级域名www.webtest.com.

3. 创建一个MySQL数据库,账号默认即可,密码按需求修改即可(PS:数据库密码很重要）,PHP版本选择PHP-72以上版本.没有的话需要到宝塔面板的软件商店安装.

4. 宝塔面板->网站->选择站点->设置->站点目录,将运行目录改为/public,点击保存即可.

5. 配置网站默认文档,将index.html置顶.设置Rewritr(伪静态)规则为：thinkphp.

6. 访问 域名/install,根据页面提示安装.安装完成后默认 账号为admin 密码123456

注意：完成后若开启前台注册请登录管理员账号配置发信邮箱.

前后端分离部署

/public/static
/public/index.html
/public/favicon.ico

• The above is the front-end code part,Please remove the front and rear separationadmin后台项目publicThe front-end part of the directory
• 进入前端web目录,本地安装node环境,vscode编辑器,打开前端代码
• 在根目录中新建.env文件,打开.env文件,添加环境变量,VUE_APP_BASE_API为后端接口地址
• 打包,上传至服务器

安装依赖

npm install

启动项目

npm run serve

打包项目

npm run build