建立視覺應用程式

視覺化應用程式是您用來開發 Web 和行動應用程式的資源集合。視覺化應用程式包含 JSON 檔案中的描述資料，此描述資料來源和商業物件，並且包含 Web 和行動應用程式的 HTML 和 JavaScript 檔案。

若要建立視覺化應用程式：

1. 在視覺應用程式首頁中，按一下新建。
   
   
   Homepage create-visualapps.png 圖解描述
   
2. 在建立應用程式對話方塊中，輸入應用程式名稱。

   「應用程式 ID」欄位會根據您提供的應用程式名稱自動填入。您可以視需要修改「應用程式 ID」，但「應用程式 ID」在您的識別網域中必須是唯一的。

3. 按一下變更樣板以選取應用程式樣板，或不變更空應用程式的預設選擇。按一下完成。

   空白應用程式樣板不會建立任何物件、應用程式或其他資源。其他樣板也可以建立已包括使用者自建物件的資源或應用程式。

   
   Vb-cec-new-visual-app.png 圖解描述

您的新視覺化應用程式會在建立時自動開啟，並顯示歡迎畫面。您的新應用程式不包含任何物件，但精靈預設會為您建立應用程式的檔案結構以及部分資源與檔案。您可以使用「歡迎使用」畫面來協助您決定要先建立哪些人工因素。按一下「歡迎使用」畫面中的任何磚，以在導覽器中開啟可供您建立和管理物件的面板。您可以新增多個行動和 Web 應用程式，而所有應用程式都可以存取您在視覺化應用程式中顯示的資料來源。

建立新的行動應用程式

視覺化應用程式中的每個行動應用程式都是獨立的，但這些應用程式都可以使用視覺化應用程式中定義的資料來源。

若要在視覺化應用程式中建立新的行動應用程式：

1. 按一下導覽器中的行動應用程式，以開啟「行動應用程式」窗格。
   您視覺化應用程式中每個行動應用程式的結構表示法，會顯示在「行動應用程式」窗格中。
   
   Mobileapp-appnav.png 圖解描述
   

   如果尚未建立任何行動應用程式，您將會在窗格中看到訊息，以及按一下+行動應用程式按鈕，即可開啟「建立行動應用程式」精靈。

2. 按一下導覽器中的建立行動應用程式 ()。
   在「建立行動應用程式」精靈的「一般資訊」頁面中，指定您即將建立之行動應用程式的應用程式名稱。您也可以選擇三種導覽樣式。預設會設定含有三個導覽項目的「水平」導覽樣式。您也可以使用垂直導覽樣式來建立含有導覽抽屜面板的根頁面，包括有大頭貼的標頭、中間的導覽項目，以及含有應用程式名稱的頁尾。系統會替每個導覽項目產生一個包含起始頁面的頁面流程。如果您稍後要設定行動應用程式的導覽項目，請選取無。如果您選取無，系統會為行動應用程式產生一個頁面流程。
   mob-appnav-createdialog.png
   圖解描述
   
3. 按一下下一步。
   就會顯示「建立行動應用程式」精靈的「頁面範本–主要」頁面。
4. 選取自訂，然後按一下建立。

建立新的 Web 應用程式

視覺化應用程式中的每個 Web 應用程式都是獨立的，但可以使用視覺化應用程式中定義的資料來源。

建立新的 Web 應用程式：

1. 按一下導覽器中的 Web 應用程式，開啟「Web 應用程式」窗格。

   視覺化應用程式中每個 Web 應用程式的結構表示法會顯示在「Web 應用程式」窗格中。

   
   
   Webapp-no-apps.png 圖解描述
   

   如果尚未建立任何 Web 應用程式，您將會在窗格中看到訊息，以及按一下+ Web 應用程式按鈕，即可開啟「建立 Web 應用程式」對話方塊。

2. 按一下「Web 應用程式」窗格中的建立 Web 應用程式 ()。

   「建立 Web 應用程式」對話方塊包含應用程式名稱欄位，您可在此輸入新 Web 應用程式的名稱和應用程式導覽樣式的選項。

   
   

   
   Webapp-appnav-createdialog.png 圖解描述

   
   
3. 在對話方塊中輸入新應用程式的名稱。
   您所輸入的名稱會作為「瀏覽」之「Web 應用程式」窗格中的顯示名稱。
4. 選取 Web 應用程式的「無」或「頁籤式」導覽樣式。
   對於頁籤式導覽樣式，您可以指定導覽項目的數目和每個項目的名稱。
5. 按一下建立。