頁面設計

• 頁面創建

  1. 登錄魔筆。

  2. 在頂部菜單欄選擇應用管理，在右上角搜索框中輸入目標應用，例如TEST。

  3. 在指定的應用卡片中單擊進入設計器，進入應用開發頁面（Mobi Studio）。

  4. 在左側功能區單擊，展開頁面管理右側欄。

  5. 選擇頁面頁簽，左側區域展示當前頁面所包含的模塊列表，右側區域可查看已創建的頁面列表。

  6. 在左側導航樹中，選擇需要查看的引用模塊頁面。

  7. 在右側區域，單擊添加新頁面，創建新頁面。

  8. 在添加頁面對話框中填寫相關信息。

     1. 選擇頁面類型：Web 應用支持 PC 頁面和 H5 頁面，頁面將按照類型展示對應標簽下的頁面列表中。

     2. 輸入頁面名稱：為新頁面命名。

     3. 選擇模板：默認為空白模板，也可選擇導航、表單、功能和門戶等相關模板。

• 頁面管理

  在頁面列表中，將鼠標移至頁面右側空白處，單擊，打開快捷菜單。

  • 選擇復制模型選項，可創建當前頁面的副本。

  • 選擇修改名稱選項，修改頁面的名稱。

  • 選擇設為首頁選項，將當前頁面設置為首頁。

    說明

    • 設置為首頁的頁面，以標識。

    • Web 應用至少需要一個 PC 頁面作為首頁，也可將 H5 頁面設為首頁，此時應用為雙首頁，運行時會根據設備類型自動匹配到 PC 首頁或 H5 首頁。

  • 選擇刪除選項，經二次確認，刪除頁面。

    重要

    頁面刪除后無法恢復，請謹慎操作。

• 頁面編排

  1. 在頂部功能區，顯示當前應用/在編模塊/當前頁面信息，您可以從下拉列表中切換Tab頁；也可以在組件區域上方，切換模塊。

  2. 在應用頁面的開發界面，從左側組件區域選擇并拖拽組件到畫布中。

  3. 在工作區域對已選組件進行合理布局。

  4. 選中工作區域的組件，在右側組件屬性區域進行屬性的配置，具體請參見頁面布局。

后續操作

• 提交變更：頁面搭建完成后，單擊頁面右上方的提交，保存當前模型版本。

• 提交回滾：在頁面搭建界面單擊右側功能區的提交記錄，進入提交記錄頁面。您可以選擇需要回滾的版本繼續進行搭建。