PagePlug

https://docs.pageplug.cn/
Admin
PagePlug is a low-code development platform based on Appsmith, optimized for Chinese users with...
Tokens:108,133
Snippets:1,700
Trust Score:3.3
Update:5 months ago
Show doc for...
Tokens:
Raw
### Start Development Java Server

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E9%83%A8%E7%BD%B2%E5%AE%89%E8%A3%85/%E6%BA%90%E7%A0%81%E6%9C%AC%E5%9C%B0%E5%8C%96%E9%83%A8%E7%BD%B2-windows%E7%89%88

Starts the development server for the Java backend.

```bash
bash ./scripts/start-dev-server.sh
```

--------------------------------

### Start Frontend Development Server

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E9%83%A8%E7%BD%B2%E5%AE%89%E8%A3%85/%E6%BA%90%E7%A0%81%E6%9C%AC%E5%9C%B0%E5%8C%96%E9%83%A8%E7%BD%B2-windows%E7%89%88

Starts the frontend development server. Warnings during startup can typically be ignored.

```bash
yarn start-win
```

--------------------------------

### Install rsync for Windows

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E9%83%A8%E7%BD%B2%E5%AE%89%E8%A3%85/%E6%BA%90%E7%A0%81%E6%9C%AC%E5%9C%B0%E5%8C%96%E9%83%A8%E7%BD%B2-windows%E7%89%88

Provides a link to download and instructions to install rsync for Windows, which is required by the build.sh script.

```bash
http://mysoft.6h5.cn/win/rsync.64.zip
```

--------------------------------

### Install FastAPI and Uvicorn

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E9%83%A8%E7%BD%B2%E5%AE%89%E8%A3%85/%E9%80%9A%E8%BF%87%E6%9C%AC%E5%9C%B0%E4%B8%BB%E6%9C%BA%E8%BF%9E%E6%8E%A5

Install the necessary Python packages for creating and running a FastAPI web application.

```bash
python3 -m pip install fastapi uvicorn
```

--------------------------------

### Yarn Dependency Installation Steps

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E9%83%A8%E7%BD%B2%E5%AE%89%E8%A3%85/%E6%BA%90%E7%A0%81%E6%9C%AC%E5%9C%B0%E5%8C%96%E9%83%A8%E7%BD%B2-windows%E7%89%88

Shows the typical output steps during Yarn dependency installation. Includes troubleshooting tips for common issues like network problems, 'cross-env' not found, or missing Sentry/Node-Sass packages.

```bash
[1/5] Validating package.json...
[2/5] Resolving packages...
[3/5] Fetching packages...
[4/5] Linking dependencies...
[5/5] Building fresh packages...
```

--------------------------------

### Create Environment File

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E9%83%A8%E7%BD%B2%E5%AE%89%E8%A3%85/%E6%BA%90%E7%A0%81%E6%9C%AC%E5%9C%B0%E5%8C%96%E9%83%A8%E7%BD%B2-windows%E7%89%88

Copies the example environment file to be used for development.

```bash
cp envs/dev.env.example .env
```

--------------------------------

### Verify Docker Installation on Windows

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E9%83%A8%E7%BD%B2%E5%AE%89%E8%A3%85/%E7%A7%81%E6%9C%89%E5%8C%96%E9%83%A8%E7%BD%B2-%E5%90%ABdocker%E5%AE%89%E8%A3%85%E6%95%99%E7%A8%8B

Run this command in CMD to check if Docker is installed and functioning correctly after installation.

```bash
docker version
```

--------------------------------

### Navigating to External URL Example

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/PagePlug%E6%96%B9%E6%B3%95/%E8%B7%B3%E8%BD%ACnavigateTo%28%29

Example showing how to pass data to an external URL using the navigateTo() function. The data will be visible in the new window.

```APIDOC
## Example: Passing data to an external URL

1. Configure a widget action (e.g., Button's onClick) to navigate.
2. Enter the external URL in the navigation field.
3. Provide the data in the **Query Parameters** field.
4. Set the **target** to **NEW_WINDOW**.
5. Click **Submit**. The data will be visible in the new window.
```

--------------------------------

### Async/Await Example

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%BC%96%E5%86%99JS%E5%AF%B9%E8%B1%A1/%E5%BC%82%E6%AD%A5JavaScript

This example demonstrates a typical asynchronous workflow using async and await. It chains multiple asynchronous operations: calling an API, storing a value, and then displaying it.

```javascript
(async function(){
        const response = await MockApi.run({ name: 'PagePlug' });
        await storeValue( "name", response.args.name );
        await showAlert(global.store.name);
    })()
```

--------------------------------

### Basic SQL Pagination Example

Source: https://docs.pageplug.cn/%E6%A1%88%E4%BE%8B%E6%BC%94%E7%A4%BA/%E4%B8%AD%E9%98%B6%E5%AD%A6%E4%B9%A0/%E7%8E%A9%E8%BD%ACtable%E7%BB%84%E4%BB%B6

This SQL query demonstrates a basic pagination approach using LIMIT to skip a certain number of records and return a specified number. It's a foundational example for understanding pagination.

```sql
SELECT * FROM orders LIMIT 10, 10;
```

--------------------------------

### Component Constants Example

Source: https://docs.pageplug.cn/%E5%BC%80%E5%8F%91%E6%96%87%E6%A1%A3/%E7%BB%84%E4%BB%B6%E5%BC%80%E5%8F%91

Example demonstrating how to access and use component constants provided by the PagePlug platform for standard components.

```javascript
{
  "componentConstants": "someConstants"
}
```

--------------------------------

### Install WSL on Windows

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E9%83%A8%E7%BD%B2%E5%AE%89%E8%A3%85/%E7%A7%81%E6%9C%89%E5%8C%96%E9%83%A8%E7%BD%B2-%E5%90%ABdocker%E5%AE%89%E8%A3%85%E6%95%99%E7%A8%8B

Use this command in CMD to install the Windows Subsystem for Linux if you encounter WSL errors during Docker installation. Refer to Microsoft's official documentation for further assistance.

```bash
wsl --install
```

--------------------------------

### Component Utilities Example

Source: https://docs.pageplug.cn/%E5%BC%80%E5%8F%91%E6%96%87%E6%A1%A3/%E7%BB%84%E4%BB%B6%E5%BC%80%E5%8F%91

