676      阿裏雲  技術社區[雲棲]

碼棧使用手冊（二）---界麵介紹

界麵介紹

登陸成功，歡迎來到碼棧平台！
操作界麵總體分為導航欄（左側）、工作欄（右側）

導航欄有六大功能模塊：

• 我的應用
• 應用市場
• 應用管理
• 開發應用
• 消息通知
• 係統設置

下麵就分別就六大模塊一一介紹。

我的應用

 
功能介紹：

1、展示我已訂購應用

2、查看使用說明

建議運行應用前先閱讀，開發者一般會將詳細的使用情況在其中說明。

3、應用設置

 查看應用開發者、簡介的情況，如果對應用有什麼不清楚的，可以在這裏聯係開發者。
 這裏還有一個重要功能：刪除應用，用來取消應用的訂購。

4、執行按鈕

 碼棧的所有應用執行都是通過點擊藍色按鈕來啟動，比如上圖中的“開始作圖“。
 點擊藍色按鈕，即開始運行。
 若有多個按鈕，說明此應用執行是分多步進行，請根據使用說明操作。

5、應用參數

 應用參數是應用運行前需要填寫的，比如圖片處理，那得指定要處理的圖片文件路徑。
 如不清楚填寫，點“使用說明“查看，還是不清楚，點”應用設置“聯係開發者。

6、應用數據區域

應用運行後，如果涉及對數據的操作，在這個區域可能會有展示。 展示形式是以類似excel表格，有列和行的概念。如下圖：
由於這塊區域跟以後的使用有很大關係，故重點說明下
舉例：有一應用，能夠根據物品名稱對物品進行分類：如果要求你將物品名稱複製到數據列表，程序再讀取處理，那麼有幾種方法呢？

方法一：通過工具按鈕“添加數據“

每次點擊，隻會增加一行，適用於少量的添加操作 
注：有關工具按鈕，下麵會再詳細介紹每個按鈕的功能

方法二：通過工具按鈕“粘貼數據“ 
在Excel或其它編輯器編輯好之後，複製，再點擊‘粘貼數據‘。

方法三：直接Ctrl+V進行粘貼 
在Excel或其它編輯器編輯好之後，複製，切到數據區域，Ctrl+V.

方法四：通過工具按鈕“導入數據“ 
目前支持的格式是excel，在excel中編輯到信息後，點擊“導入數據“按鈕即可。

工具按鈕介紹

• 導出數據

  導出應用數據列表的數據。
  

• 打開網址

  若數據區每個單元格是網址，選中它，點擊“打開網址“即可在瀏覽器中打開此網址
  

• 查找

   輸入關鍵字，在數據區域查找，若自動選中要查找的數據行
  

• 反選

   數據區域，若選中，點擊“反選“後則不選中，否則，相反
  

• 篩選

  針對數據列進行正則匹配
  

• 清空

  將會清空整個數據區域的數據。
  

• 刪除

  刪除選中的數據行
  

• 統計

   統計數據區域中選中的與未選中的數據條目。統計結果會顯示在執行日誌區域。類似：<br/>
  

  

• 日誌

   點擊日誌後，會展示應用的執行情況，默認是不展示的<br/>     
  

  

  7、碼棧自帶的瀏覽器

  瀏覽器用於打開和操作應用需要打開的鏈接。

• 應用市場

  
  功能說明： 應用市場中展示了所有可訂購的應用。
  

  應用列表中內容介紹：
  

  • 1、應用圖標
    
  • 2、應用名稱+應用類型
    

    應用類型分為兩種：通用、專屬
    公開應用可以直接訂購
    非公開應用訂購需要邀請碼
    

  • 3、應用介紹
    

  • 4、查看詳情按鈕
         應用詳情界麵如下：
    

  • 5、展示已訂購次數
    

  • 6、應用分類
    

    數據處理 
       比如分析物流信息、采集訂單數據
    批量業務
       比如批量退款、批量回複用戶評價
    消息推送
       比如發送促銷信息
    流程連通
       比如連通物流查詢與退款流程
    係統協同
       比如協同天貓係統與企業內部的ERP係統
    

  • 7、訂購按鈕
    

  
  如何獲取邀請碼？
       聯係應用開發者。

