Pagoda measurement - building LightPicture open source map bed system

Hello everyone, I'm the reviewer, and welcome to the web review.

This issue brings you a set of open source version of LightPicture lightweight image bed management system.

Introduction to LightPicture

LightPicture is a set of lightweight enterprise team picture resource management system and picture bed system developed by thinkphp+vue.

Feature introduction

• Cloud storage The storage driver is easy to expand, diversified storage, supports local, Alibaba Cloud Tencent Cloud Qiniu Cloud Object Storage.
• Multi-bucket management Supports multi-bucket storage, and can add multiple object storage buckets for management at the same time, with no upper limit.
• Easy to operate Supports multi-image upload, drag and drop upload, upload preview, and full-screen preview.
• Multi-person collaboration Multi-user management, group management; different groups of users control different buckets.
• Permission management Different user groups can be assigned different operation permissions to control their uploading, deleting and viewing.
• Operation log A complete visual log function that records all user operations and facilitates event source tracing.
• Picture preview Powerful picture preview function, support picture upside down, left and right flip, plane flip, zoom in and out, etc.
• Easy to manage Flat interface and image management functions, support select all, multiple selections, one-click copy, etc.
• Easy to deploy Graphical installation interface, you can successfully deploy your image bed in 3 minutes.

Screenshot of system measurement

Installation Environment

• Pagoda Panel
• PHP version ≥ 7.2
• Mysql version ≥ 5.5
• PDO extensions
• fileinfo extension
• curl extension
• ZipArchive Support

Building Tutorial

1. Download LightPicture, the currently released version is LightPicture V1.2.2, both packages have the same content, under Linux command line decompression should select tar.gz, my server is managed by pagoda panelYes, just download any one.

2. Upload the downloaded LightPicture package to the WEB operating environment, and create a site on the pagoda panel. You can use the second-level domain name of the registered domain name. Here I use the second-level domain name www.webtest.com.

3. Create a MySQL database, the account can be defaulted, and the password can be modified as required (PS: The database password is very important), and the PHP version should be PHP-72 or above.If not, you need to go to the software store of the pagoda panel to install it.

4. Pagoda Panel->Website->Select Site->Settings->Site Directory, change the running directory to /public, and click Save.

5. Configure the default document of the website and put index.html at the top.Set the Rewriter (pseudo-static) rule to: thinkphp.

6. Visit domain name/install, and follow the instructions on the page to install.After the installation is complete, the default account is admin and the password is 123456

Note: If you open the front desk registration after completion, please log in to the administrator account to configure the email address.

Separate front-end and back-end deployment

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

• The above is the front-end code part, please remove the front-end part in the public directory of the admin background project for separation of the front and back ends
• Enter the front-end web directory, install the node environment locally, the vscode editor, and open the front-end code
• Create a new .env file in the root directory, open the .env file, add environment variables, and VUE_APP_BASE_API is the backend interface address
• Package and upload to server

Installation dependencies

npm install

Startup Project

npm run serve

Packaging Project

npm run build

How to get it

https://ceping.club/630.html