Example showcasing the utility functions available on the PagePlug platform to assist in widget development.

```javascript
{
  "componentUtilities": "someUtilities"
}
```

--------------------------------

### Start Local Nginx Proxy

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E9%83%A8%E7%BD%B2%E5%AE%89%E8%A3%85/%E6%BA%90%E7%A0%81%E6%9C%AC%E5%9C%B0%E5%8C%96%E9%83%A8%E7%BD%B2-windows%E7%89%88

Starts the Nginx proxy for the frontend. This may pull the Nginx image if not already present and requires port 443 to be available.

```bash
yarn start-proxy
```

--------------------------------

### Install Frontend Dependencies

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E9%83%A8%E7%BD%B2%E5%AE%89%E8%A3%85/%E6%BA%90%E7%A0%81%E6%9C%AC%E5%9C%B0%E5%8C%96%E9%83%A8%E7%BD%B2-windows%E7%89%88

Installs all necessary dependencies for the frontend project using Yarn. May encounter network issues or specific dependency errors that require alternative configurations or linking.

```bash
yarn
```

--------------------------------

### Navigate to Client Directory

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E9%83%A8%E7%BD%B2%E5%AE%89%E8%A3%85/%E6%BA%90%E7%A0%81%E6%9C%AC%E5%9C%B0%E5%8C%96%E9%83%A8%E7%BD%B2-windows%E7%89%88

Use this command to change the current directory to the 'client' folder for frontend setup.

```bash
cd client
```

--------------------------------

### Passing Query Parameters Example

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/PagePlug%E6%96%B9%E6%B3%95/%E8%B7%B3%E8%BD%ACnavigateTo%28%29

Example demonstrating how to pass data from Page1 to Page2 using query parameters with the navigateTo() function. The data can be accessed in Page2 via global.URL.queryParams.

```APIDOC
## Example: Passing data from Page1 to Page2

1. In Page1, configure a **button** component's **onClick** event to navigate.
2. Select **Page2** as the destination.
3. In the **Query Parameters** field, enter the following JSON:
   ```json
   {
     "test": "123"
   }
   ```
4. Click **Submit**. In Page2, the data can be accessed using `global.URL.queryParams.test`.
```

--------------------------------

### Form Widget Blueprint Example

Source: https://docs.pageplug.cn/%E5%BC%80%E5%8F%91%E6%96%87%E6%A1%A3/%E7%BB%84%E4%BB%B6%E5%BC%80%E5%8F%91

Example of a blueprint configuration for a form widget, illustrating the structure for nested CANVAS_WIDGETs and their properties.

```javascript
{
  "view": [
    {
      "type": "CANVAS_WIDGET",
      "size": {"rows": 12,
        "cols": 12
      },
      "position": {"top": 0,
        "left": 0
      },
      "props": {
        "blueprint": {
          "view": [
            {
              "type": "TEXT_WIDGET",
              "size": {"rows": 1,
                "cols": 6
              },
              "position": {"top": 1,
                "left": 1
              },
              "props": {"content": "Form Name"}
            },
            {
              "type": "BUTTON_WIDGET",
              "size": {"rows": 1,
                "cols": 2
              },
              "position": {"top": 1,
                "left": 7
              },
              "props": {"text": "Submit"}
            }
          ]
        }
      }
    }
  ]
}
```

--------------------------------

### Dynamic Data Source Example

Source: https://docs.pageplug.cn/%E5%95%86%E4%B8%9A%E7%89%88%26%E4%BC%81%E4%B8%9A%E7%89%88/%E5%BA%94%E7%94%A8%E5%8A%9F%E8%83%BD%E6%8B%93%E5%B1%95/%E9%AB%98%E7%BA%A7%E7%BB%84%E4%BB%B6%E6%8B%93%E5%B1%95/%E6%A0%87%E7%AD%BE%EF%BC%88AntdTag%EF%BC%89%E7%BB%84%E4%BB%B6

Example of a dynamic data source for tags, formatted as a JSON array. This format is required when binding data dynamically.

```json
[
  "abc",
  "bcd",
  "123"
]
```

--------------------------------

### Install Echarts Library

Source: https://docs.pageplug.cn/%E6%A1%88%E4%BE%8B%E6%BC%94%E7%A4%BA/%E5%88%9D%E9%98%B6%E5%AD%A6%E4%B9%A0/Echart%E4%BD%BF%E7%94%A8%E7%A4%BA%E4%BE%8B

This is the CDN link to install the Echarts library. Include this in your project to use Echarts functionalities.

```javascript
https://cdn.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js
```

--------------------------------

### Check Java Version

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E5%85%B6%E4%BB%96%E8%B5%84%E6%BA%90/%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E8%87%AA%E5%B7%B1%E7%9A%84%E4%BB%AA%E8%A1%A8%E7%9B%98/%E6%BA%90%E7%A0%81%E6%9C%AC%E5%9C%B0%E5%8C%96%E9%83%A8%E7%BD%B2-Mac-%E6%9C%AA%E6%9B%B4%E5%AE%8C

Verify if Java is installed and its version by running this command in the terminal.

```bash
java -version
```

--------------------------------

### Navigate to Docker Compose Directory

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E9%83%A8%E7%BD%B2%E5%AE%89%E8%A3%85/%E7%A7%81%E6%9C%89%E5%8C%96%E9%83%A8%E7%BD%B2-%E5%90%ABdocker%E5%AE%89%E8%A3%85%E6%95%99%E7%A8%8B

Use these commands in CMD to navigate to the directory where you have placed the `docker-compose.yml` file before starting the application deployment.

```bash
D：
cd pa
```

--------------------------------

### Image URLs for Different Formats

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%BB%84%E4%BB%B6%E4%BD%BF%E7%94%A8/%E6%95%B0%E6%8D%AE%E5%B1%95%E7%A4%BA%E7%B1%BB/%E5%9B%BE%E7%89%87%EF%BC%88Image%EF%BC%89%E7%BB%84%E4%BB%B6

Examples of image URLs for various formats supported by the Image component.

```plaintext
https://assets.appsmith.com/widgets/default.png
```

```plaintext
https://jpeg.org/images/jpegsystems-home.jpg
```