• 應用管理

  
  此頁麵針對開發者，管理自己所開發的應用。功能如下：

  1、應用列表

    隻要應用發布過，無論現在狀態是上架還是下架，都會列出。
  

  2、查看應用的使用情況

  • 總訂購次數
  • 總執行時長

    統計應用總的執行時間
    

  • 總啟動次數

    統計點擊執行按鈕次數
    

  • 總執行任務數

    統計代碼中J_Record函數執行次數。
    

  • 本周/月使用情況圖表

    橫軸：時間
    縱軸：執行任務數
    

  3、邀請碼管理

     對非公開應用，在此生成邀請碼及已有邀請碼使用情況
  

  
     邀請碼生成：直接輸入數字，點擊“點擊生成“

  4、權限管理

  管理自己應用的權限：
  

  • 讀寫權限

    為自己的應用增加開發者。
    比如增加張三，那麼張三在“開發應用”的列表中可以看到此應用，並修改代碼。
    但張三在“應用管理”列表中看不到此應用。
    

  • 移交所有權

    將自己應用移交給別人。
    比如李四將自己的應用移交給張三，可以認為，此應用的管理者變成張三。
    張三在“應用管理”的列表上可以看到此應用，李四不再能看到了。
    李四也會從開發者權限列表中移除，即李四不再有開發權限。
    

  4、應用上下架

    應用上下架是針對是否在應用市場上查看來說的。

  • 應用下架
    

    針對【已上架】應用
    下架後在應用市場就搜索不到了。
    對已訂購的用戶來說，使用不受影響。
    

  • 應用上架
    

    針對【已下架】的應用
    上架後在應用市場可以搜索到。
    

    開發應用

     
此頁麵針對開發者，功能如下：

  • 1、開發應用列表

     自己開發的所有非刪除狀態的應用。
     應用的狀態：
        未發布（未發布前的狀態）
        係統過濾中（發布後係統過濾完成前狀態）
        已發布（係統過濾之後的狀態，應用會自動上架到應用市場）
        停用（在應用管理處下架後的狀態）
        禁用（係統管理員停用）
    

 操作界麵同新增應用。

 隻有未發布狀態的應用才能被刪除。

新增應用


你可以完成一個應用的開發、執行調式、發布等所有工作。
這些步驟不是一次性要全部完成，每次保存即可，下次再打開會自動加載 。 提供了兩種開發應用的方式，一種是編寫代碼的方式，一種是可視化的方式。

編碼方式

第一步：基本信息

如上圖，用於填寫應用的一些基本信息


對外展示的應用名稱，盡量用簡潔並能精準表達應用功能的文字

圖標用於展示在應用市場列表中，目前是隻能用係統內置的幾種圖標，每種應用分類有一個默認圖標。
以後會放開讓開發者上傳自己喜歡的圖標

完全公開：
    在應用市場訂購時，不需要邀請碼
非公開：
    訂購時需要邀請碼。邀請碼在應用管理-》邀請管理中生成與管理

1、數據處理 
   比如分析物流信息、采集訂單數據
2、批量業務
   比如批量退款、批量回複用戶評價
3、消息推送
  比如發送促銷信息
4、流程連通
  比如連通物流查詢與退款流程
5、係統協同
   比如協同天貓係統與企業內部的ERP係統

應用使用過程中需要詳細說明清楚。

第二步：編寫代碼


整個編寫界麵由五部分組成：

1、代碼編寫區

    在此區域編寫代碼，係統會有關鍵字高亮、智能提示等功能。
    代碼區上方有一排功能按鈕。其中的”錄製控件“、”正則表達式“是非常重要的功能按鈕，這個在開發手冊中有介紹。

2、工具欄

    在此區域設置執行按鈕。
    一個按鈕對應代碼中的代碼區中的一個函數fun。
    一個應用可以有多個執行按鈕。
    使用者訂購後，在“我的應用”窗口中看到的執行按鈕就來自於此。


