使用入門樣板建立 Oracle JET Web App

簡介

本教學課程示範如何使用 Oracle JavaScript Extension Toolkit (Oracle JET) 命令行介面和抽屜入門樣板來建立 Oracle JET Web 應用程式。

使用 Oracle JET 開發從屬端 Web 應用程式非常簡單且有效率。為了協助您開始使用，Oracle JET 提供入門樣板。當您使用 navdrawer 起始器樣板建立 Oracle JET Web App 時，樣板會將預先設定的 Oracle JET 導覽抽屜元件新增至起始的網頁。

您可以使用與命令行介面一起安裝的 Oracle JET 工具套裝軟體，從終端機視窗建立並執行 Oracle JET Web 應用程式。您也可以在終端機視窗中查看命令輸出，例如應用程式錯誤和警告。

目標

完成此教學課程時，您將建立一個使用 navdrawer 樣板的 Oracle JET Web 應用程式，並且在本機 Web 瀏覽器中執行。

必要條件

設定使用 JavaScript 程式實際執行、Node.js 及已安裝最新 Oracle JET 命令行介面建立 Oracle JET App 的開發環境

任務 1:Navdrawer 入門範本

  1. 在您的檔案系統中，在 Oracle JET Web 應用程式所在的位置，以管理員身分開啟終端機視窗並建立應用程式。

    $ ojet create JET_Web_Application --template=navdrawer --typescript

    Oracle JET 工具會在 JET_Web_Application 資料夾中建立應用程式，並顯示進度訊息直到完成為止。

  2. 等待確認。

    Your app is ready! Change to your new app directory
'JET_Web_Application' and try 'ojet build' and 'ojet serve'.

任務 2：執行 Web 應用程式

  1. 在終端機視窗中，變更為 JET_Web_Application 目錄，然後執行應用程式。

    $ ojet serve

    Oracle JET 工具會在本機 Web 瀏覽器中執行 Web 應用程式，供您執行測試與除錯。

  2. 關閉瀏覽器視窗。

  3. 在終端機視窗中，按 Ctrl+C，如果出現提示，請輸入 y 以結束 Oracle JET 工具批次工作。

其他學習資源

探索 docs.oracle.com/learn 上的其他實驗室，或是存取更多免費學習內容至 Oracle Learning YouTube 通道。此外，瀏覽 education.oracle.com/learning-explorer 以成為 Oracle Learning Explorer。

如需產品文件，請瀏覽 Oracle Help Center。