```plaintext
https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/5eeea355389655.59822ff824b72.gif
```

```plaintext
https://www.gstatic.com/webp/gallery/4.sm.webp
```

```plaintext
https://assets.codepen.io/3/kiwi.svg
```

--------------------------------

### FastAPI Application Example

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E9%83%A8%E7%BD%B2%E5%AE%89%E8%A3%85/%E9%80%9A%E8%BF%87%E6%9C%AC%E5%9C%B0%E4%B8%BB%E6%9C%BA%E8%BF%9E%E6%8E%A5

A basic FastAPI application that defines a list of game items and exposes them via a root endpoint '/'.

```python
from fastapi import FastAPI

app = FastAPI()

items = [{
       "name": "Counter-Strike",
       "appid": 10,
       "average_playtime": 17612,
       "genres": "Action",
       "price": 7.2
     },
     {
       "name": "Team Fortress classNameic",
       "appid": 20,
       "average_playtime": 277,
       "genres": "Action",
       "price": 3.99
     }]


@app.get("/")
async def root():
   return items
```

--------------------------------

### Define Migration Paths

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%89%88%E6%9C%AC%E8%BF%81%E7%A7%BB%E6%95%99%E7%A8%8B

Set environment variables for the old and new PagePlug installation paths. Ensure these paths are correctly specified for your system.

```bash
old_path=~/pageplug-old
new_path=~/pageplug-new
```

--------------------------------

### Link Local Package for Frontend

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E9%83%A8%E7%BD%B2%E5%AE%89%E8%A3%85/%E6%BA%90%E7%A0%81%E6%9C%AC%E5%9C%B0%E5%8C%96%E9%83%A8%E7%BD%B2-windows%E7%89%88

Commands to link a local package '@shared/ast' to the client project, useful when the package is not found during installation.

```bash
cd shared/ast
yarn run link-package
cd client
yarn link @shared/ast
```

--------------------------------

### Build Java Service

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E9%83%A8%E7%BD%B2%E5%AE%89%E8%A3%85/%E6%BA%90%E7%A0%81%E6%9C%AC%E5%9C%B0%E5%8C%96%E9%83%A8%E7%BD%B2-windows%E7%89%88

Cleans and compiles the Java project. Ensure rsync is installed for the build script.

```bash
mvn clean compile
```

--------------------------------

### Get RangeSlider Start Value

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%BB%84%E4%BB%B6%E4%BD%BF%E7%94%A8/%E6%95%B0%E6%8D%AE%E5%B1%95%E7%A4%BA%E7%B1%BB/%E5%8C%BA%E9%97%B4%E6%BB%91%E5%8A%A8%E6%9D%A1%EF%BC%88RangeSlider%EF%BC%89%E7%BB%84%E4%BB%B6

Retrieves the current start value selected on the RangeSlider component. This property is useful for reading the user's input.

```plaintext
{{RangeSlider1.start}}
```

--------------------------------

### Get RichTextEditor Text Content

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%BB%84%E4%BB%B6%E4%BD%BF%E7%94%A8/%E5%8A%9F%E8%83%BD%E7%B1%BB/%E5%AF%8C%E6%96%87%E6%9C%AC%E7%BC%96%E8%BE%91%E5%99%A8%EF%BC%88RichTextEditor%EF%BC%89%E7%BB%84%E4%BB%B6

Example of how to retrieve the text content entered into the RichTextEditor.

```javascript
{{RichTextEditor1.text}}
```

--------------------------------

### Get RichTextEditor Visibility State

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%BB%84%E4%BB%B6%E4%BD%BF%E7%94%A8/%E5%8A%9F%E8%83%BD%E7%B1%BB/%E5%AF%8C%E6%96%87%E6%9C%AC%E7%BC%96%E8%BE%91%E5%99%A8%EF%BC%88RichTextEditor%EF%BC%89%E7%BB%84%E4%BB%B6

Example of how to retrieve the visibility state (True/False) of the RichTextEditor component.

```javascript
{{RichTextEditor1.isVisible}}
```

--------------------------------

### Get IconButton Visibility State

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%BB%84%E4%BB%B6%E4%BD%BF%E7%94%A8/%E6%8C%89%E9%92%AE%E7%B1%BB/%E5%9B%BE%E6%A0%87%E6%8C%89%E9%92%AE%EF%BC%88IconButton%EF%BC%89%E7%BB%84%E4%BB%B6

This example demonstrates how to retrieve the current visibility state of an IconButton. The 'isVisible' property returns a boolean value.

```javascript
{{IconButton1.isVisible}}
```

--------------------------------

### SQL query with parameter

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E6%A1%86%E6%9E%B6%E5%AD%A6%E4%B9%A0/Query%E5%AF%B9%E8%B1%A1

An example SQL statement that selects users from the 'users' table based on an 'id' parameter passed to the query.

```sql
SELECT * FROM users WHERE id = {{ this.params.id }};

```

--------------------------------

### Verify Docker Installation on Mac

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E9%83%A8%E7%BD%B2%E5%AE%89%E8%A3%85/%E7%A7%81%E6%9C%89%E5%8C%96%E9%83%A8%E7%BD%B2-%E5%90%ABdocker%E5%AE%89%E8%A3%85%E6%95%99%E7%A8%8B

After installing Docker Desktop for Mac, use this command in the terminal to check the installed Docker version.

```bash
docker --version
```

--------------------------------

### Fetch Users API Example (cURL)

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E5%85%B6%E4%BB%96%E8%B5%84%E6%BA%90/%E8%BF%9E%E6%8E%A5%E5%88%B0%E6%95%B0%E6%8D%AE%E6%BA%90/%E8%BF%9E%E6%8E%A5%E5%88%B0%E6%95%B0%E6%8D%AE%E6%BA%90

Use this cURL command to fetch user data from the sample API. Ensure you are using the correct URL.

```bash
curl --location --request GET 'https://mock-api.appsmith.com/users?page=1'
```

--------------------------------

### Configure Host File for Local Development

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E9%83%A8%E7%BD%B2%E5%AE%89%E8%A3%85/%E6%BA%90%E7%A0%81%E6%9C%AC%E5%9C%B0%E5%8C%96%E9%83%A8%E7%BD%B2-windows%E7%89%88

Instructions to map 'dev.appsmith.com' to '127.0.0.1' in the Windows hosts file for accessing the local development environment.

