1. 首頁 > 生活百科 > >

彩蛋 caidan

生活百科

菜單軟件這個案例中我們用幾分鐘來開發一個菜單軟件，是在平板端顯示和操作的，可以進行菜單添加維護完整的開發操作演示：

彩蛋 caidan

文章插圖

開發的項目案例下載---可以網盤下載案例導入開發工具對應操作演示進行學習開發應用
創建新項目
運行TERSUS開發工具，Windows系統中選名稱為Tersus Visual Programming Platform的程序; Mac電腦中運行Tersus程序· 如果是之一次運行程序，則會顯示一個歡迎使用的頁面，顯示如何快速開發一個項目，在頁面中添加按鈕，彈出“Hello World”的一個信息彈窗；關閉此頁面后才能進入項目開發· 注意如果是WIN10系統，需要以管理員方式打開TERUS軟件進行無代碼軟件開發，否則會有一個如下的彈窗，提示“Workspace”---開發工具默認的項目文件夾---不能訪問（在使用中或不能生成，請選擇另一個）
彩蛋 caidan

文章插圖

項目文件夾：可以用管理員打開后在工具的菜單欄中選File---Switch Workspace來選擇非系統盤的一個文件夾設定為項目文件新建一個項目，命名為“CAIDAN”新建方式：File -> New Tersus Project彈窗中輸入項目名稱“CAIDAN”項目模板中選“New Mobile Application”點擊“Finish”完成新建開發區中顯示底層系統顯示元件：不同模板中有不同的平臺顯示塊，New Mobile Application模板包括**<Mobile View>、<Tablet View>和<Desktop View>**三個顯示塊移動端顯示塊中開發：本項目我們只使用平板端顯示塊，所以可以刪除**和Desktop View**兩個顯示塊，刪除時直接選中按刪除鍵，會提示刪除對象是項目中唯一對象，是否同時刪除項目文件目錄中的文件，可以選是徹底刪除減少文件冗余內容，然后可以保存項目更新內容：可以點擊菜單欄中的Save按鈕、或直接按Ctrl+s快捷鍵、或菜單中選File -> Save來保存開發操作演示
彩蛋 caidan

文章插圖
【彩蛋caidan】
平板端開發
雙擊<Mobile View>進入平板端顯示塊，模板默認已添加了一個主頁面，重新命名為“菜單”，主頁面介紹請參考“移動端開發用元件”一章“Page顯示主頁面”一節· 命名方式：點擊選中頁面，按快捷鍵F2或右鍵單擊在彈出的菜單中選“Rename”，然后有重命名彈窗出現，在彈窗中輸入中文名稱即可，最后點擊“Finish”關閉彈窗完成重命名添加兩個新的主頁面，命名為“查詢”和“推薦”· 添加方式：在<Mobile View>內任意空白位置右鍵單擊，在彈出的菜單中選Addd Element---Page，此時是可命名狀態，直接輸入“查詢”回車完成新主頁面添加· 同樣方式添加“推薦”主頁面
彩蛋 caidan

文章插圖

可以運行查看默認頁面的默認設計內容，點擊開發工具欄運行按鈕
彩蛋 caidan

文章插圖
，然后將本地瀏覽器屏幕縮小為平板大小
彩蛋 caidan

文章插圖

菜單頁左側目錄/菜品欄設計
菜單頁面中，左側菜品欄應顯示各類別菜單的名稱的按鈕，點擊按鈕后，右側內容區顯示此類別的菜單列表將左側默認的Option 1和Option 2類別按鈕進行修改并添加更多選項雙擊元件進入以下位置：“菜單”頁/Content/Left Menu刪除“Menu Title”---選中后點擊刪除鍵，點“Yes”確認刪除項目目錄中添加的內容減少項目冗余內容雙擊進入“Init”元件（這是一個預處理名稱簡寫的普通行為處理元件），將字符常量Option 1重命名為“涼菜”· 重命名方式：點擊選中常量元件，按快捷鍵F2或右鍵單擊在彈出的菜單中選“Rename”，然后有重命名彈窗出現，在彈窗中輸入中文名稱即可，最后點擊“Finish”關閉彈窗完成重命名同上重命名Option 2為“炒菜”可以選中“涼菜”和“炒菜”常量拖放到上部添加第三個菜品名稱為“主食”· 添加方式：從開發工具右側常數常量類元件中點選“Text字符”元件，在“炒菜”下點擊放入，放入時是命名狀態，可以直接輸入名稱“主食”，回車或點其他任意地方完成同上添加第四個菜品為“點心”、第五個菜品為“飲料”將添加的新菜品名稱常量參考默認兩個常量與“Creeate Menu Item”的輸入元件“Caption”連線進行傳值處理從開發工具右側頂部點選“Flow傳值或流程”元件或按快捷鍵F2，選點擊“主食”，再點擊“Caption”即可同上連接“點心”和“飲料”與“Caption”

推薦閱讀