# Xiaopi Panel
TIP
Note: This tutorial is for users who use the downloaded installation package (https://beikeshop.com/download) and install it in Windows system + phpStudy environment. Please refer to this document; if you have development experience and use composer to install, set the root directory to the public directory in the unzipped file, and directly open the project address in the browser to install!
# System Installation Environment Requirements
PHP 8.1+
MySQL 5.7+
Apache httpd 2.4+ or Nginx 1.10+
# Installation Steps
TIP
This document takes Windows 11 system + phpStudy-8.1.1.3 version as an example.
# Apache
1. Install phpStudy (I will not describe the installation process here, if you have any questions, please Baidu)
Prerequisites:
- phpStudy has been installed
- The phpStudy program has been successfully started
2. Install PHP, Apache, MySQL software and start related environments
2.1 Enter the phpStudy panel and click [Software Management] to find Apache2.4.39, MySQL5.7, and PHP-8.2. As shown in the figure below
Note: This tutorial takes Apache2.4.39, MySQL5.7, and PHP-8.2 as an example.
2.2 Install the relevant environment. Click the [Install] button. As shown below
2.3 Start Apache and MySQL (click the home page -> click the Apache and MySQL start buttons respectively). As shown below
3. Create a database
3.1 Click [Database]->[Create Database] button. As shown below
3.2 Fill in the database information and create a database. As shown in the figure below
4. Create a website
4.1 Click the [Website] menu -> click [Create Website]. As shown below
4.2 Fill in the website information to create a website. As shown below
4.3 Unzip the downloaded compressed package to the directory generated in the previous step. As shown in the figure below
Note: The tutorial directory is D:\phpstudy_pro\WWW\beikeshop.test for demonstration purposes only. Please refer to the actual directory for details.
4.4 Change the system root directory to public (important)
Method 1: (recommended)
4.4.1 Click [Website] -> [Manage] -> [Modify] -> [Browse], select the public directory in the unzipped file, and finally click OK. As shown in the figure below
Method 2: Modify the configuration file
4.4.2 Find the apache configuration file and modify it. As shown in the figure below Note: The configuration file in this tutorial is the beikeshop.test_80.conf file in the D:\phpstudy_pro\Extensions\Apache2.4.39\conf\vhosts\ directory. The configuration file is generally placed in \phpStudy installation directory\EExtensions\Apache2.4.39\conf\vhosts. The configuration file starts with the input domain name and ends with _80.conf. The actual configuration file shall prevail.
# Nginx
TIP
Using Nginx for web services is different from Apache. Using Nginx requires configuring pseudo-static
4.5 Nginx environment configuration
4.5.1 The Nginx installation method is the same as PHP. Please refer to the PHP installation method.
4.5.2 Configure Nginx pseudo-static rules
In the phpStudy panel [Website], find the corresponding site and click [Manage], then click [Pseudo-static] in the website pop-up window and enter the following content. As shown in the figure
location / {
try_files $uri $uri/ /index.php?$query_string;
}
5. Installing the system
5.1 Enter the domain name you created in step 4.2 in the browser.
Note: This tutorial uses beikeshop.test for installation demonstration only and is only valid for the current host. Please refer to the actual
Note: When Xiaopi creates a website, it will automatically generate an empty .htaccess
file to replace the original file. If you visit the installation page as shown in the figure, Internal Server Error will appear. Please check whether the content of the .htaccess
file is empty. If it is empty, please copy the content of the .htaccess
file in the unzipped package to the empty package and try to install it again.
If the interface shown in the figure appears, you will successfully enter the system installation interface
5.2 Click Check Requirements, Check Permissions, and Configure Environment buttons in sequence. Installation Finished.
Step 1: Install the interface. As shown in the picture
Step 2: Environmental inspection. As shown in the figure
Step 3: Check directory permissions. As shown in the figure
Step 4: Fill in the database and backend login user information and click the Install button.
Note: The Set admin account password information column will appear only after the Database system passes the automatic detection.
Step 5: If the installation is successful, the page shown in the figure will appear.
5.3 Mall interface
5.3.1 Front-end interface
5.3.2 Backstage interface
TIP
So far: The installation tutorial ends here, and you can use the system next!
If you have any other questions, please contact [email protected] / QQ:9358972
Chengdu Guangda Network Technology Co., Ltd. All rights reserved