```bash
127.0.0.1 dev.appsmith.com
```

--------------------------------

### HTML Input Example

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%BB%84%E4%BB%B6%E4%BD%BF%E7%94%A8/%E5%8A%9F%E8%83%BD%E7%B1%BB/%E5%AF%8C%E6%96%87%E6%9C%AC%E7%BC%96%E8%BE%91%E5%99%A8%EF%BC%88RichTextEditor%EF%BC%89%E7%BB%84%E4%BB%B6

Example of default value input in HTML format for the RichTextEditor.

```html
<h2>Product Features:</h2>
<ul>
  <li>High-resolution display</li>
  <li>Multiple color options</li>
  <li>Waterproof design</li>
  <li>Advanced security features</li>
</ul>

<p>For more information, please <a href="https://docs.pageplug.cn">visit our website</a>.</p>
```

--------------------------------

### Markdown Input Example

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%BB%84%E4%BB%B6%E4%BD%BF%E7%94%A8/%E5%8A%9F%E8%83%BD%E7%B1%BB/%E5%AF%8C%E6%96%87%E6%9C%AC%E7%BC%96%E8%BE%91%E5%99%A8%EF%BC%88RichTextEditor%EF%BC%89%E7%BB%84%E4%BB%B6

Example of default value input in Markdown format for the RichTextEditor.

```markdown
### Markdown
- Bullet point 1
- Bullet point 2
- **Bold text**
- *Italic text*
```

--------------------------------

### Configure Java Environment Variables

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E5%85%B6%E4%BB%96%E8%B5%84%E6%BA%90/%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E8%87%AA%E5%B7%B1%E7%9A%84%E4%BB%AA%E8%A1%A8%E7%9B%98/%E6%BA%90%E7%A0%81%E6%9C%AC%E5%9C%B0%E5%8C%96%E9%83%A8%E7%BD%B2-Mac-%E6%9C%AA%E6%9B%B4%E5%AE%8C

Add these lines to your /etc/profile file to set the JAVA_HOME, CLASSPATH, and PATH environment variables. Ensure the JDK path is correct for your installation.

```bash
JAVA_HOME="/Library/Java/JavaVirtualMachines/jdk-11.jdk/Contents/Home"
export JAVA_HOME
className_PATH="$JAVA_HOME/lib"
PATH=".$PATH:$JAVA_HOME/bin"

```

```bash
JAVA_HOME="/Library/Java/JavaVirtualMachines/jdk-11.jdk/Contents/Home"
export JAVA_HOME
className_PATH="$JAVA_HOME/lib"
PATH=".$PATH:$JAVA_HOME/bin"

```

--------------------------------

### Generate Widget Folder Structure

Source: https://docs.pageplug.cn/%E5%BC%80%E5%8F%91%E6%96%87%E6%A1%A3/%E7%BB%84%E4%BB%B6%E5%BC%80%E5%8F%91

Use this CLI command to scaffold the necessary directory structure for a new widget. Navigate to the app/client directory before running.

```bash
cd app/client && yarn generate:widget
```

--------------------------------

### Import Database to New Instance

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%89%88%E6%9C%AC%E8%BF%81%E7%A7%BB%E6%95%99%E7%A8%8B

Import the database from the archive file into the new PagePlug instance using the appsmithctl command. You will be prompted to confirm the data overwrite.

```bash
docker-compose exec appsmith appsmithctl import_db
```

--------------------------------

### 重启 PagePlug 容器

Source: https://docs.pageplug.cn/%E6%95%85%E9%9A%9C%E6%8E%92%E9%99%A4/%E9%83%A8%E7%BD%B2%E9%94%99%E8%AF%AF

在修改 `docker.env` 文件后，使用此命令重新创建并启动 PagePlug 内部服务器容器。

```bash
sudo docker-compose up -d --force-recreate appsmith-internal-server
```

--------------------------------

### Set Up New PagePlug Deployment

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%89%88%E6%9C%AC%E8%BF%81%E7%A7%BB%E6%95%99%E7%A8%8B

Download the latest docker-compose.yml file for the new PagePlug deployment and start the services in detached mode. Ensure you are in the new PagePlug directory.

```bash
cd "$new_path"
curl -L https://bit.ly/32jBNin -o docker-compose.yml
docker-compose up -d
```

--------------------------------

### Encoded SVG Data URI Examples

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%BB%84%E4%BB%B6%E4%BD%BF%E7%94%A8/%E6%95%B0%E6%8D%AE%E5%B1%95%E7%A4%BA%E7%B1%BB/%E5%9B%BE%E7%89%87%EF%BC%88Image%EF%BC%89%E7%BB%84%E4%BB%B6

Examples of SVG images embedded directly within a data URI, useful for inline SVG display.

```plaintext
data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='50' cx='50' cy='50' fill='tomato'/%3E%3Ccircle r='41' cx='47' cy='50' fill='orange'/%3E%3Ccircle r='33' cx='48' cy='53' fill='gold'/%3E%3Ccircle r='25' cx='49' cy='51' fill='yellowgreen'/%3E%3Ccircle r='17' cx='52' cy='50' fill='lightseagreen'/%3E%3Ccircle r='9' cx='55' cy='48' fill='teal'/%3E%3C/svg%3E
```

```plaintext
data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Ccircle cx='50' cy='50' r='40' stroke='green' stroke-width='4' fill='yellow' /%3E%3C/svg%3E
```

--------------------------------

### Build Java Service with Build Script

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E9%83%A8%E7%BD%B2%E5%AE%89%E8%A3%85/%E6%BA%90%E7%A0%81%E6%9C%AC%E5%9C%B0%E5%8C%96%E9%83%A8%E7%BD%B2-windows%E7%89%88

Executes the build script to build the Java service, skipping tests.

```bash
bash ./build.sh -DskipTests
```

--------------------------------

### 配置Java环境变量 - Path

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E9%83%A8%E7%BD%B2%E5%AE%89%E8%A3%85/%E6%BA%90%E7%A0%81%E6%9C%AC%E5%9C%B0%E5%8C%96%E9%83%A8%E7%BD%B2-windows%E7%89%88

将JDK的bin目录添加到系统Path环境变量中，以便在命令行中执行Java命令。

