Update microservices-based app guide

Signed-off-by: Sherlock113 <sherlockxu@yunify.com>

content/en/docs/project-user-guide/application/compose-app.md

@@ -17,9 +17,7 @@ This tutorial demonstrates how to create a microservices-based app Bookinfo, whi
 
 ## Create Microservices that Compose an App
 
-1. Log in to the web console of KubeSphere and navigate to **Applications** in **Application Workloads** of your project. In the **Composing App** tab, click **Create Composing Application**.
-
-   ![create-composing-app](/images/docs/project-user-guide/applications/create-a-microservices-based-app/create-composing-app.png)
+1. Log in to the web console of KubeSphere and navigate to **Apps** in **Application Workloads** of your project. On the **Composing Apps** tab, click **Create Composing App**.
 
 2. Set a name for the app (e.g. `bookinfo`) and click **Next**.
 
@@ -27,21 +25,17 @@ This tutorial demonstrates how to create a microservices-based app Bookinfo, whi
 
 4. Set a name for the Service (e.g `productpage`) and click **Next**.
 
-   ![product-page](/images/docs/project-user-guide/applications/create-a-microservices-based-app/product-page.png)
-
    {{< notice note >}}
 
    You can create a Service on the dashboard directly or enable **Edit Mode** in the top right corner to edit the YAML file.
 
    {{</ notice >}} 
 
-5. Click **Add Container Image** under **Container Image** and input `kubesphere/examples-bookinfo-productpage-v1:1.13.0` in the search bar to use the Docker Hub image.
-
-   ![container-image](/images/docs/project-user-guide/applications/create-a-microservices-based-app/container-image.png)
+5. Click **Add Container Image** under **Container Image** and enter `kubesphere/examples-bookinfo-productpage-v1:1.13.0` in the search bar to use the Docker Hub image.
 
    {{< notice note >}}
 
-   You must press **Enter** in your keyboard after you input the image name.
+   You must press **Enter** in your keyboard after you enter the image name.
 
    {{</ notice >}} 
 
@@ -61,9 +55,7 @@ This tutorial demonstrates how to create a microservices-based app Bookinfo, whi
 
 10. When you finish adding microservices, click **Next**.
 
-    ![microservices-done](/images/docs/project-user-guide/applications/create-a-microservices-based-app/microservices-done.png)
-
-11. On the **Internet Access** page, click **Add Route Rule**. In the **Specify Domain** tab, set a domain name for your app (e.g. `demo.bookinfo`) and select `http` in the **Protocol** field. For `Paths`, select the Service `productpage` and port `9080`. Click **OK** to continue.
+11. On the **Internet Access** page, click **Add Route Rule**. On the **Specify Domain** tab, set a domain name for your app (e.g. `demo.bookinfo`) and select `http` in the **Protocol** field. For `Paths`, select the Service `productpage` and port `9080`. Click **OK** to continue.
 
     ![route](/images/docs/project-user-guide/applications/create-a-microservices-based-app/route.png)
 
@@ -77,7 +69,6 @@ The button **Add Route Rule** is not visible if the project gateway is not set.
 
 13. Wait for your app to reach the **Ready** status.
 
-    ![status-active](/images/docs/project-user-guide/applications/create-a-microservices-based-app/status-active.png)
 
 ## Access the App
 
@@ -93,7 +84,7 @@ The button **Add Route Rule** is not visible if the project gateway is not set.
 
    {{</ notice >}} 
 
-2. In **Composing App**, click the app you just created.
+2. In **Composing Apps**, click the app you just created.
 
 3. In **Application Components**, click **Click to visit** to access the app.
 

content/zh/docs/project-user-guide/application/compose-app.md

@@ -19,16 +19,12 @@ weight: 10140
 
 1. 登录 KubeSphere 的 Web 控制台，导航到项目**应用负载**中的**应用**。在**自制应用**选项卡中，点击**构建自制应用**。
 
-   ![create-composing-app](/images/docs/zh-cn/project-user-guide/applications/create-a-microservices-based-app/create-composing-app.png)
-
 2. 设置应用名称（例如 `bookinfo`）并点击**下一步**。
 
 3. 在**服务组件**页面，您需要构建自制应用的微服务。点击**添加服务**，选择**无状态服务**。
 
 4. 设置服务名称（例如 `productpage`）并点击**下一步**。
 
-   ![product-page](/images/docs/zh-cn/project-user-guide/applications/create-a-microservices-based-app/product-page.png)
-
    {{< notice note >}}
 
    您可以直接在面板上创建服务，或者启用右上角的**编辑模式**以编辑 YAML 文件。
@@ -37,8 +33,6 @@ weight: 10140
 
 5. 点击**容器镜像**下的**添加容器镜像**，在搜索栏中输入 `kubesphere/examples-bookinfo-productpage-v1:1.13.0` 以使用 Docker Hub 镜像。
 
-   ![container-image](/images/docs/zh-cn/project-user-guide/applications/create-a-microservices-based-app/container-image.png)
-
    {{< notice note >}}
 
    输入镜像名称之后，必须按下键盘上的**回车**键。
@@ -61,8 +55,6 @@ weight: 10140
 
 10. 添加微服务完成后，点击**下一步**。
 
-    ![microservices-done](/images/docs/zh-cn/project-user-guide/applications/create-a-microservices-based-app/microservices-done.png)
-
 11. 在**外网访问**页面，点击**添加路由规则**。在**指定域名**选项卡中，为您的应用设置域名（例如 `demo.bookinfo`）并在**协议**字段选择 `http`。在`路径`一栏，选择服务 `productpage` 以及端口 `9080`。点击**确定**以继续操作。
 
     ![route](/images/docs/zh-cn/project-user-guide/applications/create-a-microservices-based-app/route.png)
@@ -77,7 +69,6 @@ weight: 10140
 
 13. 等待应用达到**就绪**状态。
 
-    ![status-active](/images/docs/zh-cn/project-user-guide/applications/create-a-microservices-based-app/status-active.png)
 
 ## 访问应用