碼棧開發手冊(六)---實例演練(使用數據麵板和數據視圖)
參數麵板
上例(基礎操作)中我們使用“電視”作為搜索關鍵字,如果想在運行時動態的修改關鍵字就需要使用參數麵板
的功能。碼棧通過參數麵板
來實現運行時的自定義內容
下麵我們將通過參數麵板
來實現自定義搜索內容
- 在
參數麵板
中添加一個名稱為"關鍵字"的參數? - 拖動
讀取參數麵板
到畫布區,將其放置到打開網頁
的下麵;配置參數名稱
為"關鍵字",點擊確定? - 雙擊
填寫輸入框內容
,在彈出的配置對話框中修改輸入內容
,選擇名稱為"參數值"的動態內容,點擊確定? - 點擊
保存
,切換到執行預覽
;在關鍵字
中輸入"洗衣機",並點擊開始
按鈕運行應用?
數據視圖
數據視圖
主要用於保存運行結果及數據導入、導出,本節將通過保存運行結果來介紹數據視圖
的使用方式
- 在
數據視圖
中添加一個名稱為"商品名稱"的列? - 拖動
定時器
到畫布區,並點擊確定。由於天貓搜索結果是延遲加載的,所以此處需要添加定時器
,實際開發中不一定需要? - 拖動
獲取網頁元素內容
到畫布區,點擊捕獲網頁元素
,在彈出的錄製窗口中點擊開始錄製
,將鼠標移動到商品名稱位置並點擊鼠標,點擊保存
關閉? - 拖動
創建新行
到畫布區,設置設置值
為網頁元素內容
的動態內容,點擊確定? - 點擊
保存
,切換到執行預覽
;在關鍵字
中輸入"洗衣機",並點擊開始
按鈕運行應用
本文轉自碼棧平台
最後更新:2017-05-10 14:02:40