```shell
%JAVA_HOME%\bin
```

--------------------------------

### Example SQL for Data Insertion

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E5%85%B6%E4%BB%96%E8%B5%84%E6%BA%90/%E8%8E%B7%E5%8F%96%E6%95%B0%E6%8D%AE/%E6%8D%95%E8%8E%B7%E6%95%B0%E6%8D%AE

Use this SQL query to insert captured user data into a database table. It references widget properties like 'text' and 'selectedOptionValue', and uses moment.js for date formatting.

```sql
INSERT INTO users ("name", "createdAt", "gender")  
  VALUES ({{nameInput.text}}, {{moment().format("YYYY-MM-DD")}},  
  {{genderDropdown.selectedOptionValue}});  

```

--------------------------------

### Regex Example for Multiples of 5

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%BB%84%E4%BB%B6%E4%BD%BF%E7%94%A8/%E8%BE%93%E5%85%A5%E5%99%A8%E7%BB%84%E4%BB%B6/%E8%B4%A7%E5%B8%81%E8%BE%93%E5%85%A5%E6%A1%86%EF%BC%88CurrencyInput%EF%BC%89%E7%BB%84%E4%BB%B6

Use the Regex or regular expression property to set specific constraints on user input. This example enforces input that is a multiple of 5.

```regex
.*[05]$
```

--------------------------------

### JWT Payload Structure Example

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E5%85%B6%E4%BB%96%E8%B5%84%E6%BA%90/JSON-Web%E4%BB%A4%E7%89%8CJWT

The JWT payload contains claims, which are statements about an entity (typically, the user) and additional metadata. This example shows common registered claims.

```json
{
  
  "sub": "SSOProvider",
  
  "email_verified": true,
  
  "updated_at": 1646310160264  
  
}
```

--------------------------------

### 配置Maven环境变量 - Path

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E9%83%A8%E7%BD%B2%E5%AE%89%E8%A3%85/%E6%BA%90%E7%A0%81%E6%9C%AC%E5%9C%B0%E5%8C%96%E9%83%A8%E7%BD%B2-windows%E7%89%88

将Maven的bin目录添加到系统Path环境变量中，以便在命令行中执行Maven命令。

```shell
%MAVEN_HOME%\bin
```

--------------------------------

### JavaScript Example for Required Field

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%BB%84%E4%BB%B6%E4%BD%BF%E7%94%A8/%E8%BE%93%E5%85%A5%E5%99%A8%E7%BB%84%E4%BB%B6/%E8%B4%A7%E5%B8%81%E8%BE%93%E5%85%A5%E6%A1%86%EF%BC%88CurrencyInput%EF%BC%89%E7%BB%84%E4%BB%B6

When the Required property is enabled, a value must be entered in the input field. This example links the required property to a checkbox's checked state.

```javascript
{{Checkbox1.isChecked}}
```

--------------------------------

### Navigate to Server Directory

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E9%83%A8%E7%BD%B2%E5%AE%89%E8%A3%85/%E6%BA%90%E7%A0%81%E6%9C%AC%E5%9C%B0%E5%8C%96%E9%83%A8%E7%BD%B2-windows%E7%89%88

Use this command to change the current directory to the 'server' folder.

```bash
cd server
```

--------------------------------

### 拉取远程master分支最新代码

Source: https://docs.pageplug.cn/%E4%BB%8B%E7%BB%8D/%E5%8A%A0%E5%85%A5%E6%88%91%E4%BB%AC/%E6%8F%90%E4%BA%A4pull-request

将远程仓库（origin1）的最新代码合并到本地的master分支。

```bash
git pull origin master  

```

--------------------------------

### Minimal Custom Component Implementation

Source: https://docs.pageplug.cn/%E5%95%86%E4%B8%9A%E7%89%88%26%E4%BC%81%E4%B8%9A%E7%89%88/%E5%BA%94%E7%94%A8%E5%8A%9F%E8%83%BD%E6%8B%93%E5%B1%95/%E9%AB%98%E7%BA%A7%E7%BB%84%E4%BB%B6%E6%8B%93%E5%B1%95/%E8%87%AA%E5%AE%9A%E4%B9%89%E7%BB%84%E5%8A%9F%E8%83%BD%E4%BD%BF%E7%94%A8

A basic example of a functional custom component using React and the PP global object. It renders 'Hello World' and is connected to the application via PP.connect and ReactDOM.render.

```javascript
<div id="react"></div>
<script type="text/babel">
  const MyCustomComponent = ({ runQuery, model, updateModel }) => <p>Hello World</p>;
  const ConnectedComponent = PP.connect(MyCustomComponent);
  ReactDOM.render(<ConnectedComponent />, document.getElementById("react"));
</script>

```

--------------------------------

### totalRecordsCount

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%BB%84%E4%BB%B6%E4%BD%BF%E7%94%A8/%E6%95%B0%E6%8D%AE%E5%B1%95%E7%A4%BA%E7%B1%BB/%E8%A1%A8%E6%A0%BC%EF%BC%88Table%EF%BC%89%E7%BB%84%E4%BB%B6

Gets the total number of records in the current table.

```APIDOC
## totalRecordsCount

### Description
Gets the total number of records in the current table.

### Property
`Table1.totalRecordsCount`
```

--------------------------------

### Navigate to App Directory

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E9%83%A8%E7%BD%B2%E5%AE%89%E8%A3%85/%E6%BA%90%E7%A0%81%E6%9C%AC%E5%9C%B0%E5%8C%96%E9%83%A8%E7%BD%B2-windows%E7%89%88

Use this command to change the current directory to the 'app' folder.

```bash
cd app
```

--------------------------------

### triggeredRowIndex

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%BB%84%E4%BB%B6%E4%BD%BF%E7%94%A8/%E6%95%B0%E6%8D%AE%E5%B1%95%E7%A4%BA%E7%B1%BB/%E8%A1%A8%E6%A0%BC%EF%BC%88Table%EF%BC%89%E7%BB%84%E4%BB%B6

Gets the index of the row that was triggered after an update. Defaults to -1.

```APIDOC
## triggeredRowIndex

### Description
Gets the index of the row that was triggered after an update. Defaults to -1.

### Property
`Table1.triggeredRowIndex`
```

--------------------------------

### newRow

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%BB%84%E4%BB%B6%E4%BD%BF%E7%94%A8/%E6%95%B0%E6%8D%AE%E5%B1%95%E7%A4%BA%E7%B1%BB/%E8%A1%A8%E6%A0%BC%EF%BC%88Table%EF%BC%89%E7%BB%84%E4%BB%B6

Gets the data entered by the user when adding a new row.

```APIDOC
## newRow

### Description
Gets the data entered by the user when adding a new row.

### Property
`Table1.newRow`
```

--------------------------------

### Create Restore Directory for Database

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%89%88%E6%9C%AC%E8%BF%81%E7%A7%BB%E6%95%99%E7%A8%8B

Create a directory within the new PagePlug instance's data volume to prepare for importing the database backup. This ensures the backup file is placed correctly.

```bash
mkdir -pv "$new_path"/stacks/data/restore
```

--------------------------------

### Async/Await for Asynchronous Workflows

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E5%85%B6%E4%BB%96%E8%B5%84%E6%BA%90/%E7%BC%96%E5%86%99%E4%BB%A3%E7%A0%81/Promise

Demonstrates using `async` and `await` keywords to write asynchronous code in a more concise and synchronous-like style. Ensures functions return Promises and waits for them to resolve.

```javascript
(async function(){
    const response = await MockApi.run({ name: 'Appsmith' });
    await storeValue( "name", response.args.name );
    await showAlert(appsmith.store.name);
    })()

```

--------------------------------

### Run MongoDB with Replica Set Configuration

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E9%83%A8%E7%BD%B2%E5%AE%89%E8%A3%85/mongo%E5%89%AF%E6%9C%AC%E9%9B%86%E9%85%8D%E7%BD%AE

Starts a MongoDB container with replica set enabled. Adjust the host port (e.g., 27022) if the default 27017 is in use. The replica set name 'my-replica-set' can be customized.

```bash
docker run --name mongo-dev -p 27022:27017 -d mongo:6.0-rc --replSet my-replica-set
```

--------------------------------

### updatedRowIndices

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%BB%84%E4%BB%B6%E4%BD%BF%E7%94%A8/%E6%95%B0%E6%8D%AE%E5%B1%95%E7%A4%BA%E7%B1%BB/%E8%A1%A8%E6%A0%BC%EF%BC%88Table%EF%BC%89%E7%BB%84%E4%BB%B6

Gets an array of indices for rows that were updated. Defaults to an empty array.

```APIDOC
## updatedRowIndices

### Description
Gets an array of indices for rows that were updated after an update. Defaults to an empty array `[]`.

### Property
`Table1.updatedRowIndices`
```

--------------------------------

### updatedRow

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%BB%84%E4%BB%B6%E4%BD%BF%E7%94%A8/%E6%95%B0%E6%8D%AE%E5%B1%95%E7%A4%BA%E7%B1%BB/%E8%A1%A8%E6%A0%BC%EF%BC%88Table%EF%BC%89%E7%BB%84%E4%BB%B6

Gets the data information of the most recently updated row in the table component.

```APIDOC
## updatedRow

### Description
Gets the data information of the most recently updated row in the table component.

### Property
`Table1.updatedRow`
```

--------------------------------

### 配置环境变量

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E5%B0%8F%E7%A8%8B%E5%BA%8F%E7%9B%B8%E5%85%B3

配置 Java 和 Taro 的环境变量。Java 环境变量用于获取小程序的 key 和密钥，Taro 环境变量用于配置 PagePlug 后端接口地址和默认应用 ID。

```bash
# 1.Java 环境变量（小程序的key和密钥）  
CLOUDOS_WECHAT_APPID  
CLOUDOS_WECHAT_SECRET  
  
# 2.Taro 环境变量  
打开 taro/config/index.js 配置参数(开发配置是 dev.js)  
  
// PagePlug 后端接口地址  
API_BASE_URL: '"http://192.168.xxx.xxx:8080/api/"'  
  
// 小程序默认展示的应用ID  
DEFAULT_APP: '"应用ID"'  
```

--------------------------------

### Serve HTML with npx http-server

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E5%B5%8C%E5%85%A5%E5%88%B0%E7%BD%91%E7%AB%99HTML

An alternative method to serve HTML files using the 'http-server' package via npx. Ensure Node.js is installed.

```bash
npx http-server

```

--------------------------------

### filteredTableData

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%BB%84%E4%BB%B6%E4%BD%BF%E7%94%A8/%E6%95%B0%E6%8D%AE%E5%B1%95%E7%A4%BA%E7%B1%BB/%E8%A1%A8%E6%A0%BC%EF%BC%88Table%EF%BC%89%E7%BB%84%E4%BB%B6

Gets the data currently displayed in the table after filtering, sorting, or searching.

```APIDOC
## filteredTableData

### Description
Gets the data currently displayed in the table after the component has been filtered, sorted, or searched.

### Property
`Table1.filteredTableData`
```

--------------------------------

### Get Button Text

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%BB%84%E4%BB%B6%E4%BD%BF%E7%94%A8/%E6%8C%89%E9%92%AE%E7%B1%BB/%E6%8C%89%E9%92%AE%EF%BC%88Button%EF%BC%89%E7%BB%84%E4%BB%B6

Retrieves the current label text of the button component.

```html
{{Button1.text}}
```

--------------------------------

### tableHeaders

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%BB%84%E4%BB%B6%E4%BD%BF%E7%94%A8/%E6%95%B0%E6%8D%AE%E5%B1%95%E7%A4%BA%E7%B1%BB/%E8%A1%A8%E6%A0%BC%EF%BC%88Table%EF%BC%89%E7%BB%84%E4%BB%B6

Gets the current header information of the table, including ID, label, and visibility.

```APIDOC
## tableHeaders

### Description
Gets the current header information of the table component, including the ID, label, and visibility status for each header.

### Property
`Table1.tableHeaders`

### Example
// To get the current header information:
`{
  {
    Table1.tableHeaders;
  }
}
`

// To get a specific value from the header data array:
`{
  {
    Table1.tableHeaders[0].label;
  }
}`
```

--------------------------------

### Create New Configuration Directory

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%89%88%E6%9C%AC%E8%BF%81%E7%A7%BB%E6%95%99%E7%A8%8B