3、控製麵板

    設置應用所需要的參數。
     目前支持的參數類型有如下幾類：
      
     一個應用可以有多個應用參數。
     使用者訂購後，在“我的應用”窗口中看到的應用參數就來自於此。


4、數據視圖

    定義數據列。
    使用者訂購後，在“我的應用”窗口看到的數據區域中的數據列來自於此。


5、控件

    此區域有3部分內容：


第三步：執行預覽

    在此頁麵進行應用調試。
    整個界麵類似“我的應用”的執行界麵，不再詳細的說。

第四步：發布應用

    開發調試完成後，點擊“發布應用”按鈕，即可發布。
    發布後，應用狀態變為係統過濾中，係統管理員過濾完成後，係統會自動上架，即可在應用市場中搜索到。


可視化方式

碼棧提供的可視化編程是麵向無編程經驗的開發者，它提供了通過拚圖的方式實現應用邏輯的功能。 開發者不需要再關注編程語法、運行環境以及複雜的API，隻需要按照流程拖動滑塊並將其拚接在一起即可。

預覽 

界麵介紹

可視化編程界麵主要分為“工具箱”、“菜單欄”、“視圖界麵”、“代碼界麵”四個部分，下麵將逐一介紹其功能。

工具箱

工具箱中包含開發者可能用到的所有滑塊，選中需要的滑塊將其拖動到視圖界麵即可。工具箱一般為兩級菜單，第一級是分類菜單，第二級是具體的滑塊，選中滑塊將會在工具箱的下方出現該滑塊的詳細介紹。

菜單欄

菜單分為兩個部分：全局菜單、塊菜單，“全局菜單”即對所有塊進行操作的菜單，“塊菜單”即隻針對當前選中塊進行操作的菜單

整理：使所有滑塊靠左對齊

折疊全部：折疊所有頂級滑塊

展開全部：展開所有已折疊的滑塊

刪除全部：刪除當前工作區域的所有滑塊，請謹慎操作

複製：複製一個當前選中的滑塊

折疊：折疊當前選中的滑塊

展開：展開當前選中的滑塊

刪除：刪除當前選中的滑塊

高級選項：如果當前選中的滑塊有高級選項，點擊此菜單將彈出高級選項對話框 

視圖界麵

視圖界麵即為存放滑塊的界麵，該界麵類似於一個無限大的畫布，可以放大、縮小、滾動。 

代碼界麵

代碼界麵是用於查看代碼生成結果的界麵，該界麵的內容是隻讀的。點擊界麵右上方的滑塊即可隨意切換代碼界麵與視圖界麵 

應用實例

本節將會用一個“自動化百度搜索”的實例來講解具體的使用方法

拖動“網頁/打開新網頁”到視圖區域，並將其放置在“Start”塊內

修改“打開新網頁”塊中的網頁地址，將其修改為"www.baidu.com"

拖動“網頁/操作控件”到視圖區域，將其拚接到“打開新網頁”的下方

在右側的瀏覽器輸入“www.baidu.com”，回車打開

點擊“操作控件”塊中的拾取圖標，這時將彈出拾取網頁元素的對話框

點擊對話框中的拾取元素按鈕，找到網頁中的搜索框

在對話框中輸入所屬頁麵名稱、控件名稱，並點擊確定

修改“操作控件”中的輸入值，將其修改為“碼棧”

拖動“網頁/操作控件”到視圖區域，將其拚接到最後一個塊的下方，並修改類型為“點擊”

重複5、6、7找到搜索按鈕

這時點擊保存就能在運行頁麵執行應用了

預覽 可視化編輯適用於業務邏輯比較簡單的應用，目前已支持對瀏覽器、操作係統、文件、表格等操作的功能。

消息通知

這裏會有係統的一些通知


統設置

在這裏您可以更改如下圖的設置

最後更新：2017-05-13 08:46:18

  上一篇：  碼棧開發手冊（四）---編碼方式開發（API函數列表）

  下一篇：  spring boot應用之spring mvc應用書目錄