如何使用 Lightning App Builder 建立和自訂 Lightning 應用程式

已發表: 2024-04-03

踏上應用程式建置之旅通常會讓人想起複雜的程式碼、長時間的編碼和廣泛的編碼知識。

但是,借助 Salesforce 的 Lightning App Builder,即使沒有經驗,現在也可以快速建立整個應用程式。

無論您是新手還是想要深入研究應用程式創建的人,這篇部落格文章都將成為自訂閃電應用程式創建的聖杯。

讓我們一起探索建立和自訂 Lightning 應用程式的基本步驟,以開啟您的 Lightning 應用程式建置之旅。

讓我們從基礎開始。

什麼是 Salesforce Lightning 應用程式產生器?

Salesforce Lightning 是一個專門為 Salesforce 應用程式開發而設計的基於元件的框架。 其主要目標是為業務使用者(尤其是那些沒有程式設計專業知識的使用者)簡化 Salesforce 內的應用程式開發流程。

無論您是建立簡單的工具還是複雜的系統,Salesforce 的 Lightning App Builder 都使您能夠:

  • 無需豐富的編碼知識即可開發客製化的應用程式。
  • 設計完全滿足您的要求的應用程序,使您能夠根據您的需求塑造 Salesforce 環境。
  • 無縫地製作客製化應用程式。
  • 透過將欄位、按鈕、清單和其他元素等組件組裝到介面上來建立應用程式。
  • 這些元件可以是標準 Salesforce 元件或客製化元素,提供廣泛的功能。 該工具還確保響應式設計,使創建的應用程式能夠無縫適應各種設備,包括桌上型電腦、平板電腦和手機。

    透過提供使用者友善且直覺的介面,Salesforce Lightning App Builder 讓 Salesforce 使用者能夠創建更有效率、更個人化的 Salesforce 體驗。

    為什麼選擇 Salesforce Lightning 而不是 Classic 進行應用程式開發?

    身為 Salesforce 用戶,您可能熟悉切換到 Salesforce Lightning 不僅僅是一個明智之舉 - 這是一個策略決策,可以帶來多種優勢,尤其是對於應用程式開發。

    選擇 Salesforce Lightning 而不是 Classic 進行應用程式開發有幾個令人信服的理由:

    現代直覺的介面:

  • Lightning 提供了一個乾淨且使用者友好的介面,比 Classic 的選項卡式佈局更現代、更美觀。 這可以提高用戶採用率和生產力。
  • 行動優先設計:

  • Lightning 採用行動優先的方法構建,確保您的應用程式在從桌上型電腦到智慧型手機的所有裝置上完美呈現和運行。 這在當今以行動為中心的世界中至關重要。
  • 靈活性和客製化:

  • 與 Classic 相比,Lightning 提供了更大的靈活性和客製化選項。 您可以使用 Lightning Web Components 輕鬆建立自訂應用程式和元件,Lightning Web Components 是一個用於建立可重複使用和可擴充 UI 元素的框架。
  • 改進的性能:

  • 由於其優化的架構和現代設計,閃電應用程式通常比經典應用程式載入速度更快,效能更好。 這可以帶來更有效率、更愉快的使用者體驗。
  • 面向未來:

  • Salesforce 正在積極投資 Lightning 並定期發布新功能和更新。 選擇 Lightning 可確保您的應用程式建構在面向未來的平台上。
  • 下表總結了 Lightning 和 Classic 在應用程式開發方面的主要差異:

    總體而言,Salesforce Lightning 憑藉其現代化的設計、先進的功能、靈活性和麵向未來的特性,成為應用程式開發的明顯贏家。

    雖然習慣了 Classic 的開發人員可能有一個學習曲線,但閃電網路的好處遠遠超過了初始投資。

    如何在 Salesforce Lightning 上建立應用程式?

    Salesforce 的 Lightning Experience 有兩個主要部分:Lightning 頁面和 Lightning 元件。

    要建立新應用程序,請點擊右上角的齒輪圖示。

  • 如果您已經在想要自訂的 Lightning 頁面上,請從齒輪選單中選擇「編輯頁面」。
  • 如果沒有,請前往“設定”選單並蒐索“Lightning App Builder”以存取該工具。
  • 如何創建和自訂基於 Lightening 的應用程式

    進入 Lightning 應用程式產生器後,將開啟一個頁面。

    一旦您想要透過點擊編輯按鈕進行編輯,您將看到頁面打開,這將在 Lightning 應用程式產生器視圖中開啟該頁面。工具列具有儲存、撤銷、剪下、複製和貼上等常用選項。 除此之外,您還可以在桌面和行動視圖之間切換。

    屬性窗格顯示有關您正在處理的頁面或組件的詳細信息,以適應您正在做的事情。

    不同類型的頁面:

    1. 首頁:提供使用者資訊概述,例如圖表/儀表板、摘要或待辦事項清單。

    2.應用程式頁面:類似主頁,用於單頁或第三方應用程式。

    3. 記錄頁面:允許存取 Salesforce 內的記錄。

    Lightning App Builder 讓您可以使用頁面範本最佳化桌面和行動裝置的頁面。 您可以將元件拖曳到這些區域中。

    它主要是一個無代碼工具,但允許一些簡單的編碼。 對於進階功能或自訂模板,您可以使用 Aura 元件/lightning Web 元件。

    如何創建和自訂基於 Lightening 的應用程式

    新增組件:

    Lightning 頁面排列對象,而 Lightning 元件本身就是對象。

    您可以新增三種類型的元件:標準、自訂和第三方。 標準元件涵蓋了 Salesforce 直接提出的各種需求。

    客製化和第三方組件需要更多專業知識,並且是針對特定用途量身定制的。
    6. 點選「儲存」。

    添加組件後,根據需要進行排列,並記住手動儲存並啟動您的應用程式。

    最後,要激活,請選擇右上角的激活按鈕。

    如何自訂Lightning應用程式?

    現在您已經成功創建了應用程序,自訂它的衝動是很自然的,不是嗎? 畢竟,客製化是將您的應用程式與基於 Lightning 應用程式平台建立的眾多應用程式區分開來的關鍵。

    想知道如何自訂基於閃電應用程式生成器構建的應用程式? 請放心,我們在這裡為您服務!

    建立自訂主頁的步驟:

    1. 前往設定並在快速尋找框中搜尋“App Builder”,然後點選 Lightning App Builder。

    2. 按一下“新建”,選擇“首頁”,然後按一下“下一步”。 我們可以有“主頁、記錄頁面、應用程式頁面”,但由於我們專注於主頁,因此我們將只選擇主頁。

    3. 依照精靈中的步驟操作:
    – 為頁面命名(例如「新首頁」)。
    – 選擇「標準首頁」範本。
    – 按一下「完成」。

    4. 您將看到一個空白主頁,您可以在其中開始建置。 元件窗格包含主頁的標準元件以及組織中安裝的任何自訂元件。

    5. 將組件拖曳至不同區域:
    – 將助手組件放置在右上角。
    – 將效能放在左上角。
    – 將今日活動加入左下角,將關鍵交易新增至右下角。
    – 將今日任務置於助手之上。
    – 依照您的業務需求放置物品。

    6. 點選「儲存」。

    如何創建和自訂基於 Lightening 的應用程式

    但是,僅保存頁面不足以讓您的用戶看到它。 您需要啟動閃電頁面。 如果您準備好與您的用戶分享:

    – 點選「啟動」使其對您的使用者可見。

    – 如果您之前已儲存但未激活,請在工具列中尋找「啟動」按鈕。

    就是這樣! 您已建立並啟動自訂主頁,供使用者在 Lightning Experience 中存取。

    為 Lightning Experience 和 Salesforce 行動應用程式建立自訂記錄頁面的步驟

    1. 前往設定並在快速尋找框中搜尋“App Builder”,然後選擇 Lightning App Builder。

    2. 按一下「新建」。

    3. 選擇「記錄頁面」並依照精靈操作:

  • 為您的頁面新增標籤(例如,「新機會頁面」)。
  • 選擇“機會”作為對象。
  • 選擇「標題、副標題、右側邊欄」模板,然後按一下「完成」。
  • 4. 在元件窗格中,您將找到為商機記錄頁面設計的標準和自訂元件的集合。

    5. 從設定選單中選擇“始終顯示圖示”,以確保元件可見性在各種裝置上保持一致。

    6. 將元件拖曳到頁面上:

  • 突出顯示面板放在頂部區域以顯示重要資訊。
  • 在高亮面板下方新增路徑組件。
  • 在右下區域包含Chatter組件。
  • 在左下區域插入Tabs組件並新增選項卡。
  • 如何創建和自訂基於 Lightening 的應用程式

    自訂選項卡:

  • 新增一個新選項卡並為其新增標籤(例如“最近的項目”)。
  • 透過新增相應的元件來建立其他選項卡,例如「活動」和「相關」。
  • 在屬性窗格中排列 Tab 鍵順序:詳細資料、活動、最近的項目相關
  • 按一下“儲存”,然後按一下“啟動”以使自訂頁面對使用者可見。
  • 如何創建和自訂基於 Lightening 的應用程式

    7. 機會記錄頁面的啟動選項:

  • 組織預設值:使該頁面成為組織中所有使用者的預設頁面。
  • 應用程式預設值:將頁面設定為特定 Lightning 應用程式的預設值。
  • 應用程式、記錄、類型和設定檔:將頁面指派給選定的 Lightning 應用程式、記錄類型和設定檔。
  • 外形規格分配:將頁面指派給特定的裝置類型,例如桌上型電腦或手機。
  • 底線

    Salesforce Lightning 為應用程式創建和自訂提供了廣闊的視野,為用戶提供了直覺且動態的平台。 如果做得正確,Salesforce Lightning 中提供的大量自訂選項將為創新和客製化解決方案打開大門。

    如何創建和自訂基於 Lightening 的應用程式
    準備好釋放 Salesforce Lightning 的力量並打造您獨特的高效能應用程式了嗎? 請透過[email protected]給我們寫信,我們將從那裡獲取。