Create the necessary directory structure for the new PagePlug instance's configuration files. This ensures proper organization for environment variables.

```bash
mkdir -pv "$new_path"/stacks/configuration
```

--------------------------------

### selectedRowIndices

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%BB%84%E4%BB%B6%E4%BD%BF%E7%94%A8/%E6%95%B0%E6%8D%AE%E5%B1%95%E7%A4%BA%E7%B1%BB/%E8%A1%A8%E6%A0%BC%EF%BC%88Table%EF%BC%89%E7%BB%84%E4%BB%B6

Gets the indices of multiple selected rows. Requires enabling the multi-select feature.

```APIDOC
## selectedRowIndices

### Description
Gets the indices of multiple selected rows. This requires enabling the multi-select feature.

### Property
`Table1.selectedRowIndices`
```

--------------------------------

### selectedRowIndex

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%BB%84%E4%BB%B6%E4%BD%BF%E7%94%A8/%E6%95%B0%E6%8D%AE%E5%B1%95%E7%A4%BA%E7%B1%BB/%E8%A1%A8%E6%A0%BC%EF%BC%88Table%EF%BC%89%E7%BB%84%E4%BB%B6

Gets the index of the currently selected row. Not applicable when multiple rows are selected.

```APIDOC
## selectedRowIndex

### Description
Gets the index of the currently selected row. This property is not applicable when multiple rows are selected.

### Property
`Table1.selectedRowIndex`
```

--------------------------------

### 测试JDK安装

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E9%83%A8%E7%BD%B2%E5%AE%89%E8%A3%85/%E6%BA%90%E7%A0%81%E6%9C%AC%E5%9C%B0%E5%8C%96%E9%83%A8%E7%BD%B2-windows%E7%89%88

通过在命令行输入'java'或'javac'来验证JDK是否成功安装并配置了环境变量。

```shell
java
```

```shell
javac
```

--------------------------------

### Getting Selected Option Value

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%BB%84%E4%BB%B6%E4%BD%BF%E7%94%A8/%E9%80%89%E6%8B%A9%E5%99%A8%E7%BB%84%E4%BB%B6/%E5%8D%95%E9%80%89%E7%BB%84%EF%BC%88RadioGroup%EF%BC%89%E7%BB%84%E4%BB%B6

Retrieves the value of the currently selected option in the RadioGroup.

```javascript
{
  {
    RadioGroup1.selectedOptionValue;
  }
}
```

--------------------------------

### Get Upload Button Validity State

Source: https://docs.pageplug.cn/%E5%95%86%E4%B8%9A%E7%89%88%26%E4%BC%81%E4%B8%9A%E7%89%88/%E5%BA%94%E7%94%A8%E5%8A%9F%E8%83%BD%E6%8B%93%E5%B1%95/%E9%AB%98%E7%BA%A7%E7%BB%84%E4%BB%B6%E6%8B%93%E5%B1%95/%E4%B8%8A%E4%BC%A0%E6%8C%89%E9%92%AE%EF%BC%88AntdUploadButton%EF%BC%89%E7%BB%84%E4%BB%B6

Retrieves the validity state of the AntdUploadButton component.

```javascript
{{AntdUploadButton1.isValid}}
```

--------------------------------

### Get Upload Button Visibility State

Source: https://docs.pageplug.cn/%E5%95%86%E4%B8%9A%E7%89%88%26%E4%BC%81%E4%B8%9A%E7%89%88/%E5%BA%94%E7%94%A8%E5%8A%9F%E8%83%BD%E6%8B%93%E5%B1%95/%E9%AB%98%E7%BA%A7%E7%BB%84%E4%BB%B6%E6%8B%93%E5%B1%95/%E4%B8%8A%E4%BC%A0%E6%8C%89%E9%92%AE%EF%BC%88AntdUploadButton%EF%BC%89%E7%BB%84%E4%BB%B6

Retrieves the visibility state of the AntdUploadButton component.

```javascript
{{AntdUploadButton1.isVisible}}
```

--------------------------------

### Get Upload Button Disabled State

Source: https://docs.pageplug.cn/%E5%95%86%E4%B8%9A%E7%89%88%26%E4%BC%81%E4%B8%9A%E7%89%88/%E5%BA%94%E7%94%A8%E5%8A%9F%E8%83%BD%E6%8B%93%E5%B1%95/%E9%AB%98%E7%BA%A7%E7%BB%84%E4%BB%B6%E6%8B%93%E5%B1%95/%E4%B8%8A%E4%BC%A0%E6%8C%89%E9%92%AE%EF%BC%88AntdUploadButton%EF%BC%89%E7%BB%84%E4%BB%B6

Retrieves the disabled state of the AntdUploadButton component.

```javascript
{{AntdUploadButton1.isDisabled}}
```

--------------------------------

### Copy Database Archive to New Instance

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%89%88%E6%9C%AC%E8%BF%81%E7%A7%BB%E6%95%99%E7%A8%8B

Copy the previously created database archive file from the old instance's backup location to the restore directory in the new instance.

```bash
cp "$old_path"/data/mongo/db/backup/appsmith-data.archive "$new_path"/stacks/data/restore/
```

--------------------------------

### 下载NVM-Windows安装程序

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E9%83%A8%E7%BD%B2%E5%AE%89%E8%A3%85/%E6%BA%90%E7%A0%81%E6%9C%AC%E5%9C%B0%E5%8C%96%E9%83%A8%E7%BD%B2-windows%E7%89%88

直接下载NVM-Windows的安装程序。

```url
https://github.com/coreybutler/nvm-windows/releases/download/1.1.10/nvm-setup.exe
```

--------------------------------

### searchText

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%BB%84%E4%BB%B6%E4%BD%BF%E7%94%A8/%E6%95%B0%E6%8D%AE%E5%B1%95%E7%A4%BA%E7%B1%BB/%E8%A1%A8%E6%A0%BC%EF%BC%88Table%EF%BC%89%E7%BB%84%E4%BB%B6

Gets the text currently entered by the user in the table component's search bar.

```APIDOC
## searchText

### Description
Gets the text currently entered by the user in the table component's search bar.

### Property
`Table1.searchText`
```

--------------------------------

### 克隆Fork的项目

Source: https://docs.pageplug.cn/%E4%BB%8B%E7%BB%8D/%E5%8A%A0%E5%85%A5%E6%88%91%E4%BB%AC/%E6%8F%90%E4%BA%A4pull-request

将你Fork到自己GitHub账号下的项目克隆到本地进行开发。

```bash
git clone https://github.com/zsf1482451437/pageplug.git  

```

--------------------------------

### Get Triggered Row Index

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%BB%84%E4%BB%B6%E4%BD%BF%E7%94%A8/%E6%95%B0%E6%8D%AE%E5%B1%95%E7%A4%BA%E7%B1%BB/%E8%A1%A8%E6%A0%BC%EF%BC%88Table%EF%BC%89%E7%BB%84%E4%BB%B6

Retrieves the index of the row that was triggered after an update. Defaults to -1.

```javascript
{
  {
    Table1.triggeredRowIndex;
  }
}
```

--------------------------------

### Get Updated Row Data

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%BB%84%E4%BB%B6%E4%BD%BF%E7%94%A8/%E6%95%B0%E6%8D%AE%E5%B1%95%E7%A4%BA%E7%B1%BB/%E8%A1%A8%E6%A0%BC%EF%BC%88Table%EF%BC%89%E7%BB%84%E4%BB%B6

Retrieves the data of the most recently updated row in the table component.

```javascript
{
  {
    Table1.updatedRow;
  }
}
```

--------------------------------

### 切换到源码目录

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E9%83%A8%E7%BD%B2%E5%AE%89%E8%A3%85/%E6%BA%90%E7%A0%81%E6%9C%AC%E5%9C%B0%E5%8C%96%E9%83%A8%E7%BD%B2-windows%E7%89%88

在Git Bash中，使用cd命令切换到本地源码存放的目录。

```shell
cd d:
```

```shell
cd work
```

--------------------------------

### Get Total Records Count

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%BB%84%E4%BB%B6%E4%BD%BF%E7%94%A8/%E6%95%B0%E6%8D%AE%E5%B1%95%E7%A4%BA%E7%B1%BB/%E8%A1%A8%E6%A0%BC%EF%BC%88Table%EF%BC%89%E7%BB%84%E4%BB%B6

Retrieves the total number of records in the current table data.

```javascript
{
  {
    Table1.totalRecordsCount;
  }
}
```

--------------------------------

### 使用console.log打印API响应

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%BC%96%E5%86%99JS%E5%AF%B9%E8%B1%A1/%E7%BC%96%E5%86%99JS%E5%AF%B9%E8%B1%A1

异步函数，调用'get_users' API并将其响应打印到控制台。

```javascript
export default {
    getUser: async () => {
   const res = await get_users.run();
   console.log(res);
    }
}
```

--------------------------------

### Get New Row Data

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%BB%84%E4%BB%B6%E4%BD%BF%E7%94%A8/%E6%95%B0%E6%8D%AE%E5%B1%95%E7%A4%BA%E7%B1%BB/%E8%A1%A8%E6%A0%BC%EF%BC%88Table%EF%BC%89%E7%BB%84%E4%BB%B6

Retrieves the data entered by the user when adding a new row.

```javascript
{
  {
    Table1.newRow;
  }
}
```

--------------------------------

### Set IconButton Visibility with Promise Handling

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%BB%84%E4%BB%B6%E4%BD%BF%E7%94%A8/%E6%8C%89%E9%92%AE%E7%B1%BB/%E5%9B%BE%E6%A0%87%E6%8C%89%E9%92%AE%EF%BC%88IconButton%EF%BC%89%E7%BB%84%E4%BB%B6

This example shows how to set the visibility of an IconButton and ensure subsequent code executes only after the visibility change is complete, using the .then() method of the returned Promise.

```javascript
IconButton1.setVisibility(true).then(() => {
  
})
```

--------------------------------

### 修改 MongoDB URI 以解决身份验证问题

Source: https://docs.pageplug.cn/%E6%95%85%E9%9A%9C%E6%8E%92%E9%99%A4/%E9%83%A8%E7%BD%B2%E9%94%99%E8%AF%AF

在 `docker.env` 文件中，向 `APPSMITH_MONGODB_URI` 添加 `&authSource=admin` 以解决 `MongoCommandException`。

```env
# Old config  
APPSMITH_MONGODB_URI=mongodb://<your_username>:<your_password>@mongo/appsmith?retryWrites=true
```

```env
# New config  
APPSMITH_MONGODB_URI=mongodb://<your_username>:<your_password>@mongo/appsmith?retryWrites=true&authSource=admin
```

--------------------------------

### 定义异步函数 (async/await)

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%BC%96%E5%86%99JS%E5%AF%B9%E8%B1%A1/%E5%BC%82%E6%AD%A5JavaScript%E5%87%BD%E6%95%B0%E8%AE%BE%E7%BD%AE

使用 `async` 关键字标记函数以实现异步执行。适用于需要处理 Promise 或 `async/await` 逻辑的场景。

```javascript
export default{
    functionName: async() => {
       //use async-await or promises
    }
}
```

--------------------------------

### updatedRows

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%BB%84%E4%BB%B6%E4%BD%BF%E7%94%A8/%E6%95%B0%E6%8D%AE%E5%B1%95%E7%A4%BA%E7%B1%BB/%E8%A1%A8%E6%A0%BC%EF%BC%88Table%EF%BC%89%E7%BB%84%E4%BB%B6

Gets more detailed information about the most recently updated rows, including index, gender, and updated fields.

```APIDOC
## updatedRows

### Description
Gets more detailed information about the most recently updated rows, including index, gender, and updated fields.

### Property
`Table1.updatedRows`
```

--------------------------------

### pageSize

Source: https://docs.pageplug.cn/%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3/%E7%BB%84%E4%BB%B6%E4%BD%BF%E7%94%A8/%E6%95%B0%E6%8D%AE%E5%B1%95%E7%A4%BA%E7%B1%BB/%E8%A1%A8%E6%A0%BC%EF%BC%88Table%EF%BC%89%E7%BB%84%E4%BB%B6

Gets the number of rows in the current table component, which can change with table height and row height.

```APIDOC
## pageSize

### Description
Gets the number of rows in the current table component. This value changes dynamically with the table's height and row height.

### Property
`Table1.pageSize`
```
Tokens